Savaro

Une vitrine immersive pour un restaurant haut de gamme.

Savaro voulait un site à l'image de sa salle : chaleureux, rouge vif et gourmand. J'ai conçu une vitrine qui donne faim dès le premier écran, une carte facile à parcourir et une réservation pensée pour le téléphone, du premier clic jusqu'à la table.

Type
Site vitrine & réservation
Année
2026
Mon rôle
Webdesign, UI/UX et intégration Framer
Réalisé avec
Framer
Page d'accueil de Savaro : l'accroche « Savourez l'instant Savaro » en grandes lettres rouges, une photo de la salle du restaurant et le bouton « Découvrir ».

01Le point de départ

Un restaurant se choisit d'abord avec les yeux

Avant de réserver, on regarde les photos, la carte et l'ambiance. Le site de Savaro devait donner envie en quelques secondes, puis rendre la réservation aussi simple qu'un coup de fil, surtout sur téléphone.

  • Donner faim dès le premier écran
  • Faire découvrir la carte sans effort
  • Raconter l'ambiance du lieu
  • Réserver une table en quelques gestes

02La direction artistique

Un rouge vif, des capitales et une touche faite main

Le rouge de Savaro signe chaque titre, en grandes capitales. Des mots manuscrits et de petits croquis dessinés à la main, une part de fromage ou un croissant, rappellent la cuisine maison et adoucissent l'ensemble.

Dès l'accueil, l'interface s'efface au survol pour laisser place à une grande photo de la salle : on entre dans le restaurant avant même d'y être allé.

Couleurs

  • Rouge Savaro#FF1510
  • Bordeaux#7D0102
  • Rose poudré#ECBEAD
  • Encre#171616

Principes

  • Capitales XXLTitres en rouge
  • Touche manuscriteLogo et sur-titres
  • CroquisDessinés à la main
  • Photos gourmandesRouge et rose

03La galerie

Des images qui racontent le lieu

La galerie dévoile la vie du restaurant au fil du défilement : les photos glissent, s'assemblent et se superposent comme un récit, puis laissent place aux soirées et aux événements à venir.

La galerie de Savaro : le titre « Des moments à confier à Savaro » en grandes capitales rouges, au-dessus de deux photos de plats.
La galerie : au fil du défilement, les photos glissent autour du titre.

04La carte

Une carte claire, qui donne envie de commander

Chaque plat a sa photo, son prix et un bouton pour l'ajouter à la commande. La grille en quinconce reste aérée : on parcourt la carte comme on feuillette un menu, et on commande sans quitter la page.

Section « Explorez la carte Savaro » : des plats en grande photo, chacun avec son nom, son prix et un bouton « Ajouter ».
Photo, prix et bouton « Ajouter » : chaque plat se commande en un clic.

05Le mobile

Toute la gourmandise, sur un petit écran

Sur téléphone, Savaro garde ses grandes capitales rouges et ses photos pleine largeur. La carte se parcourt d'un seul pouce, plat après plat.

Deux téléphones affichent le site de Savaro : à gauche la carte avec un burger, à droite l'accueil « Savourez l'instant Savaro ».

06La réservation

Réserver une table en quelques gestes

Le formulaire de réservation a été épuré pour le tactile : les dates, les heures et les coordonnées se remplissent sans effort, pour réserver depuis la rue comme depuis le canapé.

La section « Réservez votre table » de Savaro sur téléphone, avec la photo d'une table et de ses chaises dans une salle aux tons terracotta.

Ils m'ont fait confiance

99+ Clients satisfaits

Ce projet vous inspire ?
Réservez un appel découverte gratuit.

Planifier un appel
Logo monogramme minimaliste en forme de lettre A stylisée noire avec un contour blanc, représentant l'identité visuelle d'Ayoub Chouaf.

AyoubChouaf

Appelez-moi