Refonte site écologique - CREPAQ - UX design

Ce projet est tout à fait personnel, je l'ai choisi pour valider un diplôme. Ayant des convictions écologique, j'ai souhaité mettre en œuvre mes compétences au service d'un projet qui aurait un impact fort.

L'écologie est au cœur des préoccupations actuelles. Il est important de pouvoir informer facilement les utilisateurs, novices ou entreprises. Si ces utilisateurs souhaitent effectuer un tournant dans leur position écologique et entrer dans une transition il est important de trouver les informations facilement.

C'est pourquoi, j'ai choisi de travailler sur la refonte du site de CREPAQ. Pour cela j'ai voulu améliorer l'architecture des informations autour de l'expérience utilisateur. Le site original est brouillon et les informations sont difficiles d'accès. Il m'a paru important de mettre en avant la page de don et de créer de l'interaction entre le site et l'utilisateur grâce à call to action installés à des endroits stratégiques permettant de s'inscrire à la newsletter et de faire un don.

J'ai également revu le design du site afin d'offrir un expérience agréable à l'utilisateur.

Le site initial étant assez brouillon, j'ai choisi de retravailler l'arborescence du site afin de le rendre plus clair.

Il a donc fallu revoir toute l'architecture de ce site. Il y a avait beaucoup de pages, certaines ne comportant pas assez de textes pour les rendre lisible, d'autres avec beaucoup d'informations disparates qui n'avaient pas toujours de liens. En retravaillant l'architecture cela a permis de "ranger" les informations et créer des sous ensemble afin que l'utilisateur ne soit plus perdu.

Il était important de mettre en avant dans le menu certaines pages comme la page de demande de dons. Il faut que cette dernière soit facilement accessible. C'est pourquoi dans la refonte du site écologique, cette page est mise en avant dans le menu et trouve sa place facilement sur toutes les pages. L'utilisateur doit pouvoir s'y rendre à tout moment.

Elle est donc également mis en première ligne sur la page d'accueil dans le tout premier call to action présent sur la première image.

J'ai créer un formulaire pour prendre contact avec l'association. Il permet de créer de l'interaction entre l'utilisateur et l'association. Il faut que l'utilisateur se sente investie, capable de réagir, prendre contact, et avoir l'impression de faire partie de cette transition.

Jusque là les pages importantes étaient noyées au milieu des informations du site. Il était indispensable de les faire ressortir dans le menu et de les rendre accessible à tous les niveaux.

Pour mettre en valeur l'aspect écologique, j'ai travaillé sur des camaïeux de vert et de bleu qui sont des couleurs représentant la nature. J'ai créé des dégradés entre ces deux couleurs qui représente à la fois le ciel et la nature.

Le logo reprend des formes plus douces et plus rondes pour reprendre la douceur de la maternité de la mère de la terre GAYA. Je voulais jouer sur des inversement entre le ciel et la terre pour montrer que le tout forme notre planète peut importe sur quoi repose nos fondements. Il faut que l'on garde à l'esprit que ce qui est important c'est de protéger la terre, notre planète.

J'ai choisi des éléments reprenant les feuilles pour finir de mettre en avant l'aspect écologique. Le P représente le lien entre le ciel et la terre, il est comme un arbre dont les feuilles s'envolent vers le ciel. Encore une fois j'ai travaillé sur un inversement des éléments car le logo repose sur du bleu, le P faisant la transition entre le ciel et la nature représenté par ses feuilles tel un arbre.

J'ai choisi un bleu qui représente le ciel pour jour de beau temps, il est assez sombre afin de mettre en valeur le vert anis utilisé pour les lettres CREAQ. Ces deux couleurs ensemble donne un aspect écologique et naturel.

Aujourd'hui Google prend en compte les sites qui sont responsive. Il est donc important de prendre en compte ce facteur dans la refonte du site. Pour être sur que le site soit adaptable sur tous les formats, j'ai choisi de travailler avec un template wordpress. J'ai utilisé SiteOrgine afin de mettre en place les différents éléments.

Il est important que toutes les pages soient lisibles sur mobile puisqu'il est bien reconnu qu'aujourd'hui un site est principalement consulté depuis le mobile. Le format tablette est également inclue.

La page contact et la page de don doivent principalement fonctionner sur tous les écrans. Pour inviter les utilisateurs a s'investir dans la transition écologique il faut leur montrer les pages importantes et qu'ils n'aient pas à chercher les informations même si ils se trouvent sur mobile.

Tu as un projet dont tu veux parler ? C'est par ici ->

J'aime beaucoup travailler sur des sites écologique, c'est un sujet qui me tient particulièrement à cœur. Il me parait important de mettre en avant les processus écologique et les dangers que court notre planète afin sensibiliser la population. Notre planète court un grave danger et par cela c'est toute notre civilisation qui court à sa perte si nous n'agissons pas rapidement. Si tu as un projet à forte valeur, n'hésite pas à me contacter, je suis toujours disponible pour des projets qui cherchent à améliorer le monde dans lequel nous vivons.

Et tu peux aussi venir discuter sur linkedIn, me retrouver sur Instagram ou sur Facebook !

<- Tu veux retourner à l'accueil ?

Refonte d’un site écologique

Brief et domaine d'intervention pour la refonte d'un site écologique

Le projet de refonte d'un site écologique

Le brief pour une refonte d'un site écologique

Refonte du site écologique

Arborescence

Eléments graphique pour la refonte du site écologique - le logo

Eléments graphique pour la refonte du site écologique - les images

Refonte d'un site : le rendre responsive

Ici ou ailleurs !