Projet
Noir & Or
2026 · Projet conceptuel
L’élégance parisienne, pensée pour réserver.
Concept de site vitrine haut de gamme pour un restaurant parisien, associant une direction artistique sombre et dorée à un parcours de réservation simple, immersif et orienté conversion.
Visiter le projet
Le point de départ
Comprendre avant de concevoir.
Traduire en ligne le niveau d’exigence d’une table parisienne premium sans sacrifier la simplicité. L’expérience devait susciter l’envie en quelques secondes, rendre la carte facile à consulter et conduire naturellement vers la réservation sur tous les écrans.
Nous avons construit une expérience éditoriale où l’image, la vidéo et la typographie installent l’univers tandis qu’une architecture volontairement courte guide vers la carte, la réservation ou le contact. Le contraste, les états interactifs et la hiérarchie ont été travaillés pour conserver une navigation claire malgré une direction artistique très expressive.
Notre méthode
Du premier échange à une expérience prête à évoluer.
Chaque décision visuelle ou technique arrive au bon moment, après validation de la précédente. Cette progression limite les retours coûteux et garde le projet aligné sur ses objectifs.
- 01
Entretien & cadrage
Comprendre le positionnement, la clientèle visée, l’expérience en salle, les objectifs commerciaux et les contraintes opérationnelles de la réservation.
- 02
Architecture de l’expérience
Prioriser les contenus et organiser un parcours court : découvrir l’univers, consulter la carte, choisir un créneau puis confirmer sa demande.
- 03
Charte graphique
Définir une palette encre, crème et laiton, une typographie éditoriale et des principes d’animation capables d’évoquer une adresse haut de gamme.
- 04
Wireframes & parcours
Positionner les informations, tester la hiérarchie et simplifier les étapes de réservation avant tout travail esthétique détaillé.
- 05
UI Design responsive
Décliner les écrans en haute fidélité pour mobile, tablette et ordinateur, avec une attention particulière aux menus, formulaires et états interactifs.
- 06
Développement sur mesure
Construire les pages avec Next.js, React et TypeScript, intégrer les médias et produire des composants réutilisables, performants et accessibles.
- 07
SEO, recette & livraison
Vérifier les performances, les métadonnées, la navigation clavier, les affichages responsive et préparer la connexion future aux outils métier.
Charte graphique
Sombre, tactile, éditoriale.
La palette oppose la profondeur de l’encre à la chaleur du laiton. Les fonds crème préservent la respiration, tandis que la typographie installe un équilibre entre caractère et clarté.
Encre
#191815
Fond principal et contraste
Encre douce
#26231E
Surfaces secondaires
Papier
#EEE9DF
Fonds éditoriaux
Crème
#F7F3EA
Texte et respiration
Laiton
#A7793D
Actions et accents
Laiton clair
#D0AD74
Focus et détails
Lora
Titres & narrationUne table singulière
Quicksand
Interface & lectureDécouvrir la carte · Réserver
Principes d’interface
- Des contrastes francs pour une lecture immédiate
- Une texture très légère pour éviter les aplats numériques
- Des interactions courtes, élégantes et jamais décoratives
- Des appels à l’action visibles sans rompre l’atmosphère
Périmètre
Une vitrine complète, prête à devenir un outil métier.
- Page d’accueil immersive
- Carte complète, menus et sélection de vins
- Parcours de réservation avec calendrier et horaires
- Page de contact et pages légales
- Navigation responsive mobile, tablette et ordinateur
- Socle SEO pour Google et les réseaux sociaux
- Optimisation de l’accessibilité et des performances
Fondations
Un socle prêt pour la production.
“Faire ressentir l’expérience de la table avant même de franchir la porte.”