Hestiae
Webdesign
Accueil
Portfolio
À Propos
Contact
Mon CV

Hestiae
Webdesign

Accueil
Portfolio
À Propos
Contact
Mon CV

Le Godet

Un restaurant de cuisine végétarienne gourmande, aussi saine pour le corps que pour la planète.

Durée

≈ 4 semaines

Équipe

Chavanne
Marie-Camille

Rôle(s)

Chef de projet
Ux designer
Ui designer
Web marketing

Outils

  • Figma
  • Figjam
  • Photoshop
  • Illustrator
  • SEMrush
  • Notion
  • Jotform
  • Google Analytics

Introduction

Qui est Le Godet ?

Le restaurant Le Godet est un établissement situé à Paris, spécialisé dans la cuisine française traditionnelle végétarienne. C’est un restaurant familial, chaleureux et convivial, offrant une expérience culinaire authentique et de qualité. Leur menu est composé de plats préparés avec des ingrédients frais et de saison, et ils proposent également une sélection de vins pour accompagner leurs plats. Ils mettent également en avant leur engagement envers une agriculture responsable et une production locale.

Contexte

Le Godet est un projet de restaurant de cuisine végétarienne centré autour de la cuisine française, et valorisant la démarche de diminuer sa consommation de viande. Ce projet a été réalisé dans le cadre de la validation du Titre RNCP niveau 6, Bachelor Chef de projet. Afin de réaliser ce projet, on nous a décrit un contexte crédible contenant une veille des technologies et des expériences clients.

Objectifs

Créer une nouvelle expérience pour le restaurant Le Godet, élaborer une stratégie digitale complète, réaliser le prototypage d’un site internet et d’une web app.

Analyse

Phase de recherche

En vue de concevoir ce projet de restaurant végétarien, j’ai réalisé une veille approfondie sur le secteur de la FoodTech, notamment les leviers pour réduire l’impact de la surconsommation, particulièrement de la viande. J’ai également étudié les raisons et les difficultés liées à l’adoption d’une alimentation plus responsable et plus végétale.

Ce que j’ai trouvé :

Les raisons d’adopter une alimentation plus responsable et végétale sont multiples, telles que la santé, l’environnement et l’éthique animale. Cependant, cette transition peut être difficile en raison de la disponibilité limitée des options végétales, des habitudes alimentaires ancrées et des préférences gustatives.

La problématique

Comment valoriser les protéines végétales au cœur de la cuisine française tout en maintenant le plaisir de la dégustation ?

Le plan d’attaque

En créant un restaurant qui propose des plats savoureux et créatifs mettant en valeur les protéines végétales, en éduquant sur les avantages nutritionnels et environnementaux du végétal, et en proposant une expérience culinaire agréable et conviviale.

Objectifs, Forces et faiblesses

J’ai défini les objectifs cognitifs, affectifs et comportementaux, ainsi que les forces et les faiblesses. Ces objectifs vont m’aider à créer une stratégie efficace et à m’assurer que je réponde aux besoins des futures cibles. Identifier les forces et faiblesses permet de visualiser les points forts et les points faibles du projet.

Benchmark concurrentiel

J’ai étudié quatre enseignes concurrentes qui proposent des options alimentaires similaires. Cette analyse a permis de mieux comprendre les tendances du marché et les stratégies des concurrents en matière de marketing et de communication. Elle a également aidé l’équipe à identifier les lacunes du marché et à trouver des moyens de se différencier et de proposer une offre plus attractive pour les clients potentiels.

Identification des cibles et création de personas

Ensuite j’ai identifié trois profils de cibles en prenant en compte les données pertinentes pour mieux comprendre les clients potentiels.

J’ai également créé des personas pour avoir une idée plus précise de leurs comportements, attitudes et motivations. L’un des persona est un jeune adulte soucieux de l’environnement, travaillant dans une entreprise du secteur technologique et recherchant des options alimentaires saines et écologiques pour le déjeuner.

Stratégie Web Marketing

Recommandation stratégique

Par la suite j’ai dû élaborer la stratégie de web marketing, j’ai donc effectué une analyse approfondie de la concurrence, du marché et des tendances actuelles.

L’objectif était d’identifier les leviers les plus pertinents pour atteindre les objectifs fixés et de recommander une stratégie de communication cohérente pour toucher les cibles identifiées.

Parcours clients, leviers, SEO, SEA, Growth Hacking, etc.

