Retour au portfolio
Formation OpenClassrooms — RNCP 6

Projets UX Design

8 projets professionnalisants réalisés en conditions réelles. Pour chacun : contexte, problématique, étapes, outils utilisés et résultats obtenus.

Projet 2 100h
Service de réservation de billets de train — nouveau service à concevoir

Étude utilisateurs

Comment comprendre les attentes réelles des voyageurs avant de concevoir le service ?

Étapes
  • Définition du protocole de recherche
  • Recrutement des participants
  • Entretiens semi-directifs (×5)
  • Dépouillement et codage thématique
  • Construction des personas
  • Cartographie du parcours utilisateur
  • Présentation des insights
Outils
Notion (guide d'entretien)Miro (affinity map)Figma (personas, user journey)
Résultats

3 personas documentés, 1 user journey map complète, 8 insights actionnables livrés à l'équipe produit.

UX ResearchEntretiensPersonasUser Journey Map
Projet 3 70h
Site internet d'un hébergement touristique — expérience utilisateur dégradée

Audit ergonomique

Quels sont les freins à la réservation sur le site actuel ?

Étapes
  • Analyse heuristique (10 critères de Nielsen)
  • Tests de navigation observés
  • Benchmark concurrentiel
  • Priorisation des problèmes (matrice gravité/fréquence)
  • Rédaction des recommandations
  • Présentation client avec plan d'action
Outils
Figma (captures annotées)Miro (benchmark)Notion (rapport)
Résultats

22 problèmes identifiés, 14 recommandations priorisées, rapport livré avec maquettes d'amélioration.

Audit UXHeuristiques NielsenFigmaLivrables clients
Projet 4 60h
Entreprise souhaitant optimiser l'expérience autour du café

Atelier de co-conception

Comment impliquer les parties prenantes dans la conception d'un nouveau parcours ?

Étapes
  • Cadrage et définition des objectifs
  • Conception du déroulé (2h)
  • Animation de l'icebreaker
  • Phase d'idéation — How Might We
  • Dot voting et priorisation
  • Prototypage rapide papier
  • Restitution et plan de suite
Outils
Miro (tableau collaboratif)Post-its (en présentiel)Whimsical (synthèse)
Résultats

12 idées générées, 3 concepts retenus, roadmap produit co-construite avec les participants.

Design ThinkingFacilitationMiroIdéation
Projet 5 70h
École de cuisine souhaitant développer son offre digitale

Promesse de service

Comment aligner vision business et attentes utilisateurs avant de concevoir ?

Étapes
  • Analyse du contexte business (Business Model Canvas)
  • Recherche utilisateur secondaire
  • Cartographie du parcours existant
  • Définition de la promesse de valeur
  • Brief UX structuré
  • Feuille de route priorisée
Outils
Miro (mapping)Notion (brief)Figma (parcours cible)
Résultats

Brief UX complet, feuille de route à 3 horizons, recommandations validées par le client.

Brief UXLean UXBusiness ModelUX Mapping
Projet 7 110h
Projet UX en collaboration avec une équipe de développement

Dans la peau d'un développeur

Comment le designer peut-il mieux anticiper les contraintes techniques ?

Étapes
  • Analyse des contraintes techniques
  • Apprentissage des bases no-code (Glide, Dorik)
  • Atelier de cadrage avec les développeurs
  • Création d'un prototype no-code fonctionnel
  • Tests utilisateurs sur le prototype
  • Handoff documenté
Outils
Glide (no-code)Figma (maquettes)Notion (documentation handoff)
Résultats

Prototype fonctionnel livré, documentation handoff complète, réduction des allers-retours de 40%.

HandoffNo-codeCollaboration techAgile
Projet 8 80h
Refonte d'un site ou application — structure à repenser

Architecture d'information

Comment organiser l'information pour que les utilisateurs trouvent ce qu'ils cherchent ?

Étapes
  • Inventaire de contenu
  • Tri par cartes (card sorting) — 8 participants
  • Analyse des clusters
  • Définition de l'arborescence cible
  • Wireframes basse fidélité
  • Tests de navigation (tree testing)
Outils
Optimal Workshop (card sorting)Figma (wireframes)Miro (arborescence)
Résultats

Arborescence validée par les tests, 12 wireframes livrés, taux de succès navigation +35%.

IACard SortingWireframesFigma
Projet 9 60h
Application mobile — conception d'un PMV

Prototype application mobile

Comment concevoir une interface mobile ergonomique et testable rapidement ?

Étapes
  • Analyse des spécificités mobile (gestes, formats)
  • Création des wireframes mobile
  • Application des principes Material Design
  • Prototype cliquable haute fidélité sur Figma
  • Tests utilisateurs sur le prototype
  • Itération post-tests
Outils
Figma (prototype HF)Material Design guidelinesMaze (tests)
Résultats

Prototype validé en 2 itérations, 5 utilisateurs testés, taux de complétion des tâches : 88%.

FigmaPrototype HFMaterial DesignMobile UX
Projet 10 60h
Association souhaitant améliorer son site à partir de données de navigation

Données analytiques

Comment interpréter les données analytics pour prendre des décisions de design ?

Étapes
  • Audit des données existantes (GA4)
  • Analyse heatmaps et scrollmaps
  • Mise en place d'un A/B test
  • Croisement données quantitatives / qualitatives
  • Data-visualisation des résultats
  • Recommandations priorisées
Outils
Google Analytics 4Hotjar (heatmaps)Figma (data-viz)
Résultats

3 pages clés optimisées, taux de rebond réduit de 22%, rapport data-viz livré à l'équipe.

AnalyticsHeatmapA/B TestData-visualisation