Construire un écosystème EdTech pour 500 000 élèves

En six ans chez UNOWHY, j’ai dirigé le design d’une suite de 7 applications web qui a remplacé un lanceur Android historique, pour 500 000 élèves et enseignants dans 465 établissements d’Île-de-France. Elle est née d’un prototype jamais livré, Connect, et d’un choix : des applications ciblées plutôt qu’une plateforme unique.

Rôle: Product Lead et Design Manager
Périmètre: Écosystème EdTech et design system
Entreprise: UNOWHY / SQOOL

Voir la galerie

« 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 RiffletCPO, UNOWHY

Synthèse

Contexte: La Région Île-de-France a équipé 465 lycées de 500 000 tablettes et PC personnels. La suite SQOOL, conçue pour des tablettes partagées sur chariots, ne convenait plus : il fallait la reconstruire pour des appareils personnels, utilisés en classe et à la maison.
Mon rôle: J’ai rejoint UNOWHY en 2018 comme Senior Product Designer, puis dirigé le design et enfin le produit, avec un siège au Comité de Direction. J’ai recruté et encadré une équipe de 5 designers, co-piloté la stratégie produit avec la CPO et construit le design system de toute la suite.
Direction du designHead of Design, puis Product Lead
Équipe design5 designers
Stratégie produitCo-pilotée avec la CPO
Marque et design systemFigma et ZeroHeight
Réalisations et livrables: SQOOL Classe
Supervision de classe en temps réel : l’enseignant voit chaque écran, verrouille les appareils et pousse du contenu.
SQOOL Partage
Partage de fichiers en un geste, aussi simple qu’AirDrop pour une classe.
SQOOL MDM et Applications
Gestion de parc pour les administrateurs IT, et catalogue d’applications pour les enseignants.
SQOOL Protect
Contrôle parental avec appairage par QR code, livré en 3 mois.
SQOOL Extend
Bureaux Windows virtuels avec des outils professionnels sur des appareils légers.
Marque et design system
Un système visuel et des bibliothèques Figma étendus de 5 à 7 applications, documentés sur ZeroHeight.

500 000+
Élèves et enseignants: 465
Établissements équipés en Île-de-France: 7
Applications web livrées

Un lanceur conçu pour un autre monde

Quand la Région a décidé d’équiper chaque élève et chaque enseignant de 465 lycées, la suite SQOOL appartenait encore à un monde qui s’achevait : des tablettes partagées sur chariots, des applications de bureau en C++ pour les enseignants, un lanceur qui enfermait les élèves dans un seul environnement Android, des serveurs hébergés dans les établissements. Rien de cela ne fonctionnait sur un appareil personnel utilisé en classe et à la maison.

Distribution de rentrée · La Région Île-de-France distribue les appareils aux élèves

Lanceur élève historique · Environnement Android qui verrouillait l’accès aux applications SQOOL

Espace enseignant historique · En classe, cloud, éditeur, corrections et filtrage, sur un seul site

MDM historique · Système de gestion d’appareils hébergé sur site

La suite devait tourner sur des appareils Android et Windows standard, depuis n’importe quel navigateur, face aux ENT (espaces numériques de travail) que les établissements utilisaient déjà. J’ai fixé trois objectifs, liés au travail de conception à venir.

Trois objectifs pour la nouvelle suite

Un outil par problèmeChaque public (enseignants, élèves, administrateurs IT, parents) trouve une application qui fait une chose clairement.
Une seule familleLes applications partagent une identité et des composants, pour qu’un enseignant ne réapprenne rien en changeant d’outil.
Un système qui tient à l’échelleDes bibliothèques et des règles que plusieurs équipes de développement appliquent de la même façon.

Tester le web, puis découper le produit

Sélectionnez une phase pour voir ce qu’elle contenait

Hi-SQOOL : tester le web avec les lycéens

En 2019, Hi-SQOOL était un tableau de bord unifié pour les lycéens : séances, stockage cloud, catalogue d’applications, authentification. Les lycéens interrogés voulaient un outil qui ne ressemble pas aux outils institutionnels. Le MVP a été livré en six semaines avec un PO et deux développeurs, puis présenté au conseil régional. Il a validé l’approche web et fourni l’authentification et le stockage cloud que les applications suivantes ont réutilisés.

Hi-SQOOL · Plateforme élève et nouvelle identité

Hi-SQOOL : messagerie · Messages, documents et commentaires dans une même vue

Hi-SQOOL : composants · Première bibliothèque de composants

Hi-SQOOL : tokens · Échelle typographique et palette de couleurs

