Boulangerie Marcellin

The fictional brief

Boulangerie Marcellin has been in Lyon 3e since 1987. Thomas Joubert took over from his father and wanted a first online presence — not an e-commerce site, not a blog. Something simple and warm that makes people want to come in. The hours, the signature products, a little of the story. That's it.

What we built

Four sections. A hero with a tagline and a CTA that anchors to the hours. The specialities: sourdough country loaf, pure butter croissant, Vendée brioche. A short story section, two paragraphs. And a "find us" block with address, hours and a placeholder map.

The navigation is fixed but lightweight. Cream (#FAF7F2) and brown (#8B5E3C) — warm without being overdone. No generated images: coloured divs with text descriptions, ready to replace with the client's own photos.

What drove our decisions

Fraunces has a character that feels artisan without looking old-fashioned. Optical sizes, good at large scale for headings, and just unusual enough that it doesn't read like every other bakery site that went with Lora or Playfair.

A bakery doesn't need six pages. The brief lives in one scroll — products, story, location. Splitting it across pages would have lost the warmth. Single-page was the right call.

The hours show up twice: in the navigation as an anchor, and in a full dedicated section readable without zooming on mobile. That's intentional. It's the first thing someone wants when they find a bakery they don't know yet, and it should never require any effort to find.

Delivery

A real client would have received: Next.js source files (full ownership), a Vercel deployment with custom domain, a guide for updating hours and text directly in the MDX or TSX file without a CMS, a validated Lighthouse score, and LocalBusiness Schema.org markup with machine-readable opening hours.

Estimated timeline: 3 working days (brief → mockup → integration → launch).

---

This project is a demonstration created by the Webvori studio to illustrate our approach and level of craft. No real client is associated with this fictional brand. Visual identities and photos are illustrative — Webvori studio demo.