J’ai réalisé plusieurs parcours clients potentiels tels que :

  • Pour une personne cherchant un restaurant locavore,
  • Pour une personne cherchant une alternative végétale.

Le but était d’identifier les leviers qui vont amener ces derniers à découvrir et essayer le restaurant Le Godet.

En ce qui concerne la stratégie de référencement naturel, j’ai défini les mots-clés sur lesquels se positionner grâce à Google Trends. J’ai également élaboré des principes d’optimisation On-Page pour maximiser la visibilité du site web.

Pour le growth hacking, j’ai identifié plusieurs pistes. La première consiste à mettre en place un programme de parrainage ou de récompenses afin d’encourager les clients existants à faire connaître Le Godet à leur entourage. La seconde consiste à créer une newsletter ou un blog pour fidéliser les clients existants en leur offrant du contenu pertinent et en les informant des dernières actualités.
Exemple de parcours client

Analyse des réseaux sociaux

Pour cela j’ai étudié les performances des différents réseaux sociaux (Instagram, Facebook, Twitter, TikTok, etc.) des concurrents identifiés. Et ce sur différents critères comme le nombre de followers, le type de contenu qui génère le plus d’interactions, les commentaires, les réactions des utilisateurs, etc…

La cuisine végétarienne souffrant d’une grosse concurrence, cette analyse va m’aider à définir les différents réseaux sur lesquels se positionner et à identifier les lacunes dans l’approche des concurrents ainsi que les opportunités pour se démarquer. Le choix des réseaux sociaux pour promouvoir Le Godet, a été fait en fonction de cette analyse :
  • Instagram a été choisi pour toucher les flexitariens âgés de 25 à 34 ans, les utilisateurs de cette plateforme sont souvent des personnes engagées dans des actions écologiques et sensibles aux questions éthiques, sanitaires et environnementales.
  • Facebook a été sélectionné pour toucher une audience plus large, notamment ceux qui se préoccupent de l’impact de leur alimentation sur l’environnement.
  • TikTok a été choisi pour toucher une audience jeune, les vidéos courtes et créatives sont un bon moyen de présenter Le Godet de manière ludique et engageante.

Cahier des charges fonctionnel

Pour élaborer ce document technique, j’ai établi les KPI prévisionnels pour l’année à venir pour les réseaux sociaux et le site internet en prenant en compte des critères tels que le nombre de likes par post ou le nombre d’abonnés à la newsletter.

De plus, j’ai identifié les fonctionnalités indispensables pour le site web, telles que la newsletter par exemple ou la possibilité de commander en ligne.

Une fois les wireframes réalisés, ce document sera complété par une analyse fonctionnelle approfondie du site internet afin de garantir une expérience utilisateur optimale.

Cahier des charges technique

Pour ce document technique, j’ai analysé différents paramètres et comparé différentes solutions afin de définir les plus pertinentes pour Le Godet en termes de technologie, d’hébergement et de conformité réglementaire.

  • Hébergement : IONOS
  • CMS : WordPress
  • Newsletter : Mailchimp
  • Formulaire : Jotform
  • RGPD : AXCEPTIO
  • Outils analytiques : Google Analytics

UX Research | UX Design

Observations

J’ai analysé les motivations profondes des consommateurs en examinant les différentes raisons qui les poussent à agir. Ensuite, j’ai effectué un nouveau benchmark concurrentiel en me concentrant sur l’expérience utilisateur des différentes interfaces.

J’ai aussi au préalable identifié plusieurs fonctionnalités qui seraient bénéfiques à implémenter sur le site web qui seront à confirmer après les entretiens :
  • Un menu clair et compréhensible sur le site,
  • Un listing détaillé des allergènes contenus dans nos produits,
  • Une indication claire de la disponibilité de la livraison avec les grandes plateformes de livraison,
  • Une option pour les utilisateurs afin de s’abonner à la newsletter,
  • Ainsi que la mise en valeur de nos réseaux sociaux pour permettre à nos clients de rester connectés avec Le Godet.

Entretiens

Après avoir mené ses recherches approfondies sur nos cibles et nos concurrents, j’ai voulu confirmer mes hypothèses en organisant des entretiens avec les cibles. Cette méthode m’a permis de mieux comprendre leurs besoins et leurs attentes en identifiant leurs problématiques et leurs frustrations.

Ensuite j’ai analysé les entretiens pour relever le plus pertinents et définir les fonctionnalités clés liées à nos cibles et à leurs problématiques.
7 participants : Recrutés parmi des connaissances.

Questionnaires