Connect : le prototype qui a fait changer de direction

En 2020, Connect reprenait l’idée à l’échelle de toute la suite : un tableau de bord unique, avec un menu flottant, La Bulle. Le prototype React fonctionnait, et il a montré qu’un tableau de bord dense concurrencerait directement les ENT. Cette preuve a permis d’arrêter et de changer de direction.

Connect · Prototype de tableau de bord, en React

Lire l’étude de cas Connect

Le pivot : une application, un problème

Avec la direction produit, j’ai écrit un manifeste pour l’entreprise : des applications simples à comprendre, fluides à utiliser, magiques dans les moments qui comptent. Chaque application résoudrait un seul problème : les fichiers avec Partage, la supervision avec Classe, la gestion de parc avec MDM pour l’équipe IT. Les enseignants savaient d’emblée à quoi servait chaque outil, et les équipes de développement gagnaient des périmètres clairs.

La suite SQOOL · Classe, Partage, Applications, MDM, Protect et Extend

Une marque et un design system pour tenir ensemble

Une suite d’applications a besoin d’une seule identité. J’ai conçu le système visuel, une couleur par application au sein d’une même famille, affiné avec l’agence Fllow puis étendu de 5 à 7 applications. J’ai structuré les bibliothèques Figma et la documentation ZeroHeight, et défini le socle commun : coque d’application, navigation et sélecteur de fichiers partagé entre Classe et Partage. Des points design hebdomadaires et des revues qualité gardaient les équipes alignées.

Variations des logos · Logos des applications sur fonds sombre, clair et dégradé

Couleur par application · Couleurs signature de Classe, Applications, MDM et Partage

Couleurs primaires · Blue Dodger, Text Primary et Marine : la palette de base

Lanceur de tablette · Grille complète des applications de l’écosystème sur tablette

Hub des applications · Page d’accueil avec une carte par application SQOOL

Sélecteur d’applications · Menu de navigation rapide entre applications

Une application par public et par problème

Chaque application part d’un constat de terrain, et la décision de conception en découle.

SQOOL ClasseLes enseignants craignaient de perdre le contrôle une fois les élèves équipés. Une grille de tous les écrans, avec des statuts colorés, leur a rendu confiance.Lire l’étude de cas SQOOL Classe
SQOOL PartageEnvoyer un PDF à 27 élèves était la friction du quotidien. Partage en fait un seul geste, sans clé USB ni pièce jointe.
SQOOL Applications et MDMLes enseignants ne voulaient pas gérer des installations, ils voulaient trouver de bons outils : le catalogue est une interface de découverte. Les administrateurs IT déploient et gèrent 500 000 appareils par le MDM, séparé des outils des enseignants.
SQOOL ProtectLes parents voulaient de la simplicité plutôt que des fonctionnalités : appairage par QR code, configuration en 3 minutes, livré en 3 mois.
SQOOL ExtendLes enseignants ne demandaient pas de machines virtuelles, ils demandaient pourquoi Photoshop était lent. Extend ouvre des bureaux Windows virtuels sur des appareils légers, avec des séquences de chargement qui raccourcissent l’attente perçue.

SQOOL Classe · Supervision de classe en temps réel

SQOOL Partage · Partage de fichiers en un geste

SQOOL Applications · Découverte d’applications éducatives

SQOOL Protect · Contrôle parental avec appairage QR

SQOOL Extend · Bureaux virtuels pour logiciels lourds

Ce que la suite a changé

En six ans, UNOWHY est passé d’un fabricant de matériel à un éditeur de logiciel. La suite compte 7 applications web et sert 500 000 élèves et enseignants dans 465 établissements d’Île-de-France.

Trois enseignements que je retiens

Un prototype peut valoir plus qu’un produitConnect n’a jamais été livré, et c’était pourtant notre projet le plus important. Il a prouvé que la technologie fonctionnait et montré pourquoi notre stratégie était fausse.
Séparer le produit a été le plus grand gain UXConstruire des applications ciblées plutôt qu’une plateforme a réduit la complexité plus qu’aucune refonte d’interface n’aurait pu le faire.
Un design system repose sur la gouvernanceAmener 30+ développeurs répartis sur 5 équipes à utiliser la bibliothèque de façon cohérente demande bien plus de travail que de construire la bibliothèque de boutons.

Voir tous les visuels

Victor Soussan

Lead Product Designer

Envie de collaborer sur un projet similaire ? Discutons.

Contact LinkedIn

Construire un écosystème EdTech pour 500 000 élèves

Synthèse