La Toc Vegan

DOSSIER PROJET 2023 LA TOC VEGAN Création d’identité visuelle, Site Web, Stratégie Webmarketing, Réseaux Sociaux.

Titre Professionnel - Concepteur Designer UI Antony BAUDE

SESSION 2022 - 2023

TP CDUI - PROJET - LA TOC VEGAN

ANTONY BAUDE

LA TOC VEGAN

À LA TABLE DES MATIÈRES:

GESTION DE PROJET

3

Le contexte Le brief Cahier des charges Besoins et objectifs Étude de la concurrence Personas buyers Parcours utilisateur Carte mentale Nom de domaine

CRÉATION GRAPHIQUE

17

Recherches graphiques Planche logo Charte graphique Traitements graphiques

CONCEPTION DU SITE WEB

22

Zoning et wireframe Responsive design Backoffice Extensions Optimisation SEO

MARKETING ET COMMUNICATION

28

Stratégie Social Media Campagne Emailing Publicité et promotions Vidéo ( Storyboard) Supports de communication imprimés

2

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

GESTION DE PROJET

LE CONTEXTE

LA TOC VEGAN

AU-DELÀ DU RESTAURANT

La Toc Vegan, située à Marseille, est un restaurant spécialisé dans la cuisine végane, créé le 6 décembre 2022. Son équipe dévouée est composée de professionnels passionnés par la cause animale et l’alimentation responsable. Ils sont conscients des enjeux sociétaux qui entourent le véganisme, tels que la réduction de l’empreinte carbone, la préservation de la biodiversité et la promotion d’une alimentation plus éthique.

En plus du restaurant, elle offre des ateliers de cuisine végane animés par des chefs renommés, ainsi qu’une épicerie végane pour acheter ses produits. Cela contribue à sensibiliser davantage les gens aux avantages du véganisme, tout en fournissant des ressources pour ceux qui souhaitent embrasser et, pourquoi pas, épouser ce mode de vie.

LE MENU VEGAN

ÉPICURIEN ET ENGAGÉ

La Toc Vegan propose un menu 100% végan avec des plats délicieux préparés à partir de matières premières fraîches. En plus de contribuer à la réduction de l’exploitation animale, la cuisine végane s’inscrit dans une démarche écoresponsable en limitant la consommation de ressources naturelles.

Elle privilégie des matières premières de haute qualité auprès de producteurs locaux pour réinventer une cuisine végane saine, pleine de saveurs et responsable. Cette approche favorise également l’économie locale et réduit l’empreinte carbone en minimisant les transports de marchandises sur de longues distances.

LA GRAINE DE CONVICTION

UNE INVITATION AU CHANGEMENT

Leur objectif est de déconstruire les préjugés négatifs et de semer la graine de la cuisine végane chez les personnes qui pourraient penser que celle-ci est fade, sans saveur ou ennuyeuse. Ils veulent montrer qu’il est possible de prendre plaisir à la déguster et que cette approche culinaire s’adresse à tous, qu’ils soient végétariens, flexitariens ou carnivores.

Ainsi, La Toc Vegan ne se limite pas à être un simple restaurant, mais s’engage activement à promouvoir un mode de vie végan et à sensibiliser les gens aux enjeux sociétaux cruciaux liés à l’alimentation et à la protection de la planète. Avec une variété de plats savoureux, des ateliers éducatifs et une épicerie bien approvisionnée, La Toc Vegan est un acteur majeur pour ceux qui veulent bien manger, respectueuse de l’environnement et des animaux, le tout avec un petit grain de folie et le TOC sans le TOC.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

3

LA TOC VEGAN

GESTION DE PROJET

LE BRIEF

COMMUNICATION:

WEBMARKETING:

Avez-vous déjà communiqué sur Internet ?

Avez-vous des supports de communication, imprimés ou web ?

Avez-vous une identité visuelle (logo, charte graphique, couleurs) ?

Faut-il recréer votre identité ?

Quels supports souhaitez-vous réaliser ?

Avez-vous un nom de domaine ?

Le référencement SEO doit-il être pris en compte dans votre stratégie ?

Avez-vous un compte Google My Business ? Ads ? Emailing (Mailchimp) ?

Avez-vous des imprimés à fournir ? (affiche, flyer, cartes, menu, dépliant …) ?

BUDGET ET CALENDRIER:

CIBLE: Quel est votre public cible pour cette stratégie digitale ?

Avez-vous des segments de public spécifiques que vous souhaitez atteindre ?

POSITIONNEMENT DE MARQUE: Comment souhaitez-vous que votre marque soit perçue en ligne ?

Quelles sont vos motivations principales pour la création de ce projet ?

Quels éléments de votre identité de marque sont à mettre en avant ?

CONCURRENCE: Qui sont vos principaux concurrents en ligne ?

Quels aspects de la présence en ligne de vos concurrents trouvez-vous intéressants ou à éviter ?

Disposez-vous d’un lieu physique (boutique, salles) ?

Prévoyez-vous des événements et des rencontres avec vos clients ?

