[ Projet · Orientation ]

FuturIA : l'écran d'accueil du parcours, en thème sombre

StudiAvaTon orientation ne tient pas dans une case

FuturIA, l'espace d'orientation de StudiAva : le jeune raconte ce qu'il vit, son profil se dessine en cinq repères, et des pistes d'études et de métiers s'ouvrent. HMS en a posé la base, aux côtés de StudiAva depuis ses débuts.

Le parcours

[ On commence par toi ]

On se raconte. 

Un outil d'orientation qui commence par un questionnaire commence mal. FuturIA ouvre sur une phrase, « Bienvenue, on commence par toi », et sur un prénom qu'on peut ne pas donner. Trois promesses tiennent la suite : on répond avec ses mots, les réponses deviennent des idées d'études et de métiers, et on garde la main sur son profil. Le consentement se coche avant tout le reste, pas après. Scrollez : la bande déroule l'entrée du parcours.

FuturIA sur mobile : l'accueil du parcours, les trois promesses et le consentement
futuria.studiava.com sur mobile · capture réelle
Le profil

[ futuria.studiava.com · ouvert, sans compte ]

Il se dessine. 

Le panneau de droite est la colonne vertébrale du produit : il montre le profil en train de se construire, découpé en cinq repères qui portent chacun leur état. Ma situation, à compléter. Mes forces, à révéler. Ma personnalité, à découvrir. Mon périmètre, à définir. Mon cadre réel, à ajuster. Rien n'est noté, tout est en cours. Le produit se donne aussi ses deux thèmes, et l'écran ci-contre les fait alterner : c'est le même parcours, de nuit et de jour.

Le parcours FuturIAvisiter ↗
Profil en cinq repèresdans l'app
Deux thèmesdans l'app
Consentement à l'entréedans l'app
FuturIA : le panneau de profil en cinq repères, en thème sombre puis clair
Thème sombre → thème clair · Angular

Le projet, concrètement.

StudiAva est une société marseillaise dont le métier est l'orientation des jeunes, collégiens et lycéens. Sa règle est écrite sur son site et elle commande tout le reste : des choix, jamais des verdicts. Un outil qui range un adolescent dans une case a manqué son sujet.

FuturIA est la traduction numérique de cette règle. On y raconte ce qu'on vit plutôt que de cocher des cases, le profil se construit en cinq repères qui restent ouverts, et les pistes de métiers arrivent avec le raisonnement qui les a produites, pas comme un verdict.

HMS accompagne StudiAva depuis ses tout débuts, et a fait évoluer le produit avec eux. Sur FuturIA, le travail est un co-développement : nous en avons posé la base, l'équipe l'a menée plus loin. Le site de marque studiava.com et le volet présentiel Imagine ne sont pas de nous, et l'application affiche encore son bandeau « Preview ».

Orientation · Angular · futuria.studiava.com

[ La base du produit ]

L'entrée sans pression

Une phrase d'accueil, un prénom facultatif, et trois promesses avant la première question.

Le consentement d'abord

La case se coche avant de commencer, CGU et politique de confidentialité à portée de clic.

Le profil en cinq repères

Situation, forces, personnalité, périmètre, cadre réel. Chacun avec son état et sa progression.

Les deux thèmes

Sombre et clair, servis par un jeu de tokens complet plutôt que par deux feuilles de style.

L'application Angular

Une single-page app servie sur son propre sous-domaine, adossée à l'API de StudiAva.

La donnée annoncée

Hébergement en France et conformité RGPD écrits dans l'interface, pas renvoyés à une page annexe.

Avis · à venir

FuturIA : on se raconte, des pistes se dessinent

StudiAva

Avis en cours de recueil

La suite

Les autres projets.

[ Output ]

Un récit entre.
Des pistes sortent.

FuturIA · co-développé avec StudiAvafuturia.studiava.com · Orientation · Angular