Demander un devisDevis

/ Étude de cas / Site de démonstration

Maison Ombre

Le site vitrine d’une table gastronomique fictive à Paris, réalisé par CodeNove pour montrer ce que permet la formule Signature : une direction artistique sur mesure, une animation pour chaque section et la réservation en ligne. Le restaurant, son équipe, sa carte et ses prix sont inventés, et le site le dit.

Formule Signature + réservation en ligne
01

Le contexte

Après Aubrène, nous voulions un site de restaurant au niveau des sites primés par Awwwards : chic et éditorial, mais vivant. Nous avons imaginé une table d’auteur dans un ancien atelier de lustrier du Marais, avec ses menus, sa cave et son chef, et écrit chaque texte comme pour un vrai client.

02

Ce que nous avons fait

Un écran d’ouverture qui compte jusqu’à 100 et dessine le monogramme, puis le nom révélé lettre par lettre sous une lumière de bougie qui suit la souris. Un manifeste qui s’allume ligne par ligne, une liste d’ingrédients qui tourne pendant que le plat détouré entre en pivotant, des menus dont la photo suit le curseur, la note du chef qui s’écrit à la main, une galerie du lieu qui défile à l’horizontale et des produits en cartes qui s’inclinent. La réservation s’ouvre de partout, en plein écran : convives, soirées, créneaux, confirmation et fichier d’agenda (de démonstration : rien n’est envoyé). Et un clin d’œil : un bouton « Cliquez pour servir » qui fait pleuvoir macarons et bouchons de champagne.

03

Le résultat

Polices, scripts et images sont hébergés sur le site : aucun autre serveur n’est contacté. Lighthouse, mesuré en local sur quatre pages : 90 à 94 en performance sur mobile et 99 sur ordinateur, 100 en accessibilité et en bonnes pratiques. Le réglage « réduire les animations » est respecté. Le site est en ligne sur demo-maison-ombre.lingering-star-537b.workers.dev, volontairement exclu des moteurs de recherche.

Étude de cas suivante : Nervure Précision Toutes les réalisations

Votre projet

Parlons de votre projet.

Décrivez-nous votre besoin en quelques lignes. Nous revenons vers vous avec un devis clair, sans jargon et sans surprise sur le prix.

Demander un devis