Il ristorante come a casa
Pour un restaurant italien fictif, j'ai décidé de réaliser un design à la fois sobre et élégant.
L'objectif était de créer le site entier en gardant un côté assez sombre tout en restant simple et moderne. Il devait contenir une page pour sa carte, une page à propos, une page pour la galerie et une page de contact.
#B31828
Pour la couleur primaire, j'ai choisi d'utiliser un rouge légèrement foncé pour faire référence au drapeau italien mais également car cette couleur est synonyme d'énergie, de passion et d'amour, ce qui correspont parfaitement à la cuisine italienne.
#221C1C
Pour la couleur secondaire, j'ai utilisé un rouge presque noir et peu saturé. Celle-ci permet de donner un côté sophistiqué au site.
#FFFBFB
Pour la couleur blanche, j'ai utilisé un blanc légèrement saturé avec la couleur primaire.
Pour les titres, j’ai choisi d’utiliser la police Century Schoolbook.
C'est une police avec empattement qui permet de donner un côté intemporel, professionnel et sophistiqué au site.
Pour les textes, j’ai utilisé la police Baloo Da 2.
C’est une police sans empatement qui permet de donner un côté moderne au site. C'est une police très lisible qui peut être lu facilement quelque soit la résolution de l'écran.
Pour le logo, j'ai dessiné un chapeau de chef cuisinier aux couleurs du drapeau italien, j'ai ensuite mis le texte principal en blanc, pour qu'il resorte bien sur le fond foncé, et le texte secondaire en rouge.
Mon public cible, ce sont les personnes désireuses de manger, fans de cuisine italienne, en recherche d'un restaurant ou qui veulent voyager grâce à la cuisine.
Mon objectif est de retenir l’attention du visiteur et de lui donner envie de découvrir la carte ainsi que de venir déguster les différents plats. J'avais également pour objectif de transmettre le côté sophistiqué et passionné du restaurant et de la cuisine à travers le design. Pour ce faire, je suis partie sur un rouge sombre et peu saturé, presque noir, que j'ai utilisé en background en y ajoutant des formes obliques.
En plus de ce noir légèrement rouge, j'ai parsemé le design de blanc pour ajouter un côté minimaliste et moderne.
J’ai construit la page pour que le regard du visiteur se pose d’abord sur le centre du banner, où il y a le titre, une phrase d'accroche ainsi que deux boutons invitant aux actions voulues. Son regard se pose ensuite sur l'icône permettant de signaler au visiteur qu'il faut scroller pour finir par aller sur le logo puis le menu.
Le visiteur a directement les informations importantes en ouvrant le site et il peut facilement voir le menu ou prendre contact.
Pour la seconde section, le regarde va sur les images, de la gauche vers la droite, puis sur le titre ainsi que la phrase d'accroche. Cette partie permet de mettre en évidence chacune des sections du menu et permet également au visiteur d'aller voir directement ce qui l'intéresse.
Les 2 prochaines sections servent à donner envie de visiter chacunes des pages correspondantes. L'oeil du visiteur est guidé pour aller à gauche puis au centre grâce aux textes et images qui changent de place, ceci évite la redondance et permet de concerver l'envie de lire chacune d'entre elles. Un bouton d'action est également présent pour inviter le visiteur à cliquer.
La dernière section est un call-to-action. Composé d'un titre, d'une phrase d'accroche ainsi que d'un bouton d'appel à l'action, il permet de donner envie de contacter le restaurant et de leur rendre visite.
Pour le footer, l'oeil va aller de la gauche vers la droite. On voit d'abord les informations importantes comme l'adresse, le numéro de téléphone et l'email, ensuite les horaires pour finir avec le menu de navigation du site.