Utilisez-vous les réseaux sociaux ?

Quels réseaux utilisez-vous le plus ?

Quel est votre budget pour ce projet ?

Y a-t-il des délais spécifiques à respecter ?

CONTENU ET TON: Avez-vous des contenus textuels ou autres à fournir ?

Préférez-vous un ton formel, informel, humoristique ou autre ?

COLLABORATION ET COMMUNICATION: Quel sera le niveau de collaboration entre nos équipes pendant la mise en œuvre de cette stratégie ?

Comment préférez-vous être informé du suivi du projet ?

CONTRAINTES OU EXIGENCES PARTICULIÈRES: Y a-t-il des contraintes légales, éthiques ou techniques auxquelles nous devrions prendre en compte ?

Avez-vous des exigences spécifiques auxquelles nous devrions nous conformer ?

CRÉATION DE CONTENU: Avez-vous déjà des prises de vue de votre activité ?

Besoin de productions photos ?

Achat d’art ? Images libres de droits, vidéos, logo animé ?

4

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

GESTION DE PROJET

CAHIER DES CHARGES

POSITIONNEMENT DU PROJET

DESIGN GRAPHIQUE

1. Personas buyers :

1. Recherche du logo :

Identification des cibles, y compris les consommateurs végans, végétaliens, végétariens, amateurs de cuisine internationale, et les futurs clients potentiels pour les services du restaurant. Création de personas buyers détaillés et parcours utilisateur.

Planche tendance et définition du style graphique.

Création du logo de la marque La Toc Vegan.

2. Carte mentale :

Création de l’identité graphique et charte graphique.

Création de la palette de couleurs.

Choix des typographies.

Élaboration d’une carte mentale représentant de manière visuelle les multiples aspects du projet, englobant l’arborescence des mots employés et leurs sous-branches.

3. Benchmark :

2. Réalisation de la charte graphique :

3. Traitement des images, retouches, iconographies : Création d’icônes et de favicon.

Évaluation des sites web concurrents de restaurants végans, marchés et épiceries, épiceries en ligne. Examiner les points forts, le design, le référencement et les fonctionnalités à intégrer pour l’expérience utilisateur.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

5

LA TOC VEGAN

GESTION DE PROJET

CAHIER DES CHARGES

CONCEPTION DU SITE WEB

DÉVELOPPEMENT ET MISE EN ŒUVRE DU SITE

1. Arborescence :

1. Nom de domaine :

Définition, hiérarchisation et organisation interne des pages et sections du site pour une navigation ergonomique.

Choix d’un nom de domaine en accord avec l’image du restaurant Explication du choix et de l’extension choisie.

2. Zoning et wireframe (version écran et mobile) :

2. Hébergement :

Création de prototypes pour définir le placement des éléments sur les différentes pages du site.

3. Maquettes (version écran et mobile) : Création détaillée des pages en intégrant les éléments graphiques et visuels avec précision.

Choix de l’hébergement adapté aux besoins et attentes du site.

3. Installation WordPress : Explication du choix du CMS WordPress.

Installation du serveur web, création de la base de données et configuration des fichiers serveur.

4. Mise en page des contenus : Utilisation du thème Builder et du Builder de page Divi pour la personnalisation des pages en cohérence avec la charte graphique du restaurant.

6

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

GESTION DE PROJET

CAHIER DES CHARGES

5. Veille technologique :

MARKETING ET COMMUNICATION

Choix des extensions et fonctionnalités à intégrer au site.

Création du formulaire de contact.

Création de la page d’actualités autour du restaurant et du véganisme.

Intégration des fonctionnalités techniques et spécifiques (ACF, diaporamas, CPT, actualités autour du sujet végan, mots-clés).

6. Sécurisation et backup du site : Application des outils de sauvegarde, de protection, certificat SSL et reCAPTCHA.

7.Mise en place de la boutique en ligne : Installation de WooCommerce pour la réservation de paniers et d’ateliers.

8. Optimisations : Utilisation d’outils tels que Yoast, métadonnées, cache, formulaires, API Google, API, MailChimp et Site Kit pour une performance optimale.

1. Optimisation SEO : Analyse du DOM, étude du vocabulaire, utilisation de Google Trends, optimisation des attributs ALT et descriptions d’images.

Installation et configuration d’outils tels que Yoast, métadonnées, cache, API Google, API MailChimp, et Site Kit pour une performance optimale.

2. Google analytics : Configuration du suivi d’analyses pour évaluer la performance du site.

3. Emailing : Options pour l’emailing, configuration du serveur et intégration d’outils.

4. Ads : Planification de campagnes publicitaires et de sponsorisations.

5. Réseaux sociaux et calendrier éditorial : Création des différents réseaux sociaux et tenue du calendrier éditorial pour accroître la notoriété de la marque et créer sa communauté.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

7

LA TOC VEGAN

CAHIER DES CHARGES

GESTION DE PROJET

COMMUNICATION 1. Vidéo promotionnelle (60 à 90s) : Création du scénario et du storyboard pour le lancement de la marque.

Vidéo de lancement.

2. Print : Création du menu du restaurant.

Carte de visite.

Création de mini-cartes pour les services épicerie et atelier.

L’OBJECTIF DU CAHIER DES CHARGES Assurer la conception d’un site web professionnel, de supports imprimés, de publications sur les réseaux sociaux et de vidéos en alliant une expérience utilisateur à un esthétisme attrayant. Ce site doit répondre parfaitement aux besoins spécifiques de La Toc Vegan, renforçant ainsi sa visibilité, sa notoriété et son engagement en ligne.

8

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

BESOINS ET OBJECTIFS

GESTION DE PROJET

LE BENCHMARK Pour ma stratégie de webmarketing, j’ai effectué une étude des concurrents afin d’identifier leurs avantages, services, pratiques utilisateurs, design, fonctionnalités et performances.

IDÉALISÉ

GÉNÉRALISÉ/MASSE

SPÉCIFIQUE/NICHE

NÉCESSITÉ

OBJECTIFS COGNITIFS: Fair​e connaître la marque La Toc Vegan, ses services et produits.

OBJECTIFS CONATIFS: Attirer les clients au restaurant, faire ses courses à l’épicerie, et participer à des ateliers culinaires.

OBJECTIFS ULTIMES: Faire parler du restaurant, promouvoir ses services et devenir franchisé.

CONCURRENT DIRECT

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

9

LA TOC VEGAN

GESTION DE PROJET

ÉTUDE DE LA CONCURRENCE

CONCURRENT DIRECT

NAVIGATION SUR SITE

Green Meal est un restaurant végan à Marseille 13006, situé dans le quartier du Cours Julien, La Plaine. Leur menu est diversifié et propose des plats qui sont à 98 % véganes. Ils offrent également un service de réservation de repas en livraison, ainsi qu’une épicerie proposant une variété de produits.

Arrivé sur la page d’accueil et sur toutes les pages, le menu de navigation n’est pas visible. Nous sommes obligés de faire un geste de balayage (scroll) pour y accéder et naviguer entre les pages du site.

RECHERCHE GOOGLE

GOOGLE MYBUSINESS

Le site apparaît en premier lors de la requête «green meal» sur le moteur de recherche Google.

Les restaurant dispose d’une fiche Mybusiness avec les informations de l’entreprise.

RÉSEAUX SOCIAUX

IDENTITÉ GRAPHIQUE

Sur Facebook, le restaurant est actif et publie en moyenne une publication par semaine, tout comme sur Instagram.

L’identité graphique est textuelle.

Le logo représente le nom du restaurant sans aucun symbole, avec deux simples couverts et des variantes de vert. Le vert est associé à la nature, à l’écologie et au progrès.

10

La carte du restaurant est une image, ce qui pose un problème significatif en termes de référencement de la page. C’est une erreur critique pour l’indexation, l’intégration des mots-clés et la création d’un texte alternatif.

Le restaurant n’a pas intégré de boutique pour ses pages « Commander » et « Épicerie » e-commerce et fait appel à un prestataire externe, zelty-order.fr.

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

ÉTUDE DE LA CONCURRENCE

GESTION DE PROJET

PROBLÈMES VISUELS

LA PAGE D’ACCUEIL

Le responsive n’est pas optimisé pour certains éléments visuels du site, et la charte graphique n’est pas respectée sur les boutons, ce qui créé une confusion lors de la conversion vers les pages. Cela entraîne un manque de cohérence visuelle, de convivialité et de professionnalisme.

La page d’accueil est épurée, les liens sont fonctionnels, mais il manque une personnalisation graphique pour délimiter les zones des sections, améliorer la visibilité et la hiérarchisation des informations. Il manque des sections liées aux différents services proposés par le restaurant.

SEO Avec le site 1.fr, j’ai effectué une recherche des mots-clés utilisés par le concurrent et découvert des termes pertinents à intégrer pour adapter ma stratégie de communication.

RAPPORT PAGE SPEED INSIGHT Version ordinateur

2022 - 2023

PAGE CONTACT L’absence de la page de contact dans le menu de navigation et dans le pied de page diminue la crédibilité pour les utilisateurs et pourrait les pousser à se méfier, affectant ainsi la confiance client.

L’adresse e-mail indiquée dans le menu de navigation peut entraîner des failles de sécurité et des spams.

Version mobile

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

11

LA TOC VEGAN

PERSONAS BUYERS

GESTION DE PROJET

MES CIBLES Dans le cadre de mon projet, j’ai développé deux fiches personas afin de mieux comprendre les besoins et les attentes de mes cibles.

Cœur de cible : Passionné vegan Cible principale : Non passionné vegan, mais sensible à manger mieux et accordant une grande importance au goût.

Cœur de cible :

Cible principale :

BESOINS ET ATTENTES DE JADE

BESOINS ET ATTENTES DE MARC

Jade a besoin de trouver des options de repas sains et responsables pour elle et sa famille, découvrir de nouvelles expériences culinaires, avoir de la clarté sur les produits, adhérer aux valeurs véganes, consommer de manière plus responsable et contribuer au développement durable.

Entre ses déplacements de Lyon à Marseille, Marc souhaite passer des week-end détente à Marseille en prenant soin de lui. Bien qu’il ne soit pas un adepte de la nourriture végane en raison de préjugés sur le goût et les saveurs, il souhaite se laisser surprendre et intégrer progressivement ce mode de consommation dans son quotidien, tout en participant aux ateliers culinaires.

12

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

PARCOURS UTILISATEUR

GESTION DE PROJET

PARCOURS UTILISATEUR DE JADE Pour identifier les besoins et les attentes de mes deux personas, j’ai effectué un parcours utilisateur pour chacun d’eux afin de concevoir un site web et des supports de communication répondant à leurs besoins. Cela me permettra de définir de manière plus efficace les actions à mettre en œuvre en matière de communication et de marketing.

1 - Jade marchait dans la rue à côté de chez elle et remarqua un restaurant vegan.

2 - Elle rentre chez elle, prend son ordinateur, lance une recherche sur Google, et tape «La Toc Vegan».

3 - Jade consulte les avis clients et constate que les avis sont très positifs.

4 -Elle explore la page d’accueil et souhaite en savoir plus sur le restaurant et découvrir le menu.

5 - Elle décide d’en parler à une de ses amies et lui envoyer un message pour se rendre au restaurant ensemble et d’appeler le restaurant pour réserver par la page contact.

6 - Jade et son amie se sont retrouvées au restaurant «La Toc Vegan» pour découvrir le lieu.

7 - Elle décide de partager leur réseaux sociaux à ses amies sur un groupe de discussion.

LEVIERS MARKETING POUR JADE Un lieu physique

Bouche à oreilles

Signalétique

Messagerie

Logo

Un lieu physique

Un site internet

Print (menu, paniers, ateliers, facture)

SEO

PLV (ardoise)

Fiche Mybusiness

Application de messagerie (Whatsapp)

Réseaux sociaux (Facebook)

Réseaux sociaux (Instagram)

Un site internet

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

13

LA TOC VEGAN

GESTION DE PROJET

PARCOURS UTILISATEUR PARCOURS UTILISATEUR DE MARC 1 - Marc rentre chez lui à Marseille le week-end. Le matin, en faisant ses courses, il remarque un restaurant végétalien de l’autre côté de la rue, où une ardoise promeut l’achat de paniers pour la semaine.

2 - Il décide de s’approcher du restaurant afin d’obtenir plus d’informations et s’adresse à un employé.

3 - On explique à Marc que la réservation de paniers se fait tous les lundis de chaque semaine sur leur site internet et a récupérer le samedi matin. On lui remet la mini carte montrant le panier de la semaine avec les informations et le QR Code.

4 - Étant samedi matin, Marc décide de rentrer chez lui en emportant la carte avec lui. En route, il consulte d’abord la page Instagram du restaurant.

5 - Arrivé chez lui, il décide de s’informer davantage. Il prend son smartphone et lance une recherche sur Google avec la requête «panier de la semaine la toc vegan». Il consulte les avis clients et décide de se rendre sur le site.

6 - Marc arrive directement sur la page «Le panier» et consulte le panier de la semaine.

7- Il réserve directement son panier et pourra le récupérer à son retour la semaine prochaine, car il rentre tous les vendredis soir. Il décide de s’abonner à la Newsletter.

LEVIERS MARKETING POUR MARC Un lieu physique

Réseaux sociaux (Instagram)

Signalétique

Fiche Mybusiness

Logo

SEO

PLV (Ardoise)

Site internet

Print (Menu, Paniers, ateliers, facture)

Woocommerce (Fiche produit)

Bouche à oreille

Photo Emailling

14

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

GESTION DE PROJET

CARTE MENTALE

MIRO

ORGANISATION DES IDÉÉS La carte mentale m’a permis d’organiser ma recherche de mots liés au terme « vegan », de créer les branches principales et secondaires afin de mieux comprendre le sens du sujet vegan.

Référencement pour le vocabulaire.

Ligne éditoriale des réseaux sociaux pour voir les sujets sur lesquels je publie.

Rédaction des contenus pour le site web.

Charte graphique.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

15

LA TOC VEGAN

GESTION DE PROJET

LE NOM DE DOMAINE GANDI.NET

INPI

Registrar pour vérifier la disponibilité.

Protection de la propriété industrielle et intellectuelle.

LE CHOIX DU NOM DE DOMAINE latocvegan.fr » pour le site web du restaurant a été déterminé par plusieurs critères.

L’extension « fr » a été choisie pour identifier un restaurant (Made in France), une garantie que la marque est créée par un entrepreneur français. Cela permet de favoriser une clientèle locale et d’attirer plus de clients vers le restaurant.

Elle instaure une relation de confiance avec les utilisateurs du site et des services.

16

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

RECHERCHES GRAPHIQUES

CRÉATION GRAPHIQUE

PLANCHE LOGO ET SÉMIOLOGIE Sur cette planche tendance, j’ai relevé l’ambiance et l’atmosphère que l’on retrouve dans un restaurant. Pour le chef cuisinier, l’aspect ; le smiley ; la carotte pour le côté végétal, sain et la polyvalence gustative. Ainsi, le nom « La Toc Vegan » est formé, en transformant le ‘toc’ (Trouble obsessionnel compulsif) en ‘Trouble obsessionnel Culinaire’. Le bon TOC.

PLANCHE GRAPHIQUE DU SITE ET SÉMIOLOGIE Sur cette planche tendance, j’ai saisi l’ambiance et l’atmosphère qui allaient être présentes sur le site, pour les services proposés et pour mon webdesign.

Elle transmettra l’idée du concept, du partage, de l’engagement du restaurant, de sa proximité avec les clients et de sa palette de couleurs, renforçant ainsi visuellement l’idée de plats sains et équilibrés.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

17

LA TOC VEGAN

PLANCHE LOGO

CRÉATION GRAPHIQUE

ADOBE ILLUSTRATOR

RECHERCHE DU LOGO

Adobe Illustrator m’a permis de créer l’identité graphique du restaurant. Il s’agit d’un logiciel graphique vectoriel qui permet d’agrandir, de réduire et de modifier sans aucune perte de qualité visuelle, contrairement aux images bitmap.

Il offre également un large choix d’options d’exportation et une polyvalence de taille pour les supports.

Éléments relevés sur la planche de création du logo : La toque du chef : Professionnelle, Artisanale et Expert.

Le smiley : Convivial, Enjoué et accueillant.

La carotte : Végétale, Saine et polyvalente gustativement.

LOGO DÉFINITIF

LES FORMATS D’EXPORT JPEG : Compression avec perte selon la taille du document.

PNG : Compression sans perte préservant la qualité de l’image, prend en charge la transparence.

SVG : Compression sans perte de qualité, ce qui le rend idéal pour les logos, les icônes et d’autres éléments graphiques sur le web.

Formats très léger.

18

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

CRÉATION GRAPHIQUE

CHARTE GRAPHIQUE

LE LOGO

LA FAVICON

Pour le logo, je suis parti sur la conception d’un logo combiné de plusieurs éléments graphiques et textuels.

Pour la favicon, j’ai choisi de conserver l’élément graphique du chef afin d’optimiser sa visibilité et de la rendre bien visible pendant la navigation sur le site.

LA ZONE DE SÉCURITÉ

LES ÉLÉMENTS GRAPHIQUES

La zone de sécurité a été définie autour du logo, avec une marge sur chaque côté, pour assurer une aération, préserver sa visibilité et maintenir son impact visuel intact.

J’ai créé une collection d’images représentant des fruits, des fruits secs et des légumes, qui sont des symboles clés de la cuisine végane. Ces éléments renforceront l’identité du restaurant, tandis que l’inclusion de couverts évoquera le symbolisme des traditions.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

19

LA TOC VEGAN

CHARTE GRAPHIQUE

CRÉATION GRAPHIQUE

COULEURS PRINCIPALES

GOOGLE FONT

Le choix des couleurs a été défini afin de refléter la pertinence par rapport au projet.

Google Fonts m’a permis de sélectionner les typographies que j’allais intégrer dans mon identité visuelle et mes supports de communications pour créer une hiérarchie précise.

HEX

HEX

HEX

HEX

#F9F9E1

#9AA921

#EB8A44

#1B2317

CMJN

CMJN

CMJN

CMJN

C: 4 M: 0 J:17 N: 0

C: 47 M: 18 J: 100 N: 3

C: 5 M: 54 J: 78 N: 0

C : 78 M : 60 J : 76 N : 79

RVB

RVB

RVB

RVB

R: 249 V: 249 B: 225

R: 154 V: 169 B: 33

R: 234 V: 138 B:67

R : 27 V : 35 B : 23

SÉMIOLOGIE DES COULEURS Ces couleurs ont été choisies pour mettre en avant le symbolisme de la végétation, l’éco-responsabilité, l’abondance et favorisant une identification instantanée pour les clients.

Cette couleur orange a été sélectionnée pour créer un contraste agréable avec le vert, qui sera également complémentaire, exprimant ainsi la convivialité, l’énergie et la chaleur.

Ce vert foncé a été choisi pour susciter un sentiment de mystère et d’élégance, créant ainsi une ambiance sophistiquée et authentique.

TITRES

Roboto mono ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.,:/!;?%@’()#+-=

Roboto Mono pour les titrages de tous mes supports est une décision graphique pertinente car elle est contemporaine, vintage, lisible et monospace. Elle rappelle également une typographie de style courrier. Cela crée un contraste intéressant avec des polices plus modernes ou stylisées.

TEXTES

Roboto ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.,:/!;?%@’()#+-=

Roboto pour les textes me permet de créer un contraste visuel avec la typographie de mes titrages et d’établir une hiérarchie des informations.

20

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

TRAITEMENTS GRAPHIQUES

