formations-numeriques/cours22
Dossier de présentation. Dossier de projet “La Route du Bien-Être” pour le 03/05/2018 Charlotte Bideau - Charlotte Brivio - Julie Boussaud à destination de la Mairie de Bordeaux
L’équipe Relax
DOSSIER RELAX 03/05/2018
SOMMAIRE SOMMAIRE CONCEPT Identité graphique SITE WEB Arborescence Wireframes OUTILS DE COMMUNICATION Réseaux sociaux Communiqué de oresse Flyer
02 03
05
INTRODUCTION L’équipe
4
Nous sommes trois jeunes et dynamiques auto-entrepreneuses. Et nous nous sommes lancées dans l’aventure “La Route du Bien-Être” qui propose une visite de Bordeaux originale aliant sport, éco-responsabilité, détente et gastronomie à la bordelaise.
Julie, notre cheffe de projet durant l’aventure. Son expertise avec la suite Adobe a permis de créer la charte graphique de la marque Relax et de “La Route du Bien-Être”. Forte de son parcours par l’IUT Bordeaux Montaige en Communication des organisations et de son expérience dans une agence de communication, elle a aujourd’hui soif d’entreprendre.
Charlotte, la rédactrice de tous nos contenus ; elle a géré de A à Z la ligne éditoriale et le ton adopté pour nos différents messages sur le site et sur nos réseaux sociaux. Elle a aussi effectué nos magnifiques photos. Après une prépa littéraire, Charlotte a découvert la communication et souhaite mettre à profit ses compétences au service d’un projet qui a du sens.
Notre deuxième Charlotte vient elle aussi du milieu littéraire et à aussi fait ses preuves dans le domaine de la communication. Impliquée et toujours joyeuse, l’aventure lui a permis de devenir experte en Wordpress. Notre site est ne serait ce qu’il est sans elle. Sa rigueur et sa détermination sont de précieux atouts dans cette folle aventure.
Notre vision La philosophie de RELAX se concentre sur les plaisirs de la vie, la convivialité et le partage. Notre objectif premier est de créer des expériences uniques pour nos clients et leur faire partager notre vision de la vie. Habiter une ville ne veut pas dire la connaître. Il est donc important de prendre le temps et d’apprécier l’environnement dans lequel nous nous trouvons en découvrant ses chemins de traverses. Passionnées par les petits plaisirs de la vie, il est en notre devoir de transmettre notre joie de vivre. Notre corps est un temple qu’il faut choyer avec une alimentation saine, un comportement raisonnée et une haute estime de soi. Notre parcours bien-être répond à cette volonté.
5
CONCEPT Notre projet
6
Notre start-up Relax propose La Route du Bien-Être à tous ceux, qu’ils soient bordelais ou non, adeptes des longues balades à vélo ou sportifs du dimanche, ceux qui ont du mal à s’accorder du temps pour des instants de sérénité, ceux qui sont amateurs de bons repas conviviaux, et enfin, ceux qui pensent qu’une journée au soleil réussie passe forcément par un bon verre partagé en terrasse. La Route du Bien-Être invite à découvrir des activités relaxantes, éco-responsables et tendances, à l’image de la ville moderne et écologique qu’est devenue Bordeaux.
Logo Usage Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Dolore eu fugiat nulla pariatur. Il s’agit de découvrir Bordeaux Excepteur sint occaecat cupidatat autrement, de vivre non pas UNE mais non proident, veniam, quis nostrud DES expériences, basées sur le bienexercitation ullamco laboris nisi ut être en une journée unique. aliquip ex ea commodo consequat. Exercitation ullamco laboris nisi ut C’est un parcours inédit au cours aliquip ex ea commodo consequat. duquel nos clients se mettent dans Duis aute irure dolor in reprehenderit la peau d’un vrai bordelais. Au in voluptate velit esse cillum dolore programme, visite de lieux alternatifs, eu fugiat nulla pariatur. Excepteur sint activités ludique et ravitaillement au occaecat cupidatat non proident. soleil ! Dolore eu fugiat nulla pariatur.
7
Excepteur sint occaecat cupidatat non proident, veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
YOGA Notre 1ère activité
8
Un cours de relaxation pour démarrer la journée dans un mindset positif et plein d’énergie et de bonne ondes. Les participants arrivent par le moyen de transport de leur choix. Le matériel (tapis, etc.) est à disposition sur le lieu de rendez-vous. Et ils repartent avec des vélos, également pris en charge par l’organisme.
9
10
DÉJEUNER Notre 2ème activité Départ du Jardin Public à vélo pour arpenter les ruelles bordelaises jusqu’à la Cité du Vin. Arrivés aux Halles de Bacalan, les participants pourront s’y balader afin de choisir leur repas parmis les stands régionaux et artisanaux. Ils auront accès à un ticket repas de 15 euros offert par les commerçants des Halles afin de choisir un plat et un verre de vin. Le déjeuner se dégustera sur la terrasse des Halles afin de profiter du soleil.
11
SPA Notre 3ème activité
12
Après le déjeuner, les participants remonteront sur leur vélo et seront guidés par les organisatrices vers le centre Darwin. Ce sera l’occasion de traverser le majestueux Pont Chaban Delmas jusqu’à la rive droite. Arrivés à Darwin, l’éco-système bordelais, les participants seront accompagnés au Spa Bivouac afin de profiter des produits cosmétiques à base de raisin bordelais lors d’un massage intégral.
13
14
APÉRO Notre 4ème activité Une après-midi relaxante qui se terminera sur la Place Fernand Lafargue dans le bar à vin typiquement bordelais l’Oenolimit. Une planche de fromage et un verre de vin rouge/blanc leur seront servis pour terminer cette journée et faire le point sur nos ce que chacun aura ressenti. 15
IDENTITÉ Notre Logo Final
16
Le Logo de La Route du Bien-Être par Relax a été pensé pour être adapté à notre site internet (format vertical). Après un benchmarking, nous avons utilisé un dégradé car c’est une des tendances fortes en webdesign pour 2018 et nous voulions représenter la diversité et la pluralité de la ville de Bordeaux. Par ailleurs, sont très en vogue sur le net. Nous avons eu l’idée d’intégrer ce dégradé à travers des petits carrés, puisque notre concept est de concilier plusieurs activités à la fois afin de créer une activité d’unique. Ainsi, notre logo rappelle notre concept. Notre nom Relax est court et donc facilement mémorisable et reprend également les valeurs de notre projet. Enfin, le sourire à l’intérieur de ce petit cube ramène de la douceur avec ses lignes rondes, devient amicale et personifiée. Ce “smiley” rappelle l’expression du visage dans un moment de bien-être.
2x
2x
2x
2x
Nos déclinaisons Logo Le logotype de Relax avec la route du bien être est disponible en plusieurs versions, incluant une version originel en couleur, réservé pour un usage sur fond blanc ou foncé uniquement (avec ou sans baseline). On peut également envisager le logotype au dessus de “Relax” (ajusté à gauche ou tout centré). Une version en blanc est disponible pour un placement sur tout fond coloré. Enfin, une version avec des bords arrondis est disponible, pour le développement éventuel d’une future application mobile.
17
MOCKUPS Bureautique Voici des mises en situation de ce à quoi notre charte graphique ressemble sur nos outils de travail type : carte de visites, crayons bic, enveloppe, modèle de lettre, t-shirt, café, carte cadeau, etc. 18
19
20
21
FUTURS PRO Magasins Relax
22
Nous avons également l’ambition d’ouvrir plusieurs magasins Relax où nous pourrions développer une ligne de produits de nos partenaires. Des ateliers pourraient également y être organisée, en intérieur, pour puovoir réitérer l’expétience à toutes les saisons.
OJETS 23
Application Nous souhaitons également développer une application mobile disponible sur IOS et Android, afin d’apporter un nouveau service supplémentaire à nos futurs clients. Elle pourrait avoir plusieurs fonctions (aides pendant le parcours, informations en amont de l’événement, rappe, et également proposer du contenu).
COULEURS Nos couleurs utilisées La palette de La route du bien-être inclue 4 couleurs principales. Amethyst créée la plus force association à la marque, et associé à Silver le dégradé qui en découle représente la marque de fabrique de Relax. Une couleur Indigo est disponible pour contre-balancer tandis que Orchid est le parfait mélange entre Amethyst et Silver. 24
AMETHYST
SILVER
INDIGO
ORCHID
#856BBF
#8CBFFE
#201A47
#8790FF
POUR LE WEB rgb(133, 107, 255) POUR LE PRINT C: 058 M: 062 J: 000 N: 000
POUR LE WEB rgb(140, 191, 254) POUR LE PRINT C: 047 M: 018 J: 100 N: 000
POUR LE WEB rgb(32, 26, 71) POUR LE PRINT C: &00 M: 099 J: 380 N: 042
POUR LE WEB rgb(135, 144, 255) FOR LE PRINT C: 056 M: 045 J: 000 N: 000
90%
10%
20%
80%
100%
% 40
50%
10%
% 60
90%
70%
30%
20%
80%
100%
70%
30%
40
90%
%
%
60
50%
10%
25
20%
80%
100%
70%
30%
90%
40
10%
%
%
60
50% 20%
80%
100%
70%
30%
40
%
%
60
50%
TYPOGRAPHIE Styles des polices La marque La route du bien-être associe pout son site l’audace d’une police artistique PlayFair Display avec l’esprit amicale de Source Sans Pro Regular et Light, pour une combinaison élégante et accessible qui souligne l’esprit de nos valeurs fondamentales. 26
POLICE PRINCIPALE
POLICE SECONDAIRE
PlayFair Display
Source Sans Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Titre 56 px
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Headline 17 px
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Sous-titre 13 px
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Corps 13 px
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Hiérarchie La hiérarchisation des contenus est très importante. Elle sert notamment au référencement. C’est pourquoi, nous avons créer un titraille spécifique reprenant les éléments mentionnées ci-dessous. Ceci fait parti de notre identité de marque.
27
ICÔNES Icônes et symboles
28
Les icônes aident à communiquer dans le monde du business et de l’événementiel. Nous en avons donc créée six. Elles guident aussi les internautes à certaines informations clés comme l’heure ou la localisation. Il était important de faire une icône d’un vélo car c’est le moyen que nous plébicitons pour se déplacer dans Bordeaux. Nous avons également utiliser l’icône d’un billet pour les symboliser. Nos icônes sont minimalistes et aux couleurs de notre charte graphique.
29
SITE WEB 30
Hiérarchie De notre point de vue, un utilisateur va tout d’abord découvrir notre esprit, il va ensuite vouloir en savoir plus (sur nous, la journée). Une fois conquis, il cherchera à réserver. Enfin un blog démontrera de notre expertise, et enfin, s’il a une question il essayera de nous joindre.
Arborescence L’arborescence d’un site est un élément important tant du côté de l’internaute que du point de vue du référencement. Elle doit refléter la hiérarchie des informations et permettre à l’internaute d’avoir accès aux informations qu’il recherchent en un minimum de clics, de manière simple et claire pour optimiser leur expérience utilisateur.
31
ACCEUIL
À PROPOS
PROGRAMME
YOGA
DÉJEUNER
SPA
APÉRO
RÉSERVATION
BLOG
CONTACT
SITE WEB La Page d’accueil
32
Elle a pour but de reprendre la plupart des informations présentes sur les autres pages du site. Nous nous sommes particulièrement penchées sur son design et sa clarté car elle sera la première page sur laquelle les internautes tomberons. Cette page comporte un minimum de 300 mots et n’est pas chargée. Son maillage interne est particulière performant et le slider représente le dynamisme de notre marque.
Le choix du thème Nous avons souhaité réalisé nous-même entièrement notre site afin de le personnaliser et qu’il se démarque. Ainsi, nous n’avons pas choisi de layout déjà présent parmi le thème Divi. Il était nécessaire pour nous qu’il soit adapté à notre cible, très visuel, avec peu de texte, mais beaucoup d’images à forte valeur estéthique, quelques accroches textuelles et photographiques et des couleurs vives en harmonie avec notre identité graphique. Nous avons souhaité un aspet épuré, minimaliste, à la fois moderne et élégant.
Les petits + Notre site présente également une page Cookies, Mentions Légales et Conditions Générales de Vente. Une page Presse existe également et permet d’accéder à un communiqué de presse. Enfin, les internautes peuvent télécharger une version numérique de notre flyer.
33
SITE WEB Stratégie SEO & Référencement Pour avoir le meilleur référencement, nous avons choisi d’installer l’extension Yoast, qui permet d’optimiser le SEO. Nous avons indiqué pour chacune des pages : un titre SEO, le bon identifiant (à la fin de l’url), une méta description de qualité ainsi que le mot clé important. 34
Nous avons également pensé à l’architecture du site et à la hiérarchisation des contenus à l’aide de balises sémantiques H1, H2, etc. Nous avons beaucoup de liens entrants de qualité grâce à notre page Blog. Nous avons un bon maillage interne, notre site tend à être responsive et enfin, nous avons pensé l’optimisation des images (titre, légende, description et texte alternatif). Ainsi, aucune de nos images a été nommée “IMG-9887”.
35
OUTILS Réseaux sociaux
36
Nous communiquons notamment via nos réseaux sociaux. Nous sommes présents sur Facebook, Twitter et Instagram, réseaux qui nous permettent d’agrandir chaque jour notre communauté, et d’accroître notre influence sur les internautes.
37
OUTILS Communiqué de presse
38
Le communiqué de presse que vous voyez ici présente en quelques lignes notre événement du 20 mai, il est aux couleurs de La Route du Bien-Être, vous pouvez le retrouver dans l’onglet “Presse” de notre site.
Fait le : 05/05/2018 à : Bordeaux, France.
Un voyage relaxant dans la ville de Bordeaux Savant dosage de méditation, de sérénité, de sport et de plaisirs gustatifs, l’équipe de communication de la ville de Bordeaux vous a concocté un parcours bien-être afin de vous faire découvrir les chemins de traverses bordelais ainsi que l’évolution de la ville en terme d’éco-responsabilité. Ce parcours sera organisé en une journée entière (le 5 mai 2017) afin de profiter de toutes les bonnes adresses et lieux publics bordelais. Il s’agira de découvrir ces lieux et d’y apprécier diverses activités possibles : la pratique du yoga, la dégustation de mets et vins locaux, ainsi que les bienfaits de cosmétiques régionaux et responsables. Cet événement joindra convivialité et partage, mais son objectif premier sera pour les participants bordelais âgés de 18 à 60 ans de se recentrer sur eux-mêmes. Si vous êtes un(e) bordelais(e) urbain(e), avec un emploi du temps surchargé et que vous n’avez jamais le temps d’arpenter sa ville et sa modernité, ce parcours est fait pour vous. Pour plus d’informations, voir notre site internet http://formations-numeriques.net. « Cette journée n’est pas seulement une campagne de communication sur la ville moderne et écologique qu’est Bordeaux, c’est aussi un moment de partage et de concentration sur soi afin de découvrir les bienfaits de pratiques tendances et relaxantes. » - L’équipe Relax A Propos de la Ville de Bordeaux : A la lumière du développement durable, Bordeaux oriente l’ensemble de son champ économique vers des actions solidaires et responsables. Un budget de 200 000 euros a été consacré à l’ESS en 2013 pour l’accompagnement des porteurs de projet et aux actions de développement durable. La ville encourage la « consommation » locale et équitable, ainsi que l’achat responsable au sein de ses achats publics, accompagne les entreprises et commerçants dans leurs démarches vers l’éco-responsabilité, soutient la formation et les métiers du développement durable.
CONTACT PRESSE Julie Boussaud julie.boussaud@relax.com 06 89 43 38 96
39
OUTILS Flyer
40
Le flyer, au design élégant et épuré à l’image de notre charte graphique, expose de façon très visuelle le parcours de la Route du Bien-Être, ainsi que les principales informations à retenir, la date, le lieu, nos réseaux sociaux. Il est disponible dans la section Accueil et A propos de notre site Web.
41
CONCLUSION Notre organisation de travail Les outils que nous avons utilisé dans notre travail au cours de ce projet. 42
Wordpress
Pour monter notre site web de La Route du Bien-Être.
Photoshop
Pour retoucher nos photos, pour les mockups et pour les wireframes et pour le flyer.
Illustrator
Pour pour le logo, ses déclinaisons et les illustrations et icônes.
InDesign
Pour pour les moodboards et le dossier final.
Eventbrite
Pour la création de nos billets.
Google Doc
Pour le cahier des charges technique.
Google Fonts Pour nos polices.
Asana
Pour la gestion de projet.
Dribbble
Pour le benchmatking.
Material DesignPaletteGenerator.com et ColorHexa.com
Pour pour la construction de la charte graphique et des illustrations.
Divers sites de mockups
Pour les mises en situations de nos créations visuelles)comme GraphicBurger.com, lstore.graphics.com, etc.
InVision
Pour la charte graphique partagée.
Lingo
Pour la gestion des palettes de couleurs
43
CONCLUSION Moodboards
Voici nos moodboard en photos et en graphisme, pour nous inspirer.
44
La Route du Bien-Être La Route du Bien-Être est un projet dans lequel nous nous sommes investies pleinement et en lequel nous croyons. Nous espérons donc que notre idée aura su vous séduire. A très bientôt. - L’équipe Relax.
45
Contact Information 8 Parvis des Chartrons, CitĂŠ Mondiale 33 000 Bordeaux, France Tell: + 05 67 54 78 97 E-mail: info@relax.com formations-numerique.net/cours22
