Construire un écosystème EdTech pour 500 000 élèves
Comment nous avons transformé un fabricant de matériel en plateforme logicielle moderne
Pendant six ans chez UNOWHY, j'ai dirigé la transformation design d'un launcher Android vers une suite de 7+ applications web utilisées par les lycéens et enseignants de 465 établissements en Île-de-France. C'est l'histoire de pivots stratégiques, de design centré utilisateur, et de la construction d'un design system qui passe à l'échelle.
Victor a joué un rôle clé dans notre transformation design. Il a construit l'équipe, établi notre design system, et apporté la rigueur nécessaire pour passer d'un produit à un écosystème entier. Sa capacité à équilibrer vision stratégique et exécution concrète a été essentielle à l'évolution de SQOOL.
Charlotte Rifflet
CPO @ UNOWHY
Type
Design Produit, Design System
Scope
Écosystème EdTech
Period
2018-2024
Company
UNOWHY / SQOOL
Le Contexte
Un déploiement massif, un nouveau défi
Début 2019, la Région Île-de-France s'associe à UNOWHY pour le programme "Lycée Numérique". L'objectif : équiper chaque élève et enseignant des 465 lycées d'un appareil personnel - soit 500 000 tablettes et PC déployés à la rentrée 2019.
La suite SQOOL existante (2015-2018) était conçue pour un autre monde : tablettes partagées sur chariots, enseignants utilisant des apps lourdes en C++, élèves enfermés dans un launcher Android personnalisé. Rien de tout ça ne fonctionnerait pour des appareils personnels utilisés en classe et à la maison.
Le Défi
Concevoir un nouvel écosystème logiciel qui fonctionne sur Android et Windows standard, accessible depuis n'importe quel navigateur, tout en concurrençant les plateformes gouvernementales (ENT) déjà utilisées par les établissements.
Mon Rôle
J'ai rejoint UNOWHY comme Senior UX/UI Designer en 2018, suis devenu Design Lead en 2020, puis Product Lead en 2023. J'ai recruté et managé une équipe de 5 designers, co-piloté la stratégie produit avec le CPO, et construit le design system qui unifie toute la suite.
Parcours de transformation
6 ans d'évolution produit et design
Fondation Legacy
L'ère monolithique
Trouver notre voie
Exploration web-first
Pivot stratégique
Simple, Fluide, Magique
Livraison de la suite
Applications spécialisées
Cliquez sur une phase pour voir les détails
Phase 1 : Trouver notre place
2019-2020Nous devions prouver que des outils web pouvaient fonctionner pour l'éducation. Deux projets ont orienté notre direction :
Hi-SQOOL : Une nouvelle identité pour les élèves
Notre premier défi était de créer une plateforme pour les élèves. À travers des entretiens avec des lycéens, nous avons découvert qu'ils voulaient quelque chose qui se démarque des outils institutionnels qu'on leur imposait.
Hi-SQOOL est devenu un sprint de 6 semaines pour designer une nouvelle identité de marque et une app web centralisant les activités des élèves : chat, documents, emplois du temps, contenus pédagogiques. Nous avons validé notre approche web-first, même si l'adoption a été limitée par des conflits politiques avec les ENT existants.
Résultat : Mise en place d'un nouveau système d'authentification et de stockage cloud qui sont devenus les fondations des futures apps.
Connect : Le dashboard qui nous a appris à pivoter
En 2020, avec le COVID, nous avons réalisé que nos apps ne retenaient pas les utilisateurs. Sans launcher natif, les gens n'avaient aucune raison de penser à SQOOL. Nous avons conçu Connect - un prototype de vision pour un dashboard unifié qui serait le point d'entrée de tout.
Nous avons construit un prototype React fonctionnel avec un concept innovant appelé "La Bulle" - un menu flottant persistant pour les actions rapides. Le prototype a prouvé que la technologie fonctionnait.
Mais il a aussi révélé un défaut fatal : un dashboard dense serait en concurrence directe avec les ENT. Nous construisions quelque chose que les établissements avaient déjà.
Résultat : Le prototype non livré a été notre livrable le plus précieux. Il nous a donné les preuves pour nous arrêter et changer de direction.
Phase 2 : Le pivot stratégique
2021Au lieu d'une grande plateforme, nous avons décidé de construire des apps ciblées qui font une seule chose bien.
Une nouvelle vision : Simple, Fluide, Magique
J'ai travaillé avec la direction produit pour définir une nouvelle direction. Nous avons écrit un manifeste partagé à toute l'entreprise : les apps SQOOL doivent être simples à comprendre, fluides à utiliser, et magiques dans les moments qui comptent.
Cela signifiait éliminer la complexité. Chaque app résoudrait un problème clair. Si les enseignants devaient partager des fichiers, ils utiliseraient SQOOL Partage. S'ils devaient voir ce que faisaient les élèves, ils utiliseraient SQOOL Classe. Plus question d'essayer d'être tout à la fois.
Construire le système de marque SQOOL
Une suite d'apps a besoin d'une identité partagée. J'ai conçu le nouveau système visuel SQOOL : logos pour chaque app, une palette de couleurs qui les distingue tout en les gardant dans une même famille, et des patterns d'interaction cohérents partout.
Nous avons travaillé avec l'agence Fllow pour affiner la marque. Le résultat : un système qui peut passer à l'échelle pour 7+ apps tout en maintenant la reconnaissance.
Couleurs primaires
Blue Dodger, Text Primary et Marine - palette de base
Couleurs par app
Couleurs signature pour Classe, Applications, MDM et Partage
Bibliothèque de dégradés
Dégradés bleu, orange et violet avec valeurs hex
Logo SQOOL Partage
Variations du logo sur fonds blanc, sombre et bleu
Icône Paramètres
Icône engrenage sur fonds clair, sombre et dégradé
Page Communauté
Design de la landing page Communauté SQOOL
SQOOL Extend
Branding de l'extension bureau cloud
SQOOL Protect
Branding de l'app sécurité et protection
Catalogue Applications
Interface web de navigation des apps éducatives
Launcher Android
Écran d'accueil tablette avec dock d'icônes
Réinitialisation mot de passe
Design du composant formulaire d'authentification
Hub Apps
Landing page avec toutes les cartes d'apps SQOOL
Variations des logos
Logos des apps sur fonds sombre, clair et dégradé
Launcher Desktop
Grille complète d'apps sur tablette avec écosystème
App Switcher
Menu dropdown de navigation rapide
Le Design System comme infrastructure
Avec plusieurs équipes construisant différentes apps, la cohérence est devenue critique. J'ai architecturé nos bibliothèques Figma et établi la documentation sur ZeroHeight. L'objectif : n'importe quel designer peut commencer un nouvel écran et avoir tous les composants nécessaires.
Nous avons mis en place des syncs design hebdomadaires et des revues QA pour garder tout le monde aligné. Quand vous utilisez SQOOL Classe, puis passez à SQOOL Partage, ça ressemble à la même famille de produits.
Phase 3 : Livrer la suite
2022-2024Avec notre stratégie définie et le design system en place, nous avons construit et lancé les apps spécialisées :
SQOOL Classe
Supervision de classe
Les enseignants voient chaque écran d'élève en temps réel. Ils peuvent verrouiller les appareils, pousser du contenu, et gérer l'attention sans quitter leur bureau. Nous avons appris que les enseignants ne veulent pas de surveillance - ils veulent se sentir en contrôle de leur classe.
SQOOL Partage
Partage de fichiers
Glisser-déposer pour partager des fichiers avec une classe. Plus de clés USB, plus de pièces jointes par email. Nous l'avons conçu pour être aussi simple qu'AirDrop, mais pour les salles de classe.
SQOOL Applications
Découverte d'apps
Un catalogue d'apps éducatives. Les enseignants parcourent, les admins IT déploient via le MDM. Nous avons pivoté de construire un "app store" vers être un front-end de découverte.
SQOOL MDM
Gestion d'appareils
Les administrateurs IT gèrent 500 000 appareils : politiques de sécurité, déploiements d'apps, dépannage à distance. Nous avons séparé cette complexité des outils pour enseignants.
SQOOL Protect
Contrôle parental
Les parents définissent des limites de temps d'écran pour les soirs et week-ends. Appairage par QR code, configuration en 3 minutes. Livré en 3 mois sur des milliers d'appareils.
SQOOL Extend
Bureaux virtuels
Des logiciels lourds sur des appareils légers. Les élèves accèdent à des bureaux Windows virtuels avec des outils professionnels installés. Nous avons conçu des séquences de chargement qui réduisent le temps d'attente perçu.
Ce que nous avons appris des utilisateurs
Patterns qui ont orienté nos décisions design
Les enseignants ne collaborent pas en temps réel
Nous avons testé Canvas, un tableau blanc collaboratif (comme Figma). Les enseignants l'ont rejeté. Ils veulent préparer du contenu, le distribuer, collecter les travaux, puis noter. Séquentiel, pas simultané.
La simplicité bat les fonctionnalités
Chaque fois que nous ajoutions des options, l'adoption baissait. Les apps qui marchaient avaient moins d'écrans et des chemins plus clairs.
Designer pour le WiFi instable
Les réseaux scolaires sont peu fiables. Nous avons intégré une dégradation gracieuse partout - les apps montrent un statut clair hors ligne, pas des erreurs cryptiques.
La cohérence construit la confiance
Quand les enseignants passent d'une app à l'autre, ils ne veulent pas réapprendre les interfaces. Notre design system a payé en confiance utilisateur.
Impact
En six ans, nous avons transformé un fabricant de matériel en plateforme SaaS moderne. L'approche design a permis de passer à l'échelle sur plusieurs produits tout en maintenant la cohérence.
500 000+
Élèves & enseignants servis quotidiennement
465
Lycées équipés en Ile-de-France
7+
Applications web livrées
5
Designers recrutés & managés
Apprentissages clés
1. Les prototypes peuvent valoir plus que les produits
Connect n'a jamais été livré, mais c'était notre projet le plus important. Il a prouvé que notre technologie fonctionnait et nous a montré pourquoi notre stratégie était fausse.
2. Séparer le produit a été le plus grand gain UX
La décision de construire des apps ciblées au lieu d'une plateforme a réduit la complexité plus qu'aucune refonte d'interface n'aurait pu le faire.
3. Le design system, c'est la gouvernance, pas les composants
Le difficile n'est pas de construire une bibliothèque de boutons. C'est d'amener 30+ développeurs sur 5 équipes à l'utiliser de manière cohérente.