Bakery & patisserie

Maison Victoire

A stall at Les Halles Paul Bocuse: the site had to speak to locals and tourists alike.

Year
2026
Design & build
3 weeks
Stack
Next.js · React · Tailwind · Vercel
  • Design
  • Development
  • Bilingual
  • Local SEO
  • Copywriting

Demo version put online by Kayzen Web at a Vercel address; the final domain belongs to the client.

https://maison-victoire.vercel.app/
Home page of the Maison Victoire website — Bakery & patisserie, built by Kayzen Web
languages, two real site trees
2
Lighthouse accessibility
97/100
Lighthouse SEOOne of our two lowest SEO scores: the bilingual site still has open audit points (links and description tags); they are in the correction plan and the score will be republished after the next pass.
92/100
The starting point

What needed solving.

The background

Maison Victoire has been based at Les Halles de Lyon Paul Bocuse since 1990. Its praline brioche is one of the house's recognised specialities.

The constraint

Two audiences with nothing in common. Lyon locals know the address and come to place an order; visitors discovering Les Halles are looking for something to take home and do not always read French. A single page aimed at both would have convinced neither.

The response

A bilingual site, with a signature product treated as a way in. The praline brioche has its own page: its story, how it is made, how to keep it, and a button to reserve for collection. It is the page that captures tourists and reassures regulars.

Measured, not claimed

The scores recorded at delivery.

Lighthouse scores for the live site. We publish them as they are: when one is low, its cause and the plan to fix it are set out below rather than glossed over.

PageSpeed
85
Performance: 85 out of 100
97
Accessibility: 97 out of 100
100
Best practices: 100 out of 100
92
Search engine optimisation: 92 out of 100
Design & art direction

Every design choice, and the reason for it.

  1. The colour of the product

    Praline pink, cream and crust brown. The palette is taken from the products themselves rather than imposed by a style guide: in the food trade, the goods are the identity.

  2. The signature product as a way in

    A page dedicated to the praline brioche, with its story and storage advice. It answers searches for Lyon specialities, which the home page could never target.

  3. A visible language switch

    The language selector sits in the header, not in the footer. A foreign visitor who cannot find it within three seconds leaves the page.

Project palette

  • Praline pink

    #C4405C

    Identity, accents

  • Cream

    #FBF4E9

    Background

  • Crust brown

    #6B4327

    Headings

  • Soft gold

    #D9A441

    Details

Type system

Display

Cormorant Garamond

Body text

Karla 400

An elegant serif for the shop name, a humanist grotesque for reading — craftsmanship without the old-fashioned feel.

Engineering

What's under the bonnet.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Bilingual by URL, not by cookie

    /fr/ and /en/ are two real site trees, with reciprocal hreflang tags. A client-side switch would have left a single indexed URL, and so a single version in search.

  2. Reservation for collection

    An order form with a collection slot, without online payment. A bakery does not need a payment funnel for an order collected in store — it would only add fees and abandoned orders.

Search engine optimisation

How the site makes itself findable.

  1. Leaning on Les Halles

    “Boulangerie Halles Paul Bocuse”, “brioche aux pralines Lyon”, “spécialité lyonnaise à rapporter” (Lyon speciality to take home). The positioning rests on the venue, which is a stronger brand than the shop itself.

  2. Complete hreflang

    Each page declares its alternate version and its own canonical. It is the point where most bilingual sites fail, and where Google ends up indexing only one language.

  3. Bakery markup

    The Bakery type with opening hours, address and price range: Google recognises this type and displays it differently in local results.

Site structure

What was delivered.

  • Home (FR / EN)
  • The praline brioche
  • Our products
  • Reserve for collection
  • The house since 1990
  • Getting to Les Halles
Method

How the project unfolded.

  1. Positioning

    Two audiences identified, a signature product chosen as the way in.

  2. Bilingual

    /fr/ and /en/ site trees, reciprocal hreflang.

  3. Design

    Palette taken from the products, signature product page.

  4. Reservation

    Collection slots, no online payment.

Questions

What we are often asked.

At Les Halles Paul Bocuse, yes: a significant share of visitors come from abroad and are looking for a speciality to take home. Elsewhere in Lyon, the answer would probably be no — the question is settled by where customers actually come from, not by principle.

The same high standards, for your website.

A free audit of your current site, a quote within 24 hours and written reasoning — like the case study you have just read. Pay in three interest-free instalments; local funding schemes checked before you sign.

Share