Projets pour Lelivrescolaire.fr
🏫 Contexte
Lelivrescolaire.fr est un éditeur scolaire innovant qui conçoit des manuels collaboratifs et des outils pédagogiques numériques pour le primaire, le collège et le lycée.
L’entreprise mise sur le numérique éducatif pour faciliter l’apprentissage et accompagner enseignants comme élèves, avec une forte attention portée à l’accessibilité et à la simplicité d’usage.
L’entreprise mise sur le numérique éducatif pour faciliter l’apprentissage et accompagner enseignants comme élèves, avec une forte attention portée à l’accessibilité et à la simplicité d’usage.
🧩 Organisation de l’équipe produit
L’équipe produit est structurée autour d’un binôme Product Manager / Product Designer, en lien étroit avec les développeurs front et back, le support client et les équipes métier (éditorial, communication).
Pages d'ouvertures pour les méthodes de maths et français CE1 / CE2
J'ai conçu quatre espaces numériques pour accompagner les enseignants du primaire dans l’usage des méthodes de français et de mathématiques aux niveaux CE1 et CE2
Chaque espace a été pensé comme un environnement immersif et intuitif en reprenant la DA de chaque méthode.
🎯 Objectif : offrir une expérience claire, cohérente et motivante, à la fois fidèle aux identités visuelles des méthodes et adaptée aux usages numériques en classe.
J’ai repris les univers visuels, conçu les maquettes sur Figma puis les animations sur RIVE, structuré les sommaires interactifs, et intégré des blocs tutoriels pour faciliter la prise en main.
Les espaces sont consultables ici :
Mon espace 2025 pour lelivrescolaire.fr
Je me suis occupé de la refonte de la page mon espace connecté en reprenant la Direction Artistique déjà établie pour accompagner le lancement des nouvelles fonctionnalités pour la rentrée. Cette page est centrale dans l'expérience utilisateur puisqu'elle sera le point d'entrée principal après connexion pour tous les utilisateurs : prof gratuit connecté, prof abonné prof', prof abonné classe et élèves.
✍️ Problématique du sujet : comment concevoir un espace connecté qui soit à la fois un point d’entrée fluide et cohérent pour tous les utilisateurs et un levier stratégique d'upsell ?
🎯 Objectifs :
P1 (PRIORITAIRE) : Parcours utilisateur cohérent entre le site et les apps avec un espace connecté performant (qui répond aux besoins prioritaires identifiés pour chaque typologie d’utilisateurs)
P2 (SECONDAIRE) : Parcours d'upsell ciblés (à envisager mais pas à développer)
P3 (TERTIAIRE) : Communication marketing ciblée à prévoir pour une future évolution
🎯 Objectifs :
P1 (PRIORITAIRE) : Parcours utilisateur cohérent entre le site et les apps avec un espace connecté performant (qui répond aux besoins prioritaires identifiés pour chaque typologie d’utilisateurs)
P2 (SECONDAIRE) : Parcours d'upsell ciblés (à envisager mais pas à développer)
P3 (TERTIAIRE) : Communication marketing ciblée à prévoir pour une future évolution
🧑🏫 Typologies d'utilisateurs et flows
Pour les wireframes, j’ai choisi de me concentrer sur l’utilisateur abonné classe, car c’est le profil le plus riche en fonctionnalités. Il donne accès à l’ensemble des blocs de l’interface : gestion des classes, suivi des élèves, accès aux manuels achetés…
J’ai commencé par un wireframe basse fidélité. Il m’a permis de prioriser les informations selon leur importance pour l’utilisateur, d’organiser l’espace, et d’anticiper les parcours. Cette étape a été essentielle pour structurer l’expérience UX.
Enfin, j’ai réalisé un wireframe haute fidélité en reprenant la direction artistique de Lelivrescolaire.fr, afin de projeter l’utilisateur dans une interface plus concrète.
Voici les interfaces pour les autres utilisateurs dans l'ordre :
• Prof gratuit connecté
• Prof abonné classe
• Élève (abonné prof'/classe)
• Prof abonné classe
• Élève (abonné prof'/classe)
Pour faciliter le travail des développeurs, chaque maquette a été annotée, avec des guidelines sur les interactions, les états des composants et les logiques conditionnelles liées aux droits utilisateurs.
J’ai également structuré l’interface en sections distinctes, correspondant à chaque bloc fonctionnel (accès aux manuels, classes, activités, etc.), afin de modulariser la conception et permettre une intégration plus fluide et évolutive.
Connect & inscription
J’ai repensé l’expérience d’inscription et de réinitialisation de mot de passe pour les utilisateurs du site lelivrescolaire.fr, en l’intégrant directement dans l’environnement Connect.
🎯 Objectif : proposer un parcours fluide, accessible depuis n’importe quelle page du site, en supprimant la dépendance à la page marketing externe.
Cette refonte améliore l’autonomie des utilisateurs, tout en renforçant la cohérence technique et visuelle entre les différentes plateformes.
Voici un échantillon de pistes graphiques explorées.
La dernière piste a finalement été validée et retravaillée pour convenir aux flows de connexion et d'inscription. Les écrans s'articulent autour des codes visuels du nouveau site Webflow ainsi que les composants du Design System pour maintenir la cohérence de l'expérience globale.
Sur la version desktop du flow d'inscription, j'ai ajouté une animation au délai et au clic pour passer d'un témoignage à un autre afin d'avoir un élément de réassurance fort. L'animation n'est pas présente sur les versions tablettes et mobiles.
Design System
J’ai participé à l’évolution du Design System de lelivrescolaire.fr, en appliquant une approche Atomic Design pour garantir la cohérence et la réutilisabilité des composants sur l’ensemble des interfaces.
Mes contributions principales :
· Création et optimisation de composants Figma (boutons, formulaires...) selon une logique atomique : atoms, molecules, organisms.
· Refonte et standardisation d’éléments structurants comme le footer, la navbar et le sommaire interactif, en collaboration avec les développeurs pour assurer leur implémentation technique.
· Documentation des composants et échanges réguliers avec les Product Managers et les développeurs pour garantir l’alignement produit / design / tech.