Pour le questionnaire, j’ai utilisé les résultats des entretiens pour définir les différents points à relever de manière quantitative. Ils ont pour objectifs de :

  • Identifier les fonctionnalités indispensables selon les utilisateurs.
  • Connaître davantage notre cible.
  • Vérifier les hypothèses préalablement définies.
109 Répondants.
Exemples de questions posés lors du questionnaire

Ce que j’ai trouvé :

Les obstacles à l’adoption d’une alimentation plus responsable et végétale comprennent notamment la disponibilité limitée d’options végétales, les habitudes alimentaires enracinées et les préférences gustatives.

Analyse & identifications des problématiques

1. Persona

Je voulais mieux comprendre les besoins et les attentes des utilisateurs cibles. Les personas sont des représentations fictives de profils d’utilisateurs types qui incluent des informations sur leur comportement, leurs motivations, leurs objectifs, leurs habitudes et leurs préférences. J’ai donc réalisé un persona pour chaque cible.

2. Story Frame

Le story frame va me permettre de définir une histoire engageante et cohérente pour les utilisateurs, en se basant sur une compréhension approfondie de ses besoins et de ses motivations. Cela permet de créer une expérience utilisateur positive et mémorable, qui encourage la fidélité et la recommandation.
Exemple : “Chez Le Godet, nous vous invitons à découvrir nos petits plats faits maison, préparés avec amour par notre super chef Auguste Gusteau dans les casseroles de mémé. “
Exemple d’un persona
Exemple d’un UX writing

3. UX Writing

l’UX writing peut aider à orienter l’utilisateur vers les actions souhaitées, comme la prise de réservation ou la commande en ligne, tout en établissant une relation de confiance et en améliorant la satisfaction globale des utilisateurs.

Les fonctionnalités

Grâce à cette analyse j’ai pu préciser la liste des fonctionnalités par priorités à inclure au site internet, en voici quelques-unes :

  • une classification par catégorie,
  • l’affichage des ingrédients et des valeurs nutritionnelles,
  • la possibilité de commander des plats préparés à l’avance pour des livraisons ultérieures,
  • des conseils pour cuisiner des alternatives végétales à la maison.

Zoning et Wireframes

Par la suite j’ai effectué un rapide zoning et des wireframes afin de poser les bases de la conception. Ces étapes ont permis de définir l’organisation de l’information et l’emplacement des fonctionnalités principales du site web.

Malheureusement, malgré les contraintes temporelles, je n’ai pas pu développer ces éléments autant que je l’aurais souhaité. Habituellement, j’accorde une grande importance à ces phases de la conception, car elles sont essentielles pour assurer la cohérence de la structure et de l’interface du site web.

Experience Map

L’experience map peut aider à comprendre les étapes que les clients traversent lorsqu’ils interagissent avec le restaurant. Cela peut inclure la recherche d’informations sur le restaurant, la réservation d’une table, la commande de nourriture, l’interaction avec le personnel, la dégustation de plats, le paiement et le départ. En comprenant le parcours de l’utilisateur, je peut identifier les points de friction et les améliorations possibles dans chaque étape du parcours.

Les KPI’s

J’ai ensuite déterminé les KPI UX pertinents afin d’évaluer l’efficacité de la solution dans le contexte du restaurant Le Godet :

  • Le System Usability Scale (SUS), qui mesure la facilité d’utilisation du produit,
  • Le Net Promoter Score (NPS), qui évalue la satisfaction globale des utilisateurs,
  • Ainsi que le Time On Task (TOT), qui mesure le temps nécessaire pour accomplir une tâche donnée.


De plus, j’ai également conseillé d’examiner l’utilisation de la barre de recherche. Ces KPI’s servirons à évaluer la qualité de l’expérience utilisateur et à prendre les mesures nécessaires pour améliorer la solution.

UI Design

Identité visuelle

Pour la création de l’identité visuelle du Godet j’ai effectué une analyse approfondie de l’entreprise, en identifiant ses valeurs, son histoire et en réalisant un benchmark rapide de ses concurrents.

Ensuite, j’ai créé un moodboard inspirant et utilisé ces éléments pour concevoir plusieurs options de logo. Après avoir sollicité l’avis de personnes de mon entourage, j’ai sélectionné le logo final.

Pour assurer une utilisation cohérente et efficace de l’identité visuelle du Godet dans tous les supports de communication, j’ai créé un guide détaillé. Ce guide comprend des directives pour l’utilisation du logo, des couleurs et des polices de caractères, ainsi que des exemples d’utilisations.

