🧠 Projet ScienceSchool — Plateforme de soutien scolaire scientifique en ligne — Drupal

🎯 Contexte

Dans le cadre du développement de la plateforme ScienceSchool, spécialisée dans le
soutien scolaire scientifique en ligne (Mathématiques et Physique-Chimie),
j’ai conçu et réalisé un site basé sur Drupal 10, orienté à la fois produit, technique et marketing.

Ce projet EdTech s’inscrit dans un environnement axé sur la conversion (landing pages, campagnes Ads),
où la cohérence visuelle, la performance frontend et la maintenabilité du code sont des éléments clés.

🚀 Résultat

La plateforme ScienceSchool est aujourd’hui :

plus cohérente visuellement grâce à un design system unifié,
optimisée frontend (réduction de la dette CSS et amélioration de la structure HTML),
dotée d’un module de réservation custom fonctionnel et évolutif,
mieux référencée grâce à une gestion fine du SEO (Metatag, indexation ciblée),
plus facile à maintenir et à faire évoluer sous Drupal 10.

Ce projet m’a permis de consolider une expertise fullstack Drupal 10,
en combinant theming avancé, développement de modules custom
et optimisation frontend orientée performance et SEO.

💻 Tâches réalisées

🎨 Theming Drupal 10 basé sur Bootstrap (Barrio)

- création et personnalisation d’un thème custom
- intégration Twig (templates, overrides, composants UI)
- structuration d’un design system via variables CSS

🧩 Développement d’un module custom de réservation

- création de formulaires Drupal (Form API)
- gestion des données de réservation (slots, packs)
- implémentation de logique métier côté backend

🧱 Amélioration et correction des templates Twig

- correction de problèmes HTML (structure, balises non fermées)
- respect des bonnes pratiques Bootstrap (container / row / col)

⚡ Optimisation frontend et qualité du code CSS

- suppression de CSS legacy et refactorisation des styles
- réduction de la dette CSS (!important, duplications)
- harmonisation des composants UI (boutons, badges, CTA)

🔎 Optimisation SEO et indexation

- configuration fine du module Metatag
- gestion de l’indexation (contenus indexés vs non indexés)
- optimisation des balises SEO pour les pages stratégiques

📊 Intégration du tracking
(Google Analytics, Google Tag Manager, suivi des événements)

Voir le projet

Projets Liés