CRÉATION GRAPHIQUE

PHOTOSHOP Photoshop m’a permis de faire des modifications aux images que j’allais utiliser pour ce projet.

AVANT

APRÈS

ROGNAGE

RETOUCHES PHOTOS

RECADRAGE

J’ai effectué quelques retouches colorimétriques sur cette image en utilisant des calques de réglages, en ajustant l’exposition, la teinte/saturation ainsi que la teinte/saturation afin d’apporter davantage de vivacité visuelle.

J’ai effectué quelques recadrages et aussi colorimétriques de mes images pour pouvoir mettre l’accent sur le sujet, optimiser les tailles des supports (web et print).

Selon le support, j’ai dû modifier les espaces colorimétriques RVB et CMJN. Format d’image : 1080 x 1080 px RVB dédié au web

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

21

LA TOC VEGAN

ZONING ET WIREFRAME

3 - CONCEPTION DU SITE WEB

PROCREATE

ADOBE XD

Procreate est une application de création artistique numérique. Elle m’a permis d’être rapide et de poser l’ensemble des sections principales qui seront présentes sur le site à la main.

ZONING

22

WIREFRAME ORDINATEUR ET MOBILE J’ai créé le wireframe de mes pages ordinateur et mobile avec Adobe XD, établissant ainsi une vue d’ensemble du contenu à intégrer sur le site. J’ai également mis en place les plugins nécessaires pour créer les fonctionnalités. Il a été important de prendre en compte les besoins de mes cibles et de définir la structure globale du site. Le wireframe doit également permettre d’identifier chaque élément présent, tels que les images, les titres, les textes, les boutons et les liens, de manière à les rendre facilement utilisables.

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

3 - CONCEPTION DU SITE WEB

ZONING ET WIREFRAME ADOBE XD MAILLAGE INTERNE En mode prototypage, j’ai conçu la navigation, le pied de page, la répartition du « jus de liens » et les sections principales du site. Le wireframe m’a également permis de tester l’expérience utilisateur en temps réel et de corriger certains aspects si nécessaire.

C’est un excellent support pour mettre en œuvre la méthode Agile.

PARCOURS DE JADE Jade arrive sur la page d’accueil et se rend sur la page storytelling du restaurant.

Elle se rend ensuite sur la page du menu.

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

Elle décide ensuite de se rendre sur la page de contact afin de réserver en appelant directement le restaurant.

23

LA TOC VEGAN

CONCEPTION DU SITE WEB

RESPONSIVE DESIGN

LES FORMATS Format ordinateur : 1080 x 1920 px Format tablette : 1668 x 2 388 px Format mobile : 393 x 852 px

24

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

CONCEPTION DU SITE WEB

BACKOFFICE

WORDPRESS Pour la création du site web, j’ai utilisé WordPress, qui est un système de gestion de contenus (CMS) reconnu pour sa polyvalence en matière de fonctionnalités telles que la gestion de contenu, les blogs, les thèmes, les extensions, le e-commerce et son optimisation pour les moteurs de recherche (SEO).

PAGES

EXTENSIONS

ARTICLES

WOOCOMMERCE

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

25

LA TOC VEGAN

EXTENSIONS

CONCEPTION DU SITE WEB

DIVI

YOAST SEO

Divi est un thème, (theme builder) et (page builder) qui allait me servir pour la mise en page du site sans avoir à écrire de code et pour organiser mes sections.

Yoast SEO est utilisé pour optimiser le référencement et effectuer l’analyse des balises méta pour les moteurs de recherche.

SVG SUPPORT

WOOCOMMERCE

SVG Support m’a permis d’importer le logo du restaurant au format SVG (Scalable Vector Graphics), afin de maintenir le logo vectoriel intact sans perte de qualité et plus léger que les formats JPEG et PNG, qui sont des images bitmap.

WooCommerce est utilisé pour la mise en place des services de panier de la semaine, des ateliers culinaires, ainsi que pour la gestion des stocks et des réservations disponibles.

EASY HTTPS (SSL) REDIRECTION

GOOGLE SITE KIT

Easy HTTPS (SSL) Redirection m’a permis de sécuriser et crypter les données du serveur ainsi que celles des utilisateurs, en mettant en place le protocole HTTPS.

Google Site Kit m’a permis de regrouper les services d’analyse Google directement dans WordPress pour avoir une vue d’ensemble. Google Search Console pour l’indexation des pages, Google Analytics pour analyser le trafic et les statistiques du site, et PageSpeed Insights pour vérifier les performances du site.

UPDRAFTPLUS Pour sauvegarder les données su dite (base de données, fichiers, thèmes, plugins) en cas de cas de panne ou bug.

26

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

OPTIMISATION SEO

CONCEPTION DU SITE WEB

GOOGLE PAGESPEED INSIGHT

SEO META IN 1 CLIK

PERFORMANCE

PERFORMANCE

Les performances sont de 41%. Il est recommandé d’améliorer la réduction des ressources JavaScript et de redimensionner les images correctement.