L’objectif est de garantir que l’image de Le Godet soit toujours claire, cohérente et mémorable pour son public cible.

Le logo

Le logo principal a été conçu pour évoquer l’authenticité et la tradition, afin de créer l’image de la cuisine faite maison. La marmite utilisée, est un symbole fort de la cuisine et de la préparation des plats. Le logo principal est l’élément central de l’identité visuelle du restaurant, il est utilisé sur tous les supports de communication, tels que les menus, les enseignes, les cartes de visite ou encore les réseaux sociaux.

Le logo secondaire, quant à lui, est une option plus simplifiée qui peut être utilisée sur des supports plus petits, tels que des stickers ou des autocollants. Cette version du logo conserve les mêmes couleurs que le logo principal, ce qui permet une cohérence visuelle entre les différentes versions du logo.
Guideline complet

La typographie

Je me suis arrêté sur la typographie Radnick pour les titres car elle apporte une touche d’originalité et d’authenticité. Pour le corps de texte j’ai sélectionné la typographie Montserrat car elle est facile à lire et apporte de la modernité.

Les couleurs

Pour le choix des couleurs, un rouge et un bordeaux très sombre correspondent aux valeurs que l’entreprise souhaite véhiculer. Le rouge évoque la passion, l’énergie et la chaleur, qui peuvent être associées aux plats faits maison et à l’amour de la cuisine. Le bordeaux lui, apporte un aspect plus sophistiqué. Les couleurs secondaires sont plus douces, apportant une touche de convivialité et de chaleur.

Design System

J’ai réalisé un design system dans le cadre de la création d’un prototype fonctionnel. Un design system est un ensemble d’éléments de design, tels que des couleurs, des typographies, des icônes, des boutons et des composants, qui sont utilisés de manière cohérente pour créer une expérience utilisateur homogène.

Un design system facilite la collaboration, en utilisant les mêmes éléments de design il est plus facile, pour les différents membres de l’équipe, de travailler ensemble sur le prototype. Cela permet également de gagner du temps dans la création de nouvelles fonctionnalités, car les composants et les styles sont déjà définis.
Aperçu du design system

Prototypage

J’ai réalisé le prototype fonctionnel pour le site internet et le menu en ligne. Ce prototype a été conçu dans le but d’offrir aux utilisateurs une expérience agréable et intuitive lors de la navigation sur le site et la commande de leur repas.

Le prototype fonctionnel est un outil crucial car il permet de tester la conception et l’interaction avec l’utilisateur avant la mise en production. Cela permet d’identifier les éventuels problèmes ou difficultés rencontrées par les utilisateurs et d’y apporter des solutions avant que le produit soit lancé.

Copy Strat

Stratégie de contenu

Pour réaliser la stratégie de contenu j’ai déterminé des thèmes qui seront abordés de façon récurrente dans le contenu en fonction des centres d’intérêt et des besoins des cibles. Les concepts de contenu pourraient être :
  • la cuisine traditionnelle et végétarienne,
  • les produits locaux,
  • les astuces et conseils pour la cuisine,
  • les recettes de grands-mères, etc.

Le Godet devra encourager sa communauté à partager des photos et des recettes en lien avec la cuisine traditionnelle, les produits locaux, etc. Et créer du contenu qui met en avant son histoire, ses valeurs, sa passion pour la cuisine traditionnelle et les produits locaux.
Exemple de contenus récurrents

Prototypage

Dans un premier temps j’ai identifié quatre thématiques principales récurrentes qui seront utilisées pour structurer le contenu publié sur ces réseaux sociaux (recettes de cuisine, astuces culinaires, produits de saison et anecdotes sur les plats régionaux).

Ensuite, j’ai sélectionné les émojis, les hashtags et les sujets à bannir en veillant à ce qu’ils soient cohérents et qu’ils renforcent l’identité de la marque sur les réseaux sociaux.

Après cela, j’ai redéfini la présence du Godet sur chacune des plateformes de médias sociaux choisies en y ajoutant des objectifs spécifiques. Par exemple, pour Instagram l’objectif sera d’augmenter l’engagement et les interactions avec les abonnés, tandis que pour Facebook l’objectif sera de promouvoir les nouveaux produits de saison.

Enfin, j’ai défini des KPI plus globaux pour évaluer l’efficacité de la stratégie de contenu sur les réseaux sociaux. Les KPIs incluent le taux d’engagement, le nombre de nouveaux abonnés, le nombre de partages et la portée de chaque publication.

