Skip to content
, home

Case study · Retail

Brunch House logo

Brunch House, making you hungry from the homepage

The trilingual website of the Brunch House restaurant in Bordeaux, with its full menu in photos and online reservations.

  • Website
  • FR · EN · ES

Screens from the website

brunchhousebordeaux.fr
Brunch House homepage: let the brunch begin
brunchhousebordeaux.fr
Brunch House: our tasty creations, dishes in photos
brunchhousebordeaux.fr
Brunch House: the Creative Brunch, Tuesday to Friday

Leveling up with Brunch House

  1. The starting point

    Brunch House is a brunch restaurant in Bordeaux. It needed a website that shows the menu, leads to reservations and Google reviews, and speaks to tourists too.

  2. The challenge

    Present a very visual menu, with more than 50 dish photos, without slowing down page load, all in three languages.

  3. Challenge met

    The restaurant has a website in French, English and Spanish that detects the visitor's language, shows the menu in photos and leads to a reservation in one click.

Built from A to Z

  • Photo menu
  • Online reservations
  • Trilingual website
  • Map and directions
  • Google reviews
  1. 01

    Homepage: hero, values, creative brunch, testimonials, FAQ and location.

  2. 02

    Menu page with set menus, dishes and drinks, all photographed.

  3. 03

    Reservations through Google, embedded map, directions and a link to leave a review.

  4. 04

    Translation into French, English and Spanish with browser language detection.

  5. 05

    Automatic image compression and performance monitoring.

Project timeline

  1. Level 01

    Scoping

    Three goals: show the menu, lead to reservations and also speak to tourists visiting Bordeaux.

  2. Level 02

    Design

    A homepage that makes you hungry, a Menu page with set menus, dishes and drinks in photos, testimonials and FAQ.

  3. Level 03

    Development

    Website in three languages with browser language detection, reservations through Google, map and directions.

  4. Level 04

    Performance

    Automatic image compression to keep a very visual menu without slowing down page load.

Project specs

Stack
ReactReact Routerstyled-componentsFramer Motioni18nextsharp
Deliverables

Showcase website

Design

Local SEO

Ready to unlock your cheat code?

An idea to launch, a website to rethink, an app to build or a brand to evolve?

Talk about my project