Skip to main content
Back to our work
Maison du Levain

Boulangerie Ordering Experience

A component-driven front-end experience that prototypes online ordering and loyalty flows for an upscale boulangerie.

5-day UI prototypeUI/UX DesignWeb Development
Ordering interface for a boulangerie website

Reusable components

24

Device breakpoints

3

Design handoff

Figma + Storybook

Problem

Maison du Levain plans to launch click-and-collect services but needed to validate the end-to-end guest experience before investing in POS integrations. They requested a front-end prototype to test in-store with real customers.

Approach

We storyboarded the journey from daily specials through loyalty rewards, then built a modular design system in Next.js. The experience includes dynamic menus, cart interactions, and loyalty sign-in states, each backed by mock data so tests feel authentic without depending on production services.

View the front-end handoff at bakery1-topaz.vercel.app. The link is a UI prototype only and does not represent the live production ordering system.

Outcome

Usability sessions confirmed that guests could complete orders in less than two minutes, and the component library now seeds the production build. The work also informed loyalty requirements, reducing the scope for the eventual POS integration.