Calendrier éditorial pour les réseaux sociaux

J’ai, par la suite, réalisé un calendrier éditorial des trois réseaux sociaux du Godet (Instagram, Facebook et TikTok), et j’ai pu constater des bénéfices concrets. Tout d’abord, cela m’a permis de mieux organiser le contenu à publier en fonction de l’actualité du restaurant, des événements à venir et des thèmes saisonniers.

De cette manière, j’ai pu m’assurer que les publications étaient en phase avec les attentes du public cible. De plus, la planification en amont du contenu à publier m’a permis de mieux coordonner les différents canaux de communication, en évitant les doublons ou les incohérences dans le contenu publié.

Annexes

Planning prévisionnel & Budget

Pour élaborer le planning prévisionnel, j’ai dû définir chaque étape du projet et les organiser selon leur ordre de priorité.

J’ai également sélectionné les membres de l’équipe (fictive imposée) nécessaire pour chaque tâche, en prenant en compte les compétences de chacun et en répartissant équitablement la charge de travail.

Ensuite, j’ai évalué le temps que chaque personne allait devoir consacrer au projet, et j’ai estimé les coûts associés à chaque réalisation. Le tout m’a permis d’avoir une estimation du budget global nécessaire pour mener à bien ce projet.

Les résultats

Quel est l'avenir du Godet ?

1. Expansion géographique :
Le Godet pourrait s’étendre au-delà de Paris en ouvrant de nouveaux points de vente dans d’autres villes ou en explorant de nouveaux canaux de distribution en ligne.
2. Diversification de l’offre :
Bien que Le Godet soit principalement connu pour sa cuisine, l’entreprise pourrait chercher à diversifier son offre en proposant de nouveaux produits ou services complémentaires.
3. Engagement communautaire :
Le Godet pourrait renforcer son engagement communautaire en s’associant à des initiatives locales, en organisant des événements ou en offrant des opportunités de bénévolat à ses clients. Cela renforcerait l’image de l’entreprise en tant qu’acteur responsable et engagé dans la communauté.

Avis du jury :

Le jury a été impressionné par le projet Le Godet et la manière dont il répond à la demande croissante de cuisine végétarienne de qualité en France. Le concept de cuisine française végétarienne est novateur et prometteur, et le jury a apprécié l’engagement du restaurant envers l’agriculture responsable et la production locale. Le projet était bien structuré et bien présenté, avec une attention particulière portée à l’élaboration d’une stratégie digitale complète. Le jury a également été impressionné par la qualité de la veille technologique et l’analyse des expériences clients, qui ont permis de mieux comprendre les attentes et les besoins des clients potentiels.

Ce que je retiens 🧐 :

Un défi stimulant
La conception de l’interface utilisateur de Le Godet a été un défi stimulant qui m’a permis de mettre en pratique mes compétences en UX design. J’ai pu utiliser mes connaissances et concevoir une expérience utilisateur qui répond aux besoins des utilisateurs tout en reflétant l’identité visuelle de la marque.
L’importance de la recherche utilisateur
Ce projet m’a également permis de mieux comprendre l’importance de la recherche utilisateur et de l’itération dans le processus de conception d’une interface utilisateur efficace. Grâce à la collecte et à l’analyse des commentaires des utilisateurs, j’ai pu améliorer continuellement la conception du Godet pour offrir une expérience utilisateur toujours meilleure.
Une expérience enrichissante
Travailler sur Le Godet a également été une excellente opportunité pour moi d’explorer de nouveaux outils et techniques (SEMrush, Google analytics, etc… ). J’ai pu découvrir de nouveaux logiciels et méthodes de travail qui m’ont permis de créer une conception de qualité pour ce projet.

Détails des rendus

  • Recommandation stratégique en webmarketing
  • Cahier des charges fonctionnels
  • Cahier des charges techniques (limites du projet, budget, planning, etc.)
  • Planning prévisionnel
  • Budget complet
  • Stratégie de contenu et Copy Strat
  • Stratégie Webmarketing
  • Ligne éditoriale et calendrier éditorial pour les réseaux sociaux
  • Observations et entretiens pour la recherche UX
  • Problématiques identifiées grâce à la recherche UX
  • Questionnaires pour la recherche UX
  • UX writing pour la conception de contenu
  • Design System pour l’uniformisation de l’interface utilisateur
  • UI Design pour la conception de l’interface utilisateur
  • Charte Graphique pour définir l’identité visuelle
  • Prototype de site internet
  • Prototype de menu interactif