[Product Design - Refonte d'un Website existant]
lastation
deski.com
Le site de réservation spécialisé dans les séjours à la montagne.
Projet fictif, réalisé dans le cadre d'une formation UX avec Openclassrooms.
Aucun partenariat n'a été établi avec lastationdeski.com.
L’objectif
L’objectif de ce projet est d’identifier les problèmes de conception dans le parcours utilisateur, de proposer des recommandations et de prototyper un MVP qui optimise l’UX, sur mobile dans un premier temps.
La mission
- Evaluation heuristique et tests d’utilisabilité
- Benchmark concurrentiel
- Conception UX/UI
Compétences
- Audit UX
- Animation d’atelier d’idéation
- Prototypage
- UI Design
Outils
Miro
Figma
Photoshop
Illustrator
Le processus
de conception
Empathie
- Evaluation heuristique
- Tests d’utilisabilité
Définition
- Analyse Feedback
- Recommandations UX
Idéation
- Atelier de co-conception
- Définition du MVP
Prototype
- UI Kit
- Wireframes Hi-Fi
Tests
- User tests “Guerilla”
- Questions ouvertes
Empathie
& Définition
Pour cet Audit, j’ai procédé à une évaluation heuristique selon la grille de Nielsen qui a permis d’identifier les points gênants ou bloquants.
Des tests d’utilisabilité, menés auprès de 5 utilisateurs, sont venus compléter cette évaluation et ont confirmé les pain points identifiés.
Un Benchmark concurrentiel a été réalisé ensuite afin de faire des recommandations en cohérence avec les bonnes pratiques du secteur.
Pain points & recommandations
Chaque pain point identifié pendant l’évaluation et confirmé par les tests utilisateurs est accompagné d’un verbatim, d’une recommandation proposant une solution au problème et d’une bonne pratique concurrentielle.
Idéation
Les pain points identifiés, j’ai réuni la PM et le Lead Dev, pour un atelier d’idéation.
Il avait pour but de :
- Transformer les problèmes en challenge (How might we?)
- Proposer des solutions (Brainwriting)
- Prioriser les idées récoltées (MoSCoW)
- Définir le MVP (Minimum Viable Product) en émettant des hypothèses
Roadmap produit
Sur la base des itérations définies en atelier, j'ai créé la Roadmap produit pour montrer l’approche générale et prioriser les tâches de chacun.
Prototype
& tests
J'ai réalisé les maquettes du MVP en wireframes haute fidélité.
Cinq testeurs en mode “guerilla" ont pu réserver un séjour sur le nouveau parcours de réservation, validant nos hypothèses :
100% de succès sur le parcours
Simplicité et fluidité
Durée moy. : 3 min.
2 à 3 fois plus rapide que le parcours existant
Design
UI Kit
Pour cette refonte j’ai créé un UI Kit en me basant sur la charte graphique existante.
J’ai retravaillé principalement la Typographie, les icons et les composants.
Interface & Démo
Le prototype répond aux objectifs fixés en début de projet, les tests d’utilisabilité ont montré que le parcours de réservation était fluide et rapide, le produit est prêt pour la phase d’implémentation.
Voir le Prototype finalNext steps
2ème et 3ème itération du MVP :
- Information Home page (Suggestions par catégories, offre 18-25, Test stations)
- Menu principal (Dropdown Desktop, libellés)
- Liste des annonces (MAP, Suggestions)
- Descriptif d’une annonce (Galerie, Sumup, Onglets)
