Cosmetic Valley

Client : Cosmetic Valley

Créations : Maquette d’une plateforme d’enregistrement de projets

Le Brief

La Cosmetic Valley souhaitait mettre en place une plateforme d’appel à projet.
Les différents participants devaient pouvoir se connecter, remplir un formulaire détaillé sur leur projet et mettre celui-ci à jour celui-ci via leur compte.

La charte graphique de la Cosmetic Valley a été utilisée.

Passez la souris sur la page pour la faire défiler.

webdesign de la home page

Les principales difficultés

une cible large

Elle regroupait des universitaires et des industriels dans des secteurs très différents allant du sourcing végétal à l’IA en passant par la biologie cutanée ou les matériaux. Le point commun entre tous ces domaines étant les applications en cosmétique.

Il ne fallait donc pas avoir un design trop basé sur la cosmétique ou la technologie au risque de perdre des internautes pensant que la plateforme n’est pas adaptée à leur activité.

Pour cela, il y a dès l’arrivée sur la page des photos pouvant représenter tous ces domaines d’activité. Des pictogrammes ont aussi été utilisés.

Maquette dashboard

Ces pictogrammes sont d’ailleurs repris dans plusieurs sections de la plateforme, comme par exemple, la liste des projets du tableau de bord.

Un questionnaire trèÈÈÈÈÈÈÈs long

Pour ne pas perdre l’utilisateur, plusieurs éléments ont été mis en place :

maquette formulaire
L

Une barre de progression permettant de savoir où l’internaute se situe dans le remplissage du questionnaire.

L

La possibilité d’enregistrer le formulaire et de revenir le compléter est bien explicite avec le texte « enregistrer et passer à l’étape suivante » au lieu d’un simple « suivant ».

Deux langues sur le même formulaire.

On ne devait pas créer deux questionnaires différents.

De nombreux champs du questionnaire étaient des champs à choix multiples. J’ai donc décidé d’utiliser des fontes différentes pour les textes français et l’anglais. 

Lorsque l’internaute est invité à entrer du texte, les champs à remplir en français ne seront pas de la même couleur que les champs à remplir en anglais. 

 

Ainsi l’oeil apprend rapidement où se diriger sur le formulaire et va vite aller directement sur la bonne langue.

formulaire en français et en anglais