Création et refonte de site vitrine restaurant à Bordeaux
Fiche projet : création digitale
Client
Logiciels
Catégories
Nature du projet
Ce projet est fictif et à visée pédagogique.
Processus de conception : analyse du besoin, prototypage et mockups
Concept
La Table de 3 est un restaurant gastronomique implanté à Bordeaux.
Double objectif sur ce projet :
- Reproduire fidèlement le site web à partir d’une maquette sur WordPress (en utilisant uniquement les pages, pas les articles) couplé au constructeur de pages Elementor Pro.
- Faire la refonte du site web pour coller à l’identité du restaurant (chic et élégant).
Design
J’ai souhaité créer une expérience digitale immersive pour le site web de ce restaurant gastronomique. L’utilisateur est plongé visuellement dans l’univers culinaire dès l’arrivée sur le site.
Choix du format : full page
J’ai fait ce choix pour valoriser les plats à travers de grandes photos en pleine largeur. Pourquoi ?
- Une immersion directe et émotionnelle dans l’atmosphère du restaurant.
- Une mise en appétit par l’image, en valorisant la qualité visuelle des créations culinaires.
Pour dynamiser la navigation, j’ai conçu les pages sous forme de blocs maçonnerie pour :
- casser la monotonie du défilement vertical ;
- alterner les formats pour rythmer l’expérience visuelle.
- Cormorant Garamond : pour les titres. Un style raffiné et classique, en cohérence avec l’excellence du restaurant.
- Manrope : pour les textes. Moderne et lisible, qui équilibre le tout avec simplicité.
- Gris profond : couleur de fond, sobre et élégante. Elle met en valeur les visuels et donne une impression de profondeur.
- Rouge intense : chaleureux, évoquant les vins et l’univers gastronomique.
J’ai optimisé le référencement naturel du site avec des mots-clés liés à l’activité et à la localisation du client au niveau des :
- balises Hn ;
- méta title ;
- méta description ;
- attributs alt.
J’ai également optimisé le format et le poids des images pour un chargement du site optimal.
Réalisation
J’ai présenté le site et sa refonte sous forme de mockup pour montrer que les sites s’adaptent à tous les supports.
