Aller au contenu
, accueil

Étude de cas · Commerce

Logo Brunch House

Brunch House, donner faim dès la page d’accueil

Le site trilingue du restaurant Brunch House à Bordeaux, avec sa carte complète en photos et la réservation en ligne.

  • Site web
  • FR · EN · ES

Les écrans du site

brunchhousebordeaux.fr
Accueil Brunch House : que le brunch commence
brunchhousebordeaux.fr
Brunch House : nos créations gourmandes, les plats en photos
brunchhousebordeaux.fr
Brunch House : le Brunch Créatif du mardi au vendredi

Passer un cap avec Brunch House

  1. Le point de départ

    Brunch House est un restaurant de brunch à Bordeaux. Il fallait un site qui montre la carte, mène à la réservation et aux avis Google, et parle aussi aux touristes.

  2. Le cap à franchir

    Présenter une carte très visuelle, avec plus de 50 photos de plats, sans ralentir le chargement, et le tout en trois langues.

  3. Le cap franchi

    Le restaurant a un site en français, anglais et espagnol qui détecte la langue du visiteur, montre la carte en photos et mène à la réservation en un clic.

Construit de A à Z

  • Carte en photos
  • Réservation en ligne
  • Site trilingue
  • Plan et itinéraire
  • Avis Google
  1. 01

    Accueil : hero, valeurs, brunch créatif, témoignages, FAQ et localisation.

  2. 02

    Page Menu avec les formules, les plats et les boissons photographiés.

  3. 03

    Réservation via Google, plan intégré, itinéraire et lien pour laisser un avis.

  4. 04

    Traduction en français, anglais et espagnol avec détection de la langue du navigateur.

  5. 05

    Compression automatique des images et suivi des performances.

Le déroulé du projet

  1. Niveau 01

    Cadrage

    Trois objectifs : montrer la carte, mener à la réservation et parler aussi aux touristes de passage à Bordeaux.

  2. Niveau 02

    Design

    Accueil qui donne faim, page Menu avec formules, plats et boissons photographiés, témoignages et FAQ.

  3. Niveau 03

    Développement

    Site en trois langues avec détection de la langue du navigateur, réservation via Google, plan et itinéraire.

  4. Niveau 04

    Performance

    Compression automatique des images pour garder une carte très visuelle sans ralentir le chargement.

Fiche technique

Stack
ReactReact Routerstyled-componentsFramer Motioni18nextsharp
Livrables

Site vitrine

Design

SEO local

Prêt à activer votre cheat code ?

Une idée à lancer, un site à repenser, une application à construire ou une marque à faire évoluer ?

Parler de mon projet