Le Comptoir de Sophie – Marina, Élisa, Matisse

Le Comptoir de Sophie

Élisa CAHIER DES CHARGES

  • Voici donc le cahier des charges. En première page, on peut voir les coordonnées et les informations essentielles sur Sophie, telles que les moyens de la contacter. Ensuite, on peut découvrir une description de la structure, très utile pour cerner les attentes de Sophie et de son projet.  On y apprend notamment son intérêt pour l’environnement et ses enjeux. Ici est décrit son activité, ses produits.
  • Sur cette partie du cahier des charges,  on s’intéresse plus en profondeur aux détails techniques, notamment les objectifs, tels que faire connaitre son activité, et donc créer, pour l’entreprise de Sophie, une image de marque. Cela résonne évidemment avec le public cible et les concurrents ci-dessous.  Ce sont des données importantes prises en compte lors de la conception de la maquette et du logo. D’ailleurs,  c’est avec les informations sur le type de site souhaité et ses fonctionnalités qui ont permis de faire une première ébauche de la maquette Figma.
  • Ici, tous les textes et les exigences de Sophie sont détaillés, tels que les couleurs, la police d’écriture ou bien encore l’arborescence du site. Quelques indications sur les médias, notamment la vidéo, qui a entièrement été tournée dans les locaux du 109.

Élisa MAQUETTE FIGMA

  • Concernant la maquette, je me suis inspirée des quelques directives et indications du cahier des charges délivré par Sophie. Avec l’assistance de Marina, j’ai pu travailler sur la maquette afin d’avoir une idée du travail à fournir sur la partie WebDesign. Toutes les pages retrouvées sur le site sont basées sur les schémas ci-contre, malgré certaines modifications qui ont dû être apportées, faute de limites techniques. Concernant les couleurs, le vert et l’orange, celles-ci ont été personnellement choisies par Sophie. Elle a aussi précisé vouloir une police style “vintage”. La proposition de mise en page sur la maquette est inspirée des sites dont Sophie nous a fourni les liens..
  • Vis-à-vis du logo, celui-ci représente un bocal, faisant référence au concept 《Le Comptoir de Sophie》. Je l’ai entièrement créé, en gardant en tête les couleurs et la simplicité utilisées pour le site. La petite fourchette rappelle la restauration, et le nœud vert donne l’esprit chaleureux de la cuisine maison, le foyer. Pour finir, les polices d’écriture du site ainsi que du logo sont respectivement “Milonga” (Google Fonts) et l’une des polices gratuites proposées par le logiciel de dessin Medibang Pro Paint, qui a, d’ailleurs, été utilisé lors de la conception du logo.

Je vais maintenant la parole à Marina pour qu’elle puisse présenter la partie site du projet.

Élisa & Matisse VIDÉO INTERVIEW SOPHIE

Marina – SITE WEB WORDPRESS

Pour le site Web, nous avons choisi le thème Bard de WordPress car nous pensons que c’est celui qui était le plus approprié pour créer le site de Sophie par rapport à notre maquette sur Figma. 

Le menu a été créé à partir de l’arborescence fournie par le cahier des charges de Sophie, avec de légères modifications. 

Le site a pris comme base la maquette Figma ainsi que les données du cahier des charges.

Tout en haut du site il y a le menu de connexion pour pouvoir se connecter quand les clients souhaitent acheter des produits. À la droite de ce menu,  il y a le bouton pour changer de langue, car ceci était demandé par le cahier des charges. Nous avons pu le rajouter grâce à l’extension GTranslate juste en dessous il y a le logo et ensuite le menu principal. 

Dans le fond du site il y a des pictogrammes représentant la cuisine et l’écologie créés par Elisa.

La page d’accueil a été construite avec un slider en haut, constitué de photos de bocaux et plats de Sophie. 

Ensuite, il y a plusieurs emplacements dédiés à la vidéo et à des photos sur lesquels il y a des liens qui renvoient à différentes pages ou articles du site. 

Ensuite,  il y a une bannière à chaque tête de page, juste en dessous du titre.

La page concept a été faite avec une citation de Sophie,  qu’elle a écrit dans le cahier des charges suivi d’un texte détaillé de son concept de bocaux de plats vegans et écologiques. Il y a une deuxième bannière puis un texte détaillant le processus de création, suivi des différentes étapes puis pour finir sur une galerie d’images représentant l’écologie et la restauration. 

Pour la page des produits nous avons utilisé l’extension WooCommerce pour insérer les prix, les images des produits et tout ce qui constitue une page de vente classique. 

Pour le menu de la semaine une catégorie “menu de la semaine” a été créée avec six articles à l’intérieur, désignant chacun des plats. 

En ce qui concerne la construction de la page “les Surprises de Sophie”, c’est une page avec des images, un texte expliquant ce que sont les Surprises de Sophie et des liens qui renvoient à deux plats extras qui font partie des Surprises de Sophie. 

La page “actualité” a été faite avec une catégorie contenant trois articles comme pour la page “menu de la semaine”. 

Dans la page “contact” un formulaire a été intégré, permettant aux clients d’écrire des messages à l’intention du comptoir de Sophie. 

Pour finir, le pied de page possède des liens vers les réseaux sociaux du Comptoir de Sophie, le bouton de changement de langue et le menu de connexion.

Le Comptoir de Sophie

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *