Atelier 100

IKEA joined forces with global fashion brand H&M to launch Atelier100: an ‘ideas factory’ for emerging local talent, whose products are sold at the Atelier100 store in Livat Hammersmith, as well as IKEA’s shopping centre in west London. Atelier100 came to ON to create, expand, and maintain their online home.

From the very beginning, the joint venture was driven by a commitment to foster community and creativity. Atelier100 promotes a network of makers, producing products that are equal parts sustainable and innovative. All products in Atelier100’s concept store have been designed and manufactured within 100km of central London by independent creators making waves in their respective crafts.

The goal of the new website is to champion the creatives involved in Atelier100, as well as creating a flexible platform that can accommodate different stages of the programme cycles, with ON managing the development of the site through its various stages.

A promotional page for Andu Masebo, who is identified as a designer and creative producer
A promotional display for various products, featuring four distinct items

The brief: an e-commerce platform for emerging makers

Atelier100 came to ON to create a digital experience that celebrates the sustainable, locally-focused nature of the project, showcasing the makers, their stories, and products.

The project was centred around the opening of the Atelier100 store in Livat Hammersmith, and was conceived and realised as a digital gateway to the physical retail space. Atelier100 is characterised by a yearly cycle: each year there is a graduating class. With each graduating class, a new offering of products are uploaded onto the site.

To keep up with their expansion, the new Atelier100 website needed to support e-commerce by enabling products to be bought through the platform. The challenge lay in delivering an e-commerce platform that worked with ease and speed, whilst maintaining the ‘DIY’ aesthetic of the project and encouraging visitors to the Atelier100 physical store.

Working in close collaboration with Bibliothèque — who designed the brand identity — we created a platform to support two different phases of the project. The first phase aimed to introduce A100 to creatives and sign them up to the project. The second was the creation of the public digital platform in full as a place to host product selling.

Bringing the ideas factory to life

Building the foundations of the Atelier100 digital platform with an informative application portal for London-based creatives and makers.

In its initial iteration, the website served to introduce Atelier100 to makers and creatives, encouraging them to join their producer-centred project. We created a platform that hosted applications for makers to sign up to the programme via a portal.

This open-call platform was designed to effectively show makers the forward-thinking nature of the Atelier100 endeavour, by highlighting the sustainability and community incentives for sourcing products within a local radius. The portal also transparently displayed the key stakeholders in the project cohort, alongside their values for independent product design.

The site was launched in tandem with a London-wide marketing campaign to increase awareness of the open call application, and created the foundations for the second phase of the product and producer centred e-commerce website.

A poster with a vibrant yellow and green background
A promotional poster for a jury panel featuring four individuals
A promotional advertisement for Atelier100, encouraging individuals to apply for an opportunity

Displaying Atelier100 products

We created an e-commerce platform that places products and their creation stories on the centre stage.

The second phase of the Atelier100 site coincided with the opening of the store in Livat Hammersmith, and formed a digital gateway to the physical retail space.

Configured to stimulate curiosity, the website allows users to roam around the page and explore products in a scatter display. The unconventional nature of the navigation creates a space which, like Atelier100 itself, showcases the atypical and original. Our approach to displaying products was inspired by the experience of exploring physical stores, mimicking the serendipitous nature of browsing items as they catch your attention.

The platform also places emphasis on the individual stories behind the products. Each product features a ‘meet the creative’ card, as well as detailed information about the materials and product manufacture. On top of this, there is a section dedicated to the Atelier100 collective, displaying all the featured creatives in a cohort yearbook.

User-centred e-commerce

We created a flexible e-commerce solution that balanced functionality with the unconventional Atelier100 brand.

A core aim of the site was to balance best practices for user-friendly e-commerce with the unconventional aesthetic of the products on offer.

So, whilst we took a playful approach to displaying products, the checkout experience is designed to be smooth, simple, and time efficient. We utilised Shopify to create an add-to-cart functionality and payment management integrations that are user-centric across all devices.

A visually striking advertisement featuring a pink polka dot design against a teal background

An acclaimed collaboration with IKEA and H&M

We worked flexibly and adaptively with Atelier100 partners and sponsors to create a platform that has been celebrated in the mainstream media.

