UX/UI DESIGN
Figma
Direction artistique, design system, composants et maquettes du site restaurant.
Projet client · Freelance
Étude de cas · Direction artistique · UI/UX Design
Au Comptoir Urbain — Restaurant de Luxe
Direction artistique et design d'identité visuelle pour Au Comptoir Urbain, restaurant gastronomique haut de gamme. Objectif : créer une identité raffinée, premium et mémorable reflétant l'excellence culinaire.
Travail réalisé : direction artistique, palette couleur et typographie, système de design, design UI/UX et intégration du site du restaurant.
Direction artistique
Design système
UI/UX
Identité visuelle
Aperçu de l'identité visuelle
Contexte
Défi
Au Comptoir Urbain, restaurant gastronomique de luxe, avait besoin d'une identité visuelle distinctive et premium. Nécessité de communiquer l'excellence, la raffinement et la singularité de l'établissement.
Objectifs
- Créer une identité visuelle luxury distinctive
- Communiquer le prestige et l'excellence culinaire
- Développer une cohérence visuelle sur l'ensemble du site, desktop et mobile
- Proposer une expérience premium et mémorable
Approche
Stratégie de marque
Immersion dans l'univers du restaurant : ambiance, cuisine, clientèle. Définition du positionnement : luxury, gastronomique, urbain et raffiné. Construction d'une identité mémorable et distinctive.
- Positionnement premium et culinaire
- Valeurs : excellence, raffinement, innovation
- Cible : clientèle haut de gamme et aventurière
Direction visuelle
Palette minimaliste et élégante : or, noir, blanc avec accents naturels. Typographie premium, imagerie raffinée et mise en page aérée pour exprimer le luxe discret.
- Couleurs : or, noir, blanc, terracotta
- Typographie : sérif elegant et sans-serif moderne
- Imagerie : photographie culinaire premium
Problème
Un restaurant gastronomique haut de gamme a besoin d'une identité qui communique le prestige sans tomber dans le déjà-vu.
Décision
Une palette minimaliste (or, noir, blanc, terracotta), une typographie premium et une photographie culinaire soignée pour exprimer un luxe discret.
Problème
Rassurer une clientèle exigeante dès l'arrivée sur le site tout en facilitant l'accès à la réservation.
Décision
Une hiérarchie claire mettant en avant les visuels du restaurant, avec un accès direct et visible aux informations de réservation.
Système de design
Logo et marque
Logo épuré combinant des éléments géométriques et organiques, décliné en version couleur et monochrome sur l'ensemble du site.
- Marque principale et déclinaisons
- Version monochrome et couleur
- Intégration desktop et mobile
Typographie
Hiérarchie typographique claire et élégante. Serif pour les titres (prestige), sans-serif pour le corps de texte (lisibilité). Espacements généreux et équilibrage visuel premium.
- Titres : police serif élégante
- Corps : police sans-serif lisible
- Hiérarchie et espacements optimisés
Palette couleur
Harmonie minimaliste avec profondeur. Couleurs primaires et accessoires utilisées stratégiquement pour créer raffinement et distinction.
- Primaire : Or et Noir
- Secondaire : Blanc, Gris clair, Terracotta
- Contrastes et nuances pour subtilité
Composants
Système modulaire cohérent : boutons, cartes, formulaires, éléments interactifs. Chaque composant conçu pour excellence et cohérence brand.
- Boutons et appels à action
- Cartes et conteneurs
- Micro-interactions élégantes
Résultat
Une identité visuelle cohérente et un site web premium reflétant le prestige et l'excellence de Au Comptoir Urbain, avec une direction artistique appliquée à l'ensemble des pages, desktop et mobile.
Points clés
- Identité distinctive et luxury
- Cohérence visuelle entre desktop et mobile
- Système de design (couleurs, typographie, composants) appliqué au site
- Expérience premium et mémorable
- Communication marque claire et élégante
Logiciels utilisés
HTML, CSS, JavaScript
Visual Studio Code
Structure sémantique et organisation claire des sections.