Les Bâtons du Castellas
Dans le cadre de nos cours de 2ème année, un de nos projets d’unité de formation consistait à créer un site CMS autour de notre passion. Ma passion étant le sport que j’ai pratiqué de nombreuses années, les majorettes, j’ai proposé à mon club de refondre entièrement leur identité visuelle ainsi que leur site.
La proposition a été acceptée par le Club « Les Bâtons du Castellas », j’ai donc pu associer mon projet de cours à un véritable commanditaire.
« Le détail n’est pas un détail, c’est un design. »
BOOST MY PASSION ! Voici le nom du projet d’Unité de Formation sur lequel j’ai travaillé tout au long de l’année pour une livraison du site en Mai 2020.
1ère PLANCHE GRAPHIQUE
C’est à partir de cette première planche graphique que j’ai présenté l’identité visuelle à mes entraîneurs. Je suis partie de rien, seulement à partir de mes connaissances sur le club et mon expérience.
Je me suis tout d’abord penchée sur une planche d’intention graphique afin d’avoir les éléments principaux de ma charte. Dans cette planche, j’y ai donc intégré une palette colorimétrique qui correspond à l’univers du club. L’objectif était d’avoir des couleurs pâles qui correspondent aux attentes de mes entraîneurs. Je me suis ensuite penchée sur la police d’écriture à utiliser pour les titres, la police Comfortaa a été pour moi un choix évident car c’est une typographie sans sérif arrondie qui se marie bien à la douceur des couleurs, la courbe de la danse.
Pour les textes, j’ai favorisé la typographie ABeeZee Regular. C’est une typographie moderne plus droite (comme un bâton) qui crée la différence avec la police titre Comfortaa.
Ces typographies me permettent de rédiger des textes lisibles et aérés. Pour finir, j’ai fait un test de Call to action et de boutons afin de les mettre en évidence. J’ai utilisé mon violet le plus foncé pour les faire ressortir par rapport au fond blanc de mes pages. Pour faire comprendre que le bouton est actif / utilisable, lorsque la souris passe dessus, les couleurs s’inversent et donnent un bouton blanc au contour violet.
Le Web de nos jours est important lorsqu’on souhaite se faire connaître et transmettre les informations nécessaires.
CHistoire
CONTENU & ARBORESCENCE.
Pour mon arborescence, je me suis principalement concentrée sur la page d’accueil. L’objectif était de centraliser le plus d’éléments possible. J’ai également réfléchi de façon à faire un contenu regroupé sur le moins de pages possible. L’objectif est de ne pas saturer mon site avec trop de pages et de minimiser le parcours utilisateur. C’est donc pour cela que j’ai opté pour ce format de 6 pages. Nous avons donc la page d’accueil, la page « A propos » pour me présenter, mes passions et plus particulièrement le sport que j’ai pratiqué jusqu’à maintenant, les majorettes.
Ensuite, nous avons la page « Curriculum Vitae » qui, comme son nom l’indique, présente mes compétences, formations et expériences accompagnés d’un CV téléchargeable. Dans une suite logique, le portfolio présente mes dernières réalisations et stages. J’ai réalisé une page blog afin de donner les dernières actualités de ma formation et de mes parcours professionnels. Enfin découvrez la page contact qui contient mes coordonnées. Les mots-clés ont été travaillés afin de faciliter le référencement.
MAQUETTE.
Je suis ensuite allée sur Adobe XD afin de tester des mises en pages de wireframes et de designs cohérents et intéressants vis-à-vis de ma planche graphique et des nombreuses photos dont je dispose. Cette maquette m’a permis de visualiser comment créer des blocs texte et des blocs image de façon ergonomique et responsive. Je me suis permise de faire un design simple et épuré en utilisant particulièrement l’aplat de couleurs.
RÉFÉRENCEMENT.
Pour référencer le site Internet du club, j’ai entièrement rédigé les contenus avec les URL, balises et métadonnées des différentes pages, ainsi que renommer avec des mots-clés les images. Actuellement, je mets régulièrement à jour les extensions et le site avec du nouveau contenu comme de nouvelles dates, les actualités, des articles de presse… Administratrice du site au sein du club, je gère toutes les modifications et maintenances nécessaires.
CONCLUSION.
Le projet Boost My Passion comptait également un dossier de stratégie de promotion à proposer. Cependant, je m’occupe essentiellement de la mise en place du site Internet pour remplacer l’ancienne version développé sur e-monsite. Sous WordPress avec l’interface de Divi, j’ai proposé au club, en seulement quelques jours, un tout nouveau site à la hauteur de leurs attentes. Quoi de mieux que de combiner ses passions au travail pour des productions de qualité ?