+212 650 23 77 75 moncef.benaissi@gmail.com

Mission de 3 mois de refonte du site web ParcoursSup en Drupal 10

🎯 Contexte

Dans le cadre d’une mission de 3 mois au sein de Skeal, j’ai contribuĂ© Ă  la refonte complĂšte du portail ParcoursSup, l’une des plateformes publiques les plus consultĂ©es en France, dans le but de moderniser son architecture technique et de le migrer vers Drupal 10.

La mission s’inscrivait dans un environnement exigeant, basĂ© sur le Design System de l’État Français (DSFR), nĂ©cessitant une intĂ©gration fidĂšle, performante et conforme aux normes d’accessibilitĂ© et de sĂ©curitĂ©.


đŸ’» RĂ©alisations

đŸ—ïž Refonte du portail ParcoursSup sous Drupal 10

  • Participation active Ă  la reconstruction des pages clĂ©s du portail.

  • IntĂ©gration du backend en respectant les standards Drupal 10 (OOP, services, thĂšmes, bonnes pratiques contrib/core).

  • Adaptation totale au systĂšme DSFR pour garantir la conformitĂ© UX/UI demandĂ©e par l’État.


🎹 ThĂ©matisation avancĂ©e (Frontend + DSFR)

  • IntĂ©gration et thĂ©matisation complĂšte d’une maquette basĂ©e sur le Design System de l’État Français.

  • DĂ©veloppement des templates Twig, ajustements CSS/JS, responsive design.

  • Harmonisation de l’ensemble des composants pour coller strictement aux directives du DSFR.


📂 Menus & Mega-menus

  • CrĂ©ation, paramĂ©trage et thĂ©matisation des menus complexes sur Drupal 10.

  • IntĂ©gration de mega-menus ergonomiques, Ă©lĂ©gants et compatibles DSFR.

  • Optimisation de la navigation pour une meilleure expĂ©rience utilisateur.


đŸ§© Paragraphs Drupal 10

  • CrĂ©ation de paragraphs rĂ©utilisables pour structurer le contenu Ă©ditorial.

  • ThĂ©matisation complĂšte (Twig + CSS) pour garantir une modularitĂ© propre et scalable.

  • Mise en place d’un systĂšme flexible permettant aux Ă©quipes Ă©ditoriales d’enrichir facilement les pages.


📝 Webforms – CrĂ©ation & ThĂ©matisation

  • DĂ©veloppement de formulaires avancĂ©s sous Webform.

  • Personnalisation esthĂ©tique et UX selon les standards ParcoursSup.

  • Gestion des validations, messages, et logique front.


⚙ Module custom – State API

CrĂ©ation d’un module personnalisĂ© permettant la gestion centralisĂ©e des Ă©lĂ©ments statiques du site :

  • Liens rĂ©seaux sociaux

  • Informations de contact

  • Contenu des pages 404 / Contact

  • Informations gĂ©nĂ©riques du footer

Objectif : éviter le hardcoding, centraliser la configuration et faciliter la maintenance.


🔀 Migration Drupal 9 → Drupal 10 (Don du Sang)

  • Migration du site “Don du Sang” de Drupal 9 vers Drupal 10.

  • Gestion des dĂ©pendances, compatibilitĂ©s, modules, thĂšmes, et patchs nĂ©cessaires.

  • VĂ©rification post-migration + rĂ©solution d’erreurs liĂ©es aux nouvelles API de Drupal 10.


🚀 RĂ©sultat

Cette mission a permis :

  • La modernisation complĂšte du portail ParcoursSup.

  • Une intĂ©gration fidĂšle et conforme au DSFR, garantissant cohĂ©rence et accessibilitĂ©.

  • Un frontend professionnel, responsive et Ă©volutif.

  • Une architecture Drupal 10 propre, maintenable et robuste.

  • La migration rĂ©ussie d’un second projet (Don du Sang) vers Drupal 10.

Cette expĂ©rience m’a permis de renforcer mon expertise sur les chantiers from scratch en Drupal 10, la thĂ©matisation avancĂ©e, les migrations complexes, et l’intĂ©gration des standards gouvernementaux français.