Où former, le Doctolib de la formation

Où former est la première plateforme de réservation de formations qui propose les disponibilités !

Elle est accessible pour les professionnels et pour les particuliers dans la France entière. Où former regroupe plus de 500 organismes de formations, 8 000 formations et plus 150 000 sessions disponibles.

Pour réaliser ce projet, notre agence de développement web a réalisé un site sur mesure tant sur le back-office (vue des organismes et d'où former) que sur le front-office (vue des utilisateurs).

Le back-office est l’emplacement où les organismes de formations et les salariés d'où former peuvent suivre les informations sur les réservations, sessions, formations et autres informations. L’enjeu a été de créer un outil métier sur mesure qui permet de travailler et de gérer rapidement et efficacement les données pour tous les utilisateurs.
 

Les formations proposées par Où Former sont reliées à des secteurs d’activité différents et ont toutes leurs propres spécificités.

Nous avons dû réaliser une gestion des habilitations électriques avec différentes options (électricien, non-électricien, haute tension et basse tension). Nous avons également créé une gestion de tous les CACES, avec la disponibilité par catégories, et les différentes options.

Le plus gros défi a été de créer une grille tarifaire détaillée et individualisée en fonction des différentes typologies de formations.

Dans le back-office de la plateforme, il est possible de gérer les organismes, leurs emplacements ainsi que les utilisateurs et sessions. Chaque personne liée à un organisme a des droits limités en fonction d’un statut donné. Certains organismes sont de petites tailles alors que d’autres sont présents dans plus de 60 villes.
En tant qu’administrateur, Definima est capable de gérer les comptes de chaque organisme et donc de régler certains problèmes. Nous faisons une optimisation constante.

Pour répondre à ces challenges, nous avons utilisé la technologie React avec le Framework Nextjs. Ils permettent de transformer les données et de concilier la relation client / serveur afin que le niveau d’informations soit toujours le même. De plus, nous avons conçu des grilles tarifaires détaillées et individualisées ainsi qu’une gestion complète des formations techniques CACES et habilitations électriques.
 

Il était très important de créer un lien entre le back-office et le front-office très rapide afin d’avoir une mise à jour instantanée des disponibilités des formations. Pour cela, nous avons utilisé elasticsearch, un moteur de recherche avancé et rapide relié au back-office pour la mise à jour ainsi qu’au front office pour les recherches utilisateurs.

Le parcours utilisateur créé constamment une relation entre le back-office et le front-office : 

1.    Un internaute fait une demande de formations : front-office
2.    L’organisme de formation accepte la demande : back-office
3.    L’organisme de formation dépose les documents et la convention : back-office
4.    Le demandeur échange avec l’organisme via son espace client : back-office et front-office
5.    Confirmation de l’inscription : front-office et back-office
 

Le front-office est la partie du site visible par les utilisateurs et demandeurs de formations. Il permet d’effectuer des recherches, de retrouver des informations sur les disponibilités et aussi d’accéder à un espace client avec les formations déjà réalisées.

La structure du site pour organiser les formations a été entièrement repensée. En premier, les secteurs d’activités globaux, puis les domaines, puis les catégories et enfin les formations.

Par exemple :

• Secteur d’activité : bâtiment 
• Domaine : construction
• Catégories : eco construction
• Formations : liste des formations

Ses pages possèdent une grande partie textuelle qui permet d’en savoir plus sur ses domaines, mais également un bon référencement naturel sur de nombreux mots-clés.
 

Le choix de la technologie a été important, car le site devait accueillir beaucoup de datas (nombre de formations, nombre de sessions) en même temps. Le trafic et les recherches sur le site sont également nombreux, le serveur doit donc être capable de fournir le service en simultanée. Un autre challenge a été de conserver un fonctionnement classique d’une page web avec une single page application (SPA) et faciliter la compréhension de cette page pour les robots (Google par exemple). Pour cela, il faut générer toute la structure d’une page HTML depuis le serveur NodeJS

Notre agence digitale a fait le choix d’utiliser la technologie Symfony ainsi que le framework Nextjs. Symfony est utilisé en tant que API (API Platform). NextJS intervient lui aussi coté serveur à l’aide de la technologie SSR (Server Side Rendering) permettant de générer le contenu d’une page HTML y compris les metadata si essentielles à l’indexation des robots.
 

• + 1 600 heures de travail de notre équipe
• + 150 000 sessions disponibles en ligne
• + 100 écrans maquettés et conceptualisés