Client : ONISEP
Période : 2022 à 2024
Aider les élèves à construire leur projet d’orientation demande une plateforme claire, accessible et adaptée à leurs usages. Pour Avenir(s), nous associons direction artistique et conception d’interfaces, avec une attention particulière à l’expérience sur mobile.
Direction artistique
Design UX/UI
Design system
L’Onisep informe les jeunes sur les formations et les métiers pour les accompagner dans leur orientation scolaire et professionnelle. La plateforme Avenir(s) s’inscrit dans cette mission : aider les élèves à construire progressivement leur projet et à faire des choix éclairés.
L’Onisep confie à Daventure la direction artistique et le design graphique des interfaces d’Avenir(s), pour donner à la plateforme une identité propre et faciliter son utilisation par les élèves.
Un service public numérique destiné aux jeunes doit conjuguer une identité qui leur parle et des repères d’utilisation simples. Pour Avenir(s), nous cherchons cet équilibre en travaillant l’ergonomie, notamment sur mobile, tout en respectant les recommandations du Système de design de l’État (DSFR) et les référentiels d’accessibilité.
Notre approche graphique s’appuie sur un jeu de formes et de contreformes. Chaque élève et son projet représentent une forme ; les personnes rencontrées au fil de son parcours contribuent à la dessiner.
Ce principe dialogue avec l’identité typographique d’Avenir(s), dont les lettres ont été tracées par le studio graphique de l’Onisep. Les espaces à l’intérieur et autour des formes deviennent ainsi une matière graphique pour exprimer la construction du projet d’orientation.
Nous co-construisons les maquettes graphiques dans une démarche itérative. Le travail associe ergonomie et design visuel pour simplifier l’utilisation des interfaces et décliner l’identité d’Avenir(s) dans les différents écrans.
Les recommandations du DSFR et les exigences d’accessibilité font partie du cadre de conception.
Nous réalisons et maintenons un UI kit : une bibliothèque de composants graphiques réutilisables pour concevoir les interfaces. Cette base commune aide à préserver la cohérence de la plateforme au fil de ses évolutions et facilite la conception de nouveaux écrans.
