Proch’Orientation x Lemon Interactive, la plateforme d’orientation repensée pour les jeunes

La Région Hauts-de-France a choisi l’agence web Lemon Interactive avec un objectif : transformer Proch’Orientation en une plateforme moderne, intuitive et fiable, capable de centraliser toutes les ressources d’orientation et de guider efficacement les utilisateurs. Challenge relevé grâce à une refonte complète du site web mêlant design, ergonomie et intégration de données complexes, ouvrant une nouvelle étape pour l’accompagnement numérique des jeunes.

Proch’Orientation est un dispositif régional d’accompagnement dédié aux jeunes (collégiens, lycéens, étudiants) et à leurs familles. Il vise à faciliter l’orientation scolaire et professionnelle en centralisant les conseils personnalisés, les ressources pédagogiques et les informations sur les filières pour aider chaque jeune à construire son parcours professionnel. De la découverte des métiers à l'identification des formations, l'outil se veut être le trait d'union entre les aspirations des élèves et la réalité du monde du travail.

Dans le cadre d’un appel d’offre public, la Région a confié à Lemon Interactive la refonte complète du site Proch’Orientation. Pour rester pertinent face aux usages numériques des "natifs du digital", le site devait impérativement évoluer. Le besoin exprimé lors de cet appel d'offre public était multiple :

• Moderniser l’expérience utilisateur : Le site devait être repensé pour correspondre aux usages numériques des jeunes : navigation intuitive, design attractif, lisibilité mobile et parcours simplifiés.
• Centraliser sans compromis : Intégrer des flux de données massifs (ONISEP, ERP régional, sources publiques) tout en garantissant une souveraineté totale des données (exclusion stricte des solutions de stockage Google).
• Garantir l'accessibilité : Concevoir une plateforme inclusive, respectant les normes d'accessibilité numérique pour que l'orientation ne connaisse aucune barrière.

En collaboration étroite avec les équipes régionales, Lemon Interactive a piloté cette refonte complète à la fois graphique, fonctionnelle et technique sous WordPress, en plaçant l'utilisateur au centre de chaque décision.

Refonte de l’identité visuelle

Nous avons modernisé l’univers graphique de Proch’Orientation afin de renforcer son attractivité auprès des jeunes publics :

• Modernisation du logo
• Refonte de la charte graphique
• Création d’une nouvelle palette de couleurs vibrantes, testées et validées pour leur conformité aux normes d'accessibilité

Co-conception et tests utilisateurs

On ne conçoit pas un outil pour les jeunes sans les écouter. Nous avons mené une phase d'UX Research intensive :

• Enquêtes et ateliers : Des enquêtes ont été réalisées auprès des jeunes à travers des questionnaires disponibles sur leur ENT pour identifier leurs points de friction.
• Maquettes interactives : Développement de prototypes pour analyser les différentes étapes du site pour affiner le parcours utilisateur avant le développement.

Maîtrise technique et interconnexion

Le défi technique reposait sur l'agrégation de données externes complexes. Sous le capot, le site WordPress devient un hub d'information capable de traiter les flux ONISEP et régionaux de manière fluide.

Proch’Agenda : un projet complémentaire

En parallèle, nous avons apporté notre expertise sur Proch’Agenda, l'intranet régional développé sous Symfony. Nos équipes ont conçu les maquettes et l'interface utilisateur (UI) pour garantir une cohérence visuelle parfaite entre le site public et l'outil de gestion interne de la Région. Nous avons ensuite réalisé l’intégration front du site internet.