Retour au portfolio
Restauration

Le Marrakech

« L'authenticité marocaine, racontée comme un voyage. »

Le Marrakech est un restaurant marocain installé depuis 2002 au 19 rue Castellane, à deux pas du Capitole. Une table familiale connue de ses habitués, mais dont la présence en ligne ne racontait ni la cuisine ni l'histoire. La refonte devait faire voyager avant même la réservation.

marrakech-restaurant.fr
Page d'accueil complète du site Le Marrakech, version ordinateur

Page d'accueil complète, versions ordinateur et mobile.

Le site, mesuré.

Lighthouse 12 · mobile · relevé le 23 octobre 2026

100
SEO
94
Accessibilité
96
Bonnes pratiques
24 ans

Ancienneté mise en avant

1900+

Avis Google affichés

4.4/5

Note Google

Objectifs

Ce que le site devait accomplir

  1. 01

    Raconter une cuisine traditionnelle et une histoire familiale de plus de vingt ans.

  2. 02

    Rendre la carte complète facile à parcourir, formule du midi comprise.

  3. 03

    Faire réserver : par téléphone ou par message, midi et soir, 7j/7.

Approche

Nos partis pris

Le concept du passeport

Toute la direction artistique file une métaphore : la carte est un passeport du Royaume, chaque plat un visa, la page contact un « bureau des visas » avec une bande lisible façon passeport.

Un voyage en quatre escales

La page d'accueil présente la cuisine en quatre étapes (entrées, couscous, tajines, thé à la menthe), puis la sélection du chef.

Une histoire par époque

La page histoire déroule « un visa par époque », de l'ouverture rue Castellane en 2002 à aujourd'hui, puis les trois piliers de la maison.

Technique

Refonte en Next.js : pages statiques (accueil, carte, histoire, contact), données structurées Restaurant, téléphone cliquable et formulaire de réservation.

Design

Direction artistique

Vert émeraude, or et capitales à empattements, tampons de visa : un carnet de voyage vers Marrakech.

Fond principal

#0e5045

Accent

#d4a017

Surface

#faf6ee

Titres

Cormorant Garamond

Texte courant

Nunito Sans

Polices et couleurs relevées sur le site.

Parcours

La page d'accueil, section par section

  1. 01Découvrez les saveurs authentiques du Maroc
  2. 02Un voyage en quatre escales
  3. 03L'escale marocaine de Toulouse
  4. 04Le chef recommande
  5. 05Votre table vous attend
Livré

Ce qu'on a livré

  • Carte complète : formule du midi, entrées, plats, tajines, couscous, vins
  • Accueil « Un voyage en quatre escales »
  • Sélection « Le chef recommande »
  • Page histoire chronologique
  • Formulaire de demande de réservation
  • Données structurées Restaurant
Mockup

Vue d'ensemble

Le Marrakech — mockup du site sur ordinateur et mobile
Process

Comment on a procédé

01Direction artistique & photos
02Maquette mobile-first
03Intégration Next.js & réservation en ligne
04SEO local & fiche Google
05Tests mobiles & lancement
« Le site reflète vraiment l'âme de notre restaurant. Les clients nous disent qu'ils avaient déjà envie de venir rien qu'en naviguant. Les réservations ont explosé. »

Fatima A.

Co-gérante · Toulouse

Un projet similaire ?

Parlons-en. Devis gratuit sous 24h.

Démarrer un projet