Front-End UI & UX Design Wordpress

MH Com’Unique

Agence : Pistil Studio

Responsabilités : UI & UX Design, Motion Design, Front-End Dev

Année : 2017


Le challenge

MH COM’UNIQUE est une agence avec deux activités :

– Conseil en communication, spécialisée dans la prévention des risques professionnels et plus particulièrement dans la prévention du risque routier (conseil, formation, sensibilisation, communication).

– Formation, en sous-traitance pour des organismes de formations
Interventions : éco-déplacement, prévention des risques routiers, intervenants de sécurité routière en entreprise, technique du mode projet, prise de parole en public, communication sociale et sociétale, etc.

Afin d’accompagner la nouvelle charte graphique de l’agence, j’ai été en charge de la création du site web, en collaboration avec Dreyan.

Mon approche

Après une recherche d’inspirations, un style graphique a été vite choisi naturellement : épuré, et clair afin de s’attarder sur le contenu de son site, sans être distrait. Ce choix rappelle notamment la rigueur et l’espace qu’on utilise pour un CV.

L’idée principale était de séparer le site en 2 sections, pour ses 2 activités : formation et prévention.

On choisi ainsi l’activité qu’on souhaite à l’arrivée sur le site, afin de voir le détail d’une activité et choisir une référence liée à celle-ci.
Afin de représenter chacune des activités et les différencié, une couleur est attachée à une activité : le noir pour la prévention, et le jaune pour la formation. Une icône est présente sur chacune des activités, permettant d’imager sur quelle section l’utilisateur se trouve, lui permettant également de changer de section rapidement.