Design d’une plateforme d’appel à projets
Le Brief
Design d’une plateforme pour la Cosmetic Valley
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 ou tapotez sur l’image pour découvrir la landing page.
Spécifications
Client : Cosmetic Valley
Points importants
Site épuré et moderne
Ergonomie
Cible très large
Outils utilisés
XD
Pour la création de la maquette
Photoshop
Pour retravailler les photos
Les principales difficultées
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.
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 :
– Une barre de progression permettant de savoir où l’internaute se situe dans le remplissage du questionnaire.
– 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.
