Notre catalogue de formations fait peau neuve : recherche rapide, filtres et catégories

Nouveau catalogue Human Coders : recherche instantanée Algolia, filtres à facettes, labels et tags thématiques pour explorer nos 250+ formations.

Notre catalogue de formations fait peau neuve : recherche rapide, filtres et catégories

Vous êtes nombreux·ses à parcourir notre catalogue, et on voulait vous faciliter la vie. Ces dernières années, notre offre a grandi vite : on propose désormais plus de 250 formations. Avec cette croissance, il devenait indispensable de repenser la façon dont tout ça est présenté.

Matthieu est venu quelques jours à Montpellier la semaine dernière, et on en a profité pour tout refondre ensemble. En quelques jours de dev, voilà ce qu'on a mis en place.

Un catalogue plus lisible

Premier changement visible : on a adopté une présentation sous forme de liste. Ça paraît simple, mais quand on parcourt un catalogue de 250+ formations, ça change vraiment le confort de lecture par rapport à l'ancienne vue en grille.

Résultat de recherche sur "Sécurité"

Une recherche instantanée

On a intégré un moteur de recherche full-text avec Algolia. Vous tapez un mot-clé — par exemple « Claude Code » — et les résultats s'affichent instantanément, sans rechargement de page. La recherche porte sur le titre, la description, les objectifs, le programme et les prérequis de chaque formation.

On a aussi mis en place un système de synonymes intelligents : que vous tapiez « JavaScript » ou « JS », « IA » ou « intelligence artificielle », « Node » ou « NodeJS », vous tomberez sur les bons résultats.

Et un autocomplete vous suggère en temps réel des formations, des tags et des pages au fur et à mesure de votre saisie. La recherche est accessible en un clic depuis toutes les pages en cliquant sur l'icône 🔍 dans le header.

0:00
/0:21

Des filtres à facettes pour affiner vos résultats

Le vrai plus, ce sont les filtres. Vous pouvez maintenant affiner votre recherche selon des critères concrets :

  • Prochaine session — ce mois-ci, sous 3 mois ou sous 6 mois
  • Durée — 1 jour, 2 jours, 3 jours…
  • Modalité — présentiel, distanciel, ou les deux
  • Disponible en anglais
  • Éligible CPF
  • Formation certifiante
  • Campus Atlas (Action Collective)

Tout se met à jour dynamiquement grâce à Turbo Frames, et les filtres sont bien sûr responsive avec un panneau escamotable sur mobile.

Des labels pour mieux s'orienter

On a introduit des labels visuels sur les formations :

  • Nouveauté — les formations récemment ajoutées au catalogue
  • Best — nos formations les mieux demandées
  • CPF et Action Collective — pour identifier en un coup d'œil les options de financement

Des tags et des catégories pour explorer autrement

On a aussi remplacé l'ancien système de catégories par des tags thématiques plus flexibles : React, Python, Kubernetes, Machine Learning, Hacking Éthique… chacun avec sa propre page et des tags associés pour rebondir d'un sujet à l'autre. Si vous n'avez pas de besoin précis mais que vous voulez explorer notre offre, c'est le bon point d'entrée.

Tag IA sur Human Coders

Allez tester

Le mieux, c'est d'essayer : rendez-vous sur notre catalogue et dites-nous ce que vous en pensez.

Vous pourriez aussi aimer