Repères projet
- Rôle
- Direction produit, UX/UI, UX pédagogique, architecture de contenu, design system, structuration du hub de formation et intégration Front-End
- Livrables
- Landing page, hub de formations, fiche programme exemple, composants de progression, filtres catalogue, ressources pédagogiques, maquettes UI et premiers repères de design system
- Technologies
- Next.js, TypeScript, Tailwind, Sass, design system, architecture de contenu, contenus pédagogiques, Figma, ChatGPT, Codex
- Cadre
- Prototype e-learning en cours de développement
Lecture du projet
Contexte
LearnIt est un produit numérique e-learning en cours de construction porté par REKODE. La maquette actuelle pose les bases d'une plateforme capable d'accueillir plusieurs domaines de formation ; le parcours création web y sert aujourd'hui d'exemple.
Objectif
Donner une forme lisible à une première vision produit : présenter la promesse, structurer un hub, détailler un parcours type, poser une UX pédagogique et préparer une architecture de contenu extensible avant le développement complet.
Approche
Le travail s'est concentré sur une maquette de démonstration construite comme un produit : hero, indicateurs de progression, hub de formations, fiche programme exemple, premiers liens vers d'autres domaines et composants réutilisables.
Décisions de conception
Penser l'interface comme un produit évolutif plutôt qu'une simple page de présentation : hub, cartes de parcours, progression, fiche programme, catégories, architecture de contenu et base de design system.
Technologies
Next.js, TypeScript, Tailwind, Sass, design system, Figma, ChatGPT et Codex.
Résultat
Une base de produit numérique e-learning modulaire, prête à accueillir de nouveaux domaines, parcours et écrans.
Retour d'expérience
LearnIt confirme l'intérêt de travailler très tôt l'architecture de contenu, l'UX pédagogique et les composants de design system, même avant que toutes les fonctionnalités produit soient finalisées.