Quand Babilou Family US nous a sollicités pour refondre les sites de ses trois marques américaines Little Sprouts, Building Blocks et Heartworks, nous avons immédiatement perçu l’ampleur du défi : créer une plateforme robuste et moderne, capable de porter des identités différentes, tout en construisant un socle commun pour l’avenir. Un projet exigeant, mené à l’international et coordonné en anglais avec les équipes US, qui nous a permis de mettre en œuvre le meilleur de notre savoir-faire Drupal.
Le contexte : trois marques, une mission commune
Babilou Family US est la maison mère de trois réseaux de crèches et d’écoles de la petite enfance aux États-Unis : Little Sprouts (Massachusetts & New Hampshire), Building Blocks (Connecticut), Heartworks (Vermont).
Leur mission : offrir une éducation bienveillante et de qualité aux enfants de 0 à 5 ans, tout en accompagnant les familles et en attirant de nouveaux talents éducatifs.
Leur problématique digitale était triple :
- Des sites vieillissants sous WordPress, peu performants et difficiles à administrer.
- Le besoin de transformer leur présence en ligne en levier d’acquisition de familles et de recrutement de talents.
- Une véritable stratégie de croissance : attirer et intégrer de nouvelles écoles dans le giron de Babilou Family US.
L’ambition du projet
- Unifier sans uniformiser : disposer d’un socle commun tout en respectant les identités de chaque marque.
- Faciliter l’expérience utilisateur : pour deux cibles principales, les parents milléniaux (recherche de centre, réservation de visite) et les candidats de la génération Z (parcours de candidature rapide et mobile-first).
- Assurer les intégrations techniques : avec leurs outils internes (CRM LineLeader, ATS Lever, Center Data Manager, Didomi).
- Penser à long terme : garantir évolutivité, maintenance et intégration future de nouvelles écoles dans la plateforme.
Notre approche : le « Core Model » Drupal
Pour répondre à ces enjeux, nous avons proposé de construire un Core Model Drupal 10, véritable socle permettant de déployer plusieurs sites de marques différentes, chacun avec son identité visuelle propre mais reposant sur le même périmètre fonctionnel. En d’autres termes, le Core Model agit comme une base de fonctionnalités, de composants et de configurations qu’il suffit de dupliquer et de personnaliser pour chaque marque du groupe.
Nous avons conçu ce Core Model d’abord pour la marque Little Sprout. Il sera dupliqué, puis personnalisé pour les sites des marques Heartworks et Building Blocks avec quelques adaptations :
- la charte graphique (typos, couleurs, logos),
- certains effets visuels (ex. la vague issue du logo Little Sprouts),
- quelques variations de composants, tout en gardant la même logique fonctionnelle.
La TMA repose également sur ce principe : toutes les évolutions sont faites sur le socle, puis héritées automatiquement par chaque site.
La structure technique du projet s’appuie sur notre starter Drupal. Le Starter Drupal est une base de Drupal réalisée en interne et basée sur nos 25 ans d’expérience. Il intègre les configurations et fonctionnalités les plus utiles permettant des économies d’échelle et un déploiement rapide.
Notre méthodologie
UX Design avec Design Sprint
Le design ne se limite pas à l’esthétique : il doit offrir un parcours fluide et cohérent. Pour cadrer efficacement cette étape cruciale, nous avons mené un Design Sprint avec :
- Benchmark UX sectoriel : analyse des meilleures pratiques sectorielles et concurrentielles.
- Arborescence claire et intuitive : définition d’une structure de contenu claire et intuitive.
- Parcours utilisateurs modélisés : modélisation des parcours types (familles, candidats) pour anticiper chaque interaction clé.
- Wireframes validant les tunnels de conversion : conception des maquettes fonctionnelles validant la logique de navigation et les principaux tunnels de conversion.
UI Design & Design System (Figma)
- Pas de charte graphique existante : nous nous sommes inspirés des logos et de la symbolique de la vague, avec des couleurs naturelles mais non enfantines.
- Mise en place d’un catalogue de composants modulaires basé sur l’Atomic Design, un principe qui consiste à décomposer l’interface en briques réutilisables (liens, formulaires, icônes, boutons, couleur, forme, cartes, accordéons, etc.).
Déploiement technique
- Développement et intégration des composants dans Storybook.
- Configuration Drupal 10 : rôles, permissions, Layout Builder.
- Connexion aux systèmes tiers (CRM, ATS, Data Manager, Didomi).
- Hébergement sur Azure Microsoft, impliquant de fortes contraintes de sécurité : nous avons dû nous adapter aux normes internes, parfois en contradiction avec les comportements natifs de Drupal, avec un gros travail d’intégration et de validation.
- Webmastering & transfert de compétences : lancement du premier site, formation des équipes Babilou.
Une approche business centrale, au coeur de la transformation digitale du groupe
Construction du tunnel de conversion pour les familles
Le cœur de la mission de Babilou Family US est d’accompagner les familles dans leur recherche d’un centre de qualité. Nous avons donc conçu un tunnel de conversion clair et rassurant, adapté aux besoins des parents milléniaux : rapidité, transparence et simplicité.
- Localisateur de centres : une carte dynamique couplée avec un moteur de recherche autour d’un lieux ou d’un itinéraire (domicile - travail par exemple).
- Pages de présentation des centres (crèches, écoles) : chaque centre dispose d’une fiche détaillée, avec description, photos, services proposés, horaires et équipe éducative.
- Formulaire de visite : un processus simple, mobile-first, permettant de réserver en ligne un rendez-vous pour découvrir un centre.
Construction du tunnel de conversion pour les candidats
Attirer et recruter de nouveaux talents éducatifs était l’autre priorité stratégique. Nous avons conçu un parcours candidat moderne et mobile-first, parfaitement adapté aux attentes de la génération Z : rapidité, transparence et fluidité.
- Page de recherche d’emploi : moteur de recherche intuitif avec filtres (poste, localisation, type de contrat).
- Pages de présentation des offres : description claire des postes avec une mise en avant des avantages, valeurs de l’entreprise et perspectives de carrière.
- Formulaire de candidature : un parcours rapide, optimisé pour mobile, réduisant le nombre d’étapes et permettant l’upload simplifié de CV.
Configuration et suivi complet (SEO, RGPD, Analytics)
Pour maximiser la performance et l’efficacité de la plateforme, nous avons mis en place un dispositif complet de suivi et de conformité :
- Conteneurs Google Tag Manager (GTM) : gestion centralisée de tous les scripts et tags marketing.
- Plan de marquage : suivi des événements clés (clics sur “Demande de visite”, soumission de formulaires, candidatures, etc.) pour mesurer précisément les performances.
- Gestion du RGPD via Didomi : mise en place d’une plateforme de gestion du consentement, garantissant conformité et transparence pour les utilisateurs.
- Optimisation du SEO : intégrée dès la conception.
Intégrations avec systèmes tiers via API
L’un des défis techniques majeurs de ce projet était d’assurer une intégration fluide avec les outils internes déjà en place, afin que les équipes US puissent travailler efficacement sans rupture de flux.
- Lever ATS : récupération automatique des offres d’emploi et envoi des candidatures directement dans l’ATS du groupe.
Center Data Manager : synchronisation de la liste des centres et des informations associées. - LineLeader CRM : transmission en temps réel des demandes de visite.
- Didomi : gestion centralisée des consentements utilisateurs.
Grâce à ces intégrations, la plateforme s’inscrit dans l’écosystème existant de Babilou Family US, évitant les doubles saisies et garantissant des données à jour.
Les défis et enseignements du projet
Nous tenons à remercier chaleureusement les équipes de Babilou Family US pour leur confiance et leur collaboration.
Nous retenons trois défis et enseignements centraux de ce projet :
- Contrainte d’hébergement Azure : adaptation aux normes de sécurité, avec apprentissage et ajustements importants.
- Gestion de projet : une deuxième équipe Babilou arrivée en cours de projet, à coordonner dans un contexte international.
- Scalabilité maîtrisée : grâce au cœur commun, chaque nouveau site pourra être déployé rapidement et en cohérence avec les autres.
Si vous envisagez une refonte digitale ambitieuse, multi-sites ou à forte dimension technique ? Parlons de votre projet !
Rappel URL : https://littlesprouts.com/
Date du projet : Novembre 2024 - Septembre 2025
Babilou Family US
Pour plus d’informations, vous pouvez consulter notre étude de cas sur le sujet.
