Connect + La Bulle (2020-2021)

Connect + la Bulle (2020–2021)

D’un prototype de vision à un catalyseur stratégique : repenser le dashboard enseignant

Grid Description

Une interface expérimentale pour remplacer le launcher legacy. Connect a exploré la personnalisation, le design de dashboard, et l’accès aux outils classe — avec « la Bulle », un concept d’UI persistant qui a changé notre vision produit.

Introduction

Connect n’a jamais été lancé — mais il a tout changé.

Il nous a permis de tester un nouveau langage design, d’imaginer un accès contextuel persistant avec « la Bulle », et d’explorer comment les enseignants interagissent avec les outils numériques en classe.

Ce case study montre comment un prototype de vision, testé en interne et transformé en démonstrateur, a déclenché un pivot stratégique vers des applications web modulaires.

01. Contexte

Le problème En 2020, on savait que le launcher Android utilisé en classe était obsolète. Maintenance difficile, UI datée, attentes croissantes des enseignants et du staff IT.

Connect était un projet conçu pour tout repenser : un dashboard web centralisé pour remplacer le launcher, designé pour les enseignants.

Les objectifs :

Offrir une interface modulaire accessible depuis n’importe quel navigateur
Faciliter l’accès aux apps, la configuration de sessions, la supervision des devices élèves
Explorer les interactions persistantes via un module animé appelé « la Bulle »

Le brief n’était pas de livrer — mais d’explorer, tester, prouver.

02. Mon Rôle

Product Design Lead (UX strategy, UI design, prototyping, interaction design)

Responsabilités :

Initiation et orchestration du design sprint
Structure du brief produit et des workflows
Design wireframes, maquettes haute-fidélité, prototypes motion
Documentation specs pour intégration React + RGL (React Grid Layout)
Collaboration quotidienne avec dev sur architecture iframe et intégration data réelle
Animation des tests internes avec CSMs
Documentation des insights pour alimenter les décisions stratégiques

03. Le Concept « la Bulle »

« La Bulle » n’a jamais été développée — et c’est important.

C’était un concept UX audacieux : un module flottant animé sur tablettes Android, toujours accessible. La Bulle était imaginée pour faire remonter des actions contextuelles :

Screenshot et partage
Ouvrir aide ou raccourcis accessibilité
Actions rapides pour l’app courante
Afficher notifications

Pensez à un sidekick persistant, similaire au menu S-Pen de Samsung.

Pourquoi ça comptait : Malgré un fort intérêt, la feature a été reportée à cause des priorités roadmap. Mais en interne, elle a aidé à clarifier notre ambition d’élever l’expérience tablet — et a poussé notre réflexion UI motion beaucoup plus loin.

La Bulle est devenue un artifact de vision : quelque chose pour inspirer, matérialiser une UX future, même non livrée.

04. Design du Dashboard

Le dashboard a été prototypé en 3 rounds :

Layout initial avec blocs d’action et supervision classe
Version modulaire utilisant RGL (React Grid Layout)
Démonstrateur entièrement animé avec vrais appels API pour apps, sessions, devices

Détails d’interaction clés :

Tuiles d’accès rapide pour tâches courantes
Catalogue d’apps : filtrable, searchable, raccourcis contextuels
Mockups supervision classe (monitoring usage, config session groupe)
Grille temps réel (refresh-safe)
Timers et outils modération
Flows login invité pour classes partagées

Explorations motion :

Animations modales, dropdowns, inline actions
États de chargement et feedback async
Transitions entre modes (dashboard → supervision → catalogue)

05. Tests & Apprentissages

Tests internes avec Customer Success Managers et stakeholders produit.

Insights :

Les enseignants appréciaient la simplicité et modularité, mais beaucoup avaient encore besoin de support
Les « Favoris » et raccourcis étaient plébiscités, mais l’espace dashboard nécessitait des contraintes
Le catalogue d’apps était valorisé, mais nécessitait intégration avec politiques MDM

Défis techniques :

Gestion iframe et performance de chargement
Stabilité réseau en environnement scolaire
Synchronisation état multi-devices

Mais l’expérimentation nous a donné la confiance pour pivoter.

06. Impact Stratégique

Au lieu de lancer Connect, on a pivoté en 2022 vers une suite d’apps ciblées :

SQOOL Classe (gestion classe)
SQOOL Partage (partage documents)
SQOOL Applications (catalogue apps)
SQOOL MDM (gestion flotte devices)

La vision de Connect a survécu — mais éclatée en apps spécialisées qui s’adaptaient mieux aux contraintes techniques et à la segmentation utilisateurs.

Ce que Connect nous a appris :

Les enseignants veulent moins de points d’entrée, plus clairs — pas plus de features
Le web est viable sur hardware tablet si le design est optimisé
Les systèmes modulaires scalent mieux que les monolithes
Un prototype de vision peut influencer la roadmap sans jamais livrer

Héritage :

Patterns d’interaction réutilisés (hover actions, UI persistants)
Principes motion documentés
Architecture modulaire validée
Démonstration de la valeur du design stratégique

07. Assets

connect-dashboard@2x.png — UI dashboard modulaire
bulle-animation.mp4 — Animations et comportements la Bulle
connect-prototype-tour.mp4 — Walkthrough démonstrateur complet
bulle-specs.pdf — Logique états et specs UI
pilotage-tests-synthesis.pdf — Synthèse tests internes