Conception UX : optimisation des parcours utilisateurs
5 juillet 2022
Cette mission consistait à optimiser les parcours utilisateurs du site web de la Confédération Nationale des Junior-Entreprises pour que l’accès aux informations et le processus de dépôt de dossier soit plus fluides.
La mission était de :
M'occuper de la gestion de projet (rédaction du cahier des charges et réunions de suivi)
Analyser les données marketing existantes et les données UX (personas, recherches utilisateurs)
Repenser l'architecture de l'information (arborescence)
Optimiser les parcours utilisateurs (scénarii, flux)
Créer les maquettes du site et de livrer un prototypage
Aider à l’intégration du contenu en collaboration avec le développeur
INFORMATIONS PRATIQUES
Présentation de la mission d’UX/UI Design
Contexte de la mission
Le site web CNJE présente le concept de la Junior-Entreprise et permet d’accéder à une plateforme de dépôt de dossier pour les professionnels qui souhaitent démarrer un projet avec une Junior-Entreprise.
La CNJE souhaitait une refonte de son site web pour qu’il soit accessible aux professionnels et aux étudiants.
Besoins client
Augmenter le nombre de projets déposés sur le site.
Promouvoir le concept de la Junior-Entreprise auprès des professionnels et faciliter le dépôt et le suivi d’un dossier.
Inciter les étudiants à créer ou adhérer à une Junior-Entreprise.
Objectifs du projet
Améliorer l'expérience utilisateur en simplifiant les parcours pour chaque cible
Augmenter le taux de conversion
Rendre le dépôt d’un projet intuitif et rapide
Inciter à la consultation des savoir-faire des Junior-Entreprises
Outils utilisés
Figma
Notion
Wordpress
PROCESS
Processus de conception pour la refonte du site web
Gestion de projet
Nous avons commencé le projet par une réunion de kick-off et ensuite :
J'ai organisé le suivi des réunions projet entre tous les collaborateurs et le client.
J’ai rédigé le cahier des charges fonctionnel et le cahier des charges technique en collaboration avec le développeur. Dans le cahier des charges nous avons détaillé toutes les fonctionnalités et les choix techniques en prenant en compte les plannings, les délais et les coûts du projet.
J’étais en charge d’animer les réunions de suivi et de mettre à jour le cahier des charges qui évoluait tout au long du projet pour assurer un travail itératif consultable par toutes les parties prenantes.
Conception et prototypage
Recueil des données fournies par le client :
Personas
Analytics
Contenus
Illustrations / Photographies
Charte graphique
Architecture de l’information :
Brainstorming du contenus déjà existant
J’ai animé un atelier tri de cartes
J’ai crée l’arborescence du site web
Création de parcours utilisateurs fluides :
J’ai analysé et croisé les données pour créer des parcours utilisateurs fluides
J’ai schématisé tous les flux du site web
J’ai crée des scénarios de parcours utilisateurs
Prototypage en mode itératif :
J’ai pensé tout le design en fonction des recherches précédentes.
J’ai proposé des wireframes HD en version desktop et mobile
J’ai mené chaque réunion de présentation de maquette pour travailler en mode itératif et faire valider chaque maquette au fur et à mesure de l’avancée du projet.
J’ai proposé un focus sur le workflow de dépôt de dossier
J’ai proposé plusieurs versions de certaines maquettes.
J’ai effectué avec le client un recettage sur la maquette interactive complète du futur site web.
Intégration et développement :
J’ai travaillé en collaboration avec le développeur tout au long du projet pour adapter la maquette sur certains points bloquants au niveau technique.
J’ai participé à l’intégration du contenu une fois la structure du site web développée.
RÉSULTATS
Site web de la CNJE livrée clé en main
Après un recettage complet du site en pré-production, nous avons livré à la CNJE leur site web.
Avec le développeur, nous avons fait un suivi sur 2 mois pour rectifier des bugs éventuels.
J’ai livré des vidéos tutorielles pour la prise en main du site web et savoir comment intégrer du contenu de blog.
Chaque client est propriétaire de son site web et est libre d’y apporter des modifications et/ou des suppressions.
J’expose ici mon travail à un instant T sans être responsable des changements visibles en ligne actuellement.