The Atelier100 project was an exciting opportunity to work with a range of creatives and partners from all walks of the creative industry. With branding from Templo and Bibliothèque, and sponsorship from IKEA and H&M, we provided the design and strategic foundations for developing and maintaining the website.

The wide press coverage Atelier100 has received is tantamount to its success as a pioneer of locally made, high-quality goods, being covered by media outlets from The Guardian to The Independent to Design Week.

Poster with a green background and various text elements
A modern retail store with a large open doorway
A promotional poster with a yellow background

The result

As a design-minded technology partner, we’re proud to have created the online home for Atelier100, and to continue to help build their ‘ideas factory’ for emerging talent that celebrates London as an engine of innovation.

Our devotion to bringing the brand to life online, whilst ensuring optimal functionality of the website, worked to create a robust and flexible platform for Atelier100’s unique project.

More case studies

technologyinnovationplatform

EY Adventure Awaits: Immersive Careers Platform

Made by ON built Adventure Awaits for EY — an immersive virtual experience inspiring Gen Z with skills, confidence, and wellbeing resources for careers.

View case study

designstudioportfolio +1

Koto Studio Portfolio Website |

How Made by ON built a new portfolio website for Koto, the global branding studio with offices in Berlin, London, LA and New York. Web development case study.

View case study

platformsmarketing

Unearthed by Greenpeace: Editorial Platform

Made by ON partnered with S-T to build Unearthed, Greenpeace's investigative journalism platform — an editorial design system for environmental reporting.

View case study

designexhibitionCMS +1

London Design Biennale Website |

Made by ON rebuilt the London Design Biennale website — improving event discoverability and CMS workflows for exhibitors and administrators.

View case study

marketing

HudsonBec Group Website Redesign |

Made by ON redesigned The HudsonBec Group's website to showcase their diversity, culture, and creative approach across four specialist companies.

View case study

marketingproductsplatforms
Loanhood: Fashion Rental App Design

Loanhood: Fashion Rental App Design

How Made by ON designed and launched the Loanhood fashion rental app — building a community of conscious fashion enthusiasts on iOS and Android.

View case study

technologyinnovationplatform

Air.inc Website Redesign |

Made by ON redesigned Air.inc's website to match the sophistication of their creative ops platform — simplifying workflows for creative teams. Website design case study.

View case study

designanniversaryyearbook

North Six Digital Yearbook |

Made by ON created a digital editorial yearbook for North Six — documenting 21 years of fashion and lifestyle content creation, production, and ideas.

View case study

designfestivalplatform +1

London Design Festival Digital Platform

Made by ON built the London Design Festival platform — bringing clarity to visitor navigation and sophisticated content management for 300+ annual events.

View case study

typographydesigncreative

Colophon Foundry Typography E-Commerce

How Made by ON built the Colophon Foundry e-commerce platform — from startup type foundry to Monotype acquisition. Typography and web development case study.

View case study

marketingplatforms

Libeo: Cloud Payments Website Migration

Made by ON migrated Libeo's payments platform from WordPress to Storyblok — delivering a faster, more dynamic site for SME invoice management.

View case study

technologyinnovationplatform
OurCo Community App Redesign |

OurCo Community App Redesign |

Made by ON transformed the OurCo community engagement app — simplifying user flows and increasing participation for the New York-based civic tech platform.

View case study

tourismcultureplatform

Bhutan Tourism Website Redesign |

How Made by ON created an immersive tourism website for the kingdom of Bhutan — showcasing its culture and heritage to attract conscious travellers.

View case study

cryptofintechapp +1

Token.com: Crypto Investment Platform Design

How Made by ON designed Token.com's crypto investment platform — making it simple for beginners to invest through education, guides, and community features.

View case study

technologyinnovationplatform

OneSurvey: Property Surveying App |

How Made by ON redesigned property surveying for OneSurvey, Scotland's largest independent surveyor — replacing paper workflows with a connected app.

View case study

technologyinnovationplatform

GF Smith E-Commerce & Digital Transformation

How Made by ON built a global e-commerce platform for GF Smith, Britain's most prestigious paper brand — supporting international growth and digital sales.

View case study

insurancedigitalUAE +1
HAYAH: Digital Insurance Platform for the UAE

HAYAH: Digital Insurance Platform for the UAE

How Made by ON designed the UAE's first fully digital life insurance platform for HAYAH — buy a policy in under 2 minutes. Fintech product design case study.

View case study