L'Office — Refonte du Moteur de Recherche d’Organismes

Galerie

À propos du projet

Contexte & Objectif

L'Office national de garantie des séjours linguistiques et éducatifs fédère et labellise les organismes du secteur. La mission principale portait sur la refonte UX/UI et technique du tunnel de recherche multicritère (/trouvez-votre-organisme/).

L'enjeu : transformer un formulaire vieillissant et lourd en une interface moderne, intuitive et ultra-performante, tout en intégrant des règles de filtrage dynamiques complexes sans casser l'existant.

Stack & Rôle

  • Rôle : Développement frontend & intégration dynamique (en binôme avec un designer UI/UX).

  • CMS & Backend : WordPress, Advanced Custom Fields (ACF).

  • Frontend : JavaScript / jQuery, SCSS, HTML5 sémantique.

  • Gestion d'état : Cookies / LocalStorage pour la persistance de session utilisateur.

Réalisations & Spécificités Techniques

  • Moteur de filtrage multicritère sur mesure : Mise en place d'une logique de tri avancée (âges, destinations, types de séjours, formules, labels) connectée aux données WordPress/ACF, permettant d'affiner instantanément les résultats.

  • Persistance de l'état de recherche (Session/Cookies) : Implémentation d'une gestion locale des choix de l'utilisateur (cookies / stockage navigateur). Si l'utilisateur quitte la page ou revient plus tard, ses critères et son parcours de sélection sont automatiquement restaurés sans forcer une ressaisie.

  • Intégration UI/UX fidèle : Collaboration étroite avec l'UI/UX designer pour transcrire fidèlement les maquettes en composants web fluides et interactifs.

Défis & Solutions Techniques

  • Dépassement de la dette technique WordPress : Face aux contraintes du thème existant et aux limites natives de l'écosystème en place, développement d'une surcouche propre en SCSS et JS permettant d'isoler le composant sans impacter négativement le reste de la plateforme.

  • Responsive & Ergonomie mobile : Refonte complète de l'architecture CSS/SCSS pour garantir une lisibilité et une manipulation sans friction du formulaire complexe sur mobile et tablette.

Résultats & Impact

  • Expérience utilisateur modernisée : Un parcours de recherche fluide, engageant et accessible.

  • Taux de complétion accru : La mémorisation des critères réduit les abandons en cours de recherche.

  • Code modulaire & maintenable : Intégration d'un module robuste capable d'évoluer avec les nouveaux critères d'organismes sans générer de régression.