L’extension SEO Meta In 1 Click m’a permis de certifier la bonne pratique de mon DOM ainsi que de mes balises méta title et méta description.

ACCESSIBILITÉ L’accessibilité est de 89% en raison de la désactivation du zoom sur les pages du site.

BONNES PRATIQUES Le score est parfait.

SEO Le rapport SEO montre un excellent résultat de 92%, ce qui constitue une preuve solide pour le référencement du site. Cependant, l’indexation freine l’optimisation à son maximum à 100%.

PERFORMANCES ORDINATEUR

PERFORMANCES MOBILE

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

27

LA TOC VEGAN

MARKETING ET COMMUNICATION

STRATÉGIE SOCIAL MEDIA CALENDRIER POST Facebook :

Abonnés : 5187

Instagram :

Abonnés : 7549

TikTok :

Abonnés : 11254

1 publication par semaine + 1 la deuxième semaine du mois pour promouvoir l’atelier.

1 publication par semaine.

1 publication par semaine.

OBJECTIF Accroître davantage la notoriété de la marque dans le but d’attirer davantage de prospects, de générer des leads et de fidéliser une clientèle.

28

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

MARKETING ET COMMUNICATION

CAMPAGNE EMAILING

MAILCHIMP Mailchimp m’a permis de créer et de gérer une liste de contacts des personnes abonnées à la newsletter.

C’est l’une des solutions les plus pertinentes pour les PME. J’ai personnalisé et créé une campagne publicitaire, puis j’ai consulté le taux d’ouverture des e-mails.

2022 - 2023

EMAIL OPT-IN J’ai mis en place l’opt-in pour permettre aux utilisateurs qui le souhaitent de s’abonner à la newsletter, afin de suivre l’actualité du restaurant et de respecter le Règlement général sur la protection des données (RGPD).

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

29

LA TOC VEGAN

PUBLICITÉ ET PROMOTIONS

MARKETING ET COMMUNICATION

GOOGLE ADS

MISE EN SITUATION

J’ai lancé une campagne de sponsoring avec Google Ads pour promouvoir du contenu. Cette campagne s’étend sur différents espaces tels que les résultats de recherche Google (sponsors), des sites partenaires et d’autres sites.

J’ai participé à la campagne sur le site Le Bonbon afin de diffuser des publicités sur des sites partenaires et d’identifier les cibles secondaires.

Format carré : 250 x 250 px RVB

Format : 600 x 300 px RVB

Format 1/2 : 300 x 600 px RVB

30

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

LA TOC VEGAN

VIDÉO (STORYBOARD)

MARKETING ET COMMUNICATION

PROCREATE J’ai créé le storyboard de mon animation de logo et teaser à l’aide de Procreate. J’ai organisé les séquences et représenté visuellement les scènes pour les futures vidéos à créer.

STORYBOARD LOGO

2022 - 2023

STORYBOARD TEASER

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

31

LA TOC VEGAN

MARKETING ET COMMUNICATION

SUPPORTS DE COMMUNICATION IMPRIMÉS

RECTO

VERSO

OUVERTURE: Du Mardi au Dimanche De 11h30 à 23h Non stop Fermé le Lundi

COORDONNÉES: 04.00.00.00.00 06.00.00.00.00 latocvegan@gmail.com 155 Avenue de la Véganerie 13013 Marseille

Carte de visite (85 x 55 mm) 2.indd 1

25/11/2023 09:40

Carte de visite (85 x 55 mm) 2.indd 1

25/11/2023 09:54

CARTE DE VISITE INDESIGN

32

Format : 8,5 x 5,5 cm Résolution : 300 DPI Impression : CMJN Finitions : texturée, papier recyclé, mate Grammage : 250g

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

Il est interdit de jeter cette carte sur la voie publique.

LA TOC VEGAN

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

33

LA TOC VEGAN

SUPPORTS DE COMMUNICATION IMPRIMÉS

MARKETING ET COMMUNICATION

RECTO

VERSO

OUVERTURE: Du Mardi au Dimanche De 11h30 à 23h Non stop Fermé le Lundi

COORDONNÉES: 04.00.00.00.00 06.00.00.00.00 latocvegan@gmail.com 155 Avenue de la Véganerie 13013 Marseille

SUIVEZ-NOUS SUR:

NOS ENTRÉES DE TOCQUE

NOS PLATS DE TOCQUE

Salade méditerranéenne aux saveurs estivales vegan 6,50€

Curry de pois chiches et légumes d’été vegan 13,50€

Ingrédients: Laitue romaine ou mélange de jeunes pousses, Concombres, Tomates cerises, Olives noires, Poivrons rouges grillés, Oignons rouges, Persil frais, Vinaigrette à base d’huile d’olive, de citron et d’origan.

Ingrédients: Huile d’olive, oignon, ail, poivron rouge, courgette, aubergine, pois chiche, curry.

Soupe de lentilles épicées aux légumes vegan 7€

Tofu grillé aux légumes sautés et riz basmati vegan 14€

Ingrédients : Lentilles corail, Carottes, Poireaux, Pommes de terre, Oignon, Ail, Bouillon de légumes, Cumin moulu, Curcuma moulu, Paprika, Sel et poivre.

Ingrédients: Tofu, riz basmati, huile d’olive, poivron rouge, courgettes, carottes, sauce soja, sirop d’érable, sel et poivre, graines de sésame.

Rouleaux de printemps aux légumes croquants vegan 9€

Burger de soja à la salade et houmous vegan 14,50€

Ingrédients: Feuilles de riz, Laitue, Carottes, Concombres, Poivrons (rouge, jaune, vert), Menthe fraîche, Coriandre fraîche, Sauce aux cacahuètes pour tremper.

Ingrédients: 150 g de burger de soja, salade, tomate, oignon, houmous.

NOS DESSERTS DE TOCQUE

NOS BOISSONS DE TOCQUE

Tartelette aux noix de pécan caramélisées vegan 6€

Smoothie aux fruits tropicaux vegan 4€

Ingrédients: Noix de pécan, sirop d’érable, margarine végétalienne, sel, farine, sucre, compote de pommes non sucrée, vanille.

Ingrédients: banane mûre, ananas congelé, mangue, lait d’amande, sirop d’érable.

Mousse au chocolat végétalienne vegan 7€

Latte au matcha vegan 5€

@latocvegan

Ingrédients: Chocolat noir végétalien, tofu soyeux, sirop d’érable, vanille.

Ingrédients: poudre de matcha, lait d’amande, sirop d’érable.

Tartelette aux fruits rouges et crème de noix de cajou vegan 8€

Burger de soja à la salade et houmous 14,50€

Ingrédients: Farine, margarine végétalienne, sucre, sel, eau, fruits rouges, noix de cajou, sirop d’érable, jus de citron, extrait de vanille.

Ingrédients: lait de soja, épinards, banane, beurre de cacahuète, graines de chia, sirop d’érable.

Note : Les plats sont préparés avec des ingrédients provenant de producteurs locaux pour soutenir l’agriculture locale et offrir une expérience culinaire fraîche et durable.

Carte du restaurant.indd 1

25/11/2023 10:07

Carte du restaurant.indd 1

25/11/2023 10:13

LE MENU DU RESTAURANT INDESIGN 34

Format A4 : 29,7 x 21 cm Résolution : 300 DPI Impression : CMJN Finitions : papier recyclé, mate Grammage : 120g TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

Il est interdit de jeter cette carte sur la voie publique.

LA TOC VEGAN

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

35

LA TOC VEGAN

SUPPORTS DE COMMUNICATION IMPRIMÉS

MARKETING ET COMMUNICATION

RECTO

VERSO

T’AIMES PAS LES LÉGUMES? Ça tombe bien, comme la carotte du Panier de la semaine !

Ceci n’est pas une carotte.

C’est un atelier de cuisine !

Découvrez leurs pouvoirs en scannant ce code.

Ceci n’est pas un QR Code.

C’est une invitation à y participer !

Découvrez leurs pouvoirs en scannant ce code.

Carte Promo Services (15 x10 cm).indd 1

25/11/2023 16:32

Carte Promo Services (15 x10 cm).indd 1

25/11/2023 16:30

MINIS CARTES DES SERVICES INDESIGN

36

Format : 15 x 10 cm Résolution : 300 DPI Impression : CMJN Finitions : papier recyclé, mate Grammage : 200g TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

2022 - 2023

Il est interdit de jeter cette carte sur la voie publique.

LA TOC VEGAN

2022 - 2023

TP CDUI - ANTONY BAUDE PROJET -LA TOC VEGAN

37

REMERCIEMENTS ET CONCLUSION La M’TOUCH Je remercie l’équipe Mcom de m’avoir donné l’opportunité de faire mon stage en entreprise et dans chacun de leurs pôles d’activité.

Ce fut un véritable défi pour moi, et j’ai pris énormément de plaisir à travailler avec chacun d’entre vous.

Madame MADEC Je remercie ma chère formatrice Magali MADEC pour son savoir et sa méthode d’enseignement (à l’alsacienne) qui a porté ses fruits.

Elle était à la fois très ferme et très tendre avec nous tous. Je peux vous dire que je ne vous oublierai pas et encore merci pour tout ce que vous avez fait et pour le temps que vous nous avez accordé même en dehors des heures de cours.

Monsieur Bartolomei Je remercie mon formateur, Pierre Bartolomei, pour ses enseignements tellement riches une fois mis en pratique et pour votre créativité. J’ai aussi passé une très belle année à vos côtés et encore merci pour votre sérieuse implication, surtout pour la partie vidéo de notre projet de teaser sur laquelle j’ai vraiment eu du mal et finalement trouvé mon concept.

Ne changez pas, vous êtes géniaux !

Conclusion Après cette formation, j’aimerais me lancer sur le marché du travail dans une agence de communication et acquérir davantage d’expérience afin, plus tard, d’envisager l’entrepreneuriat.

ANTONY BAUDE

TP CDUI - PROJET - LA TOC VEGAN