Inspire d'Article 1

Logo Inspire d'Article 1

Inspire est la webapp d'Article 1 pensée pour accompagner les lycéens dans leur orientation. Elle donne accès à des vidéos courtes, des fiches de formations et à des "Éclaireurs", anciens étudiants disponibles pour partager leur parcours et répondre aux questions.

Services

Produit / App

Domaine

EdTech & Secteur associatif

Année

Lien

inspire-orientation.org

(accès restreint)

Mockup de l'interface responsive de Inspire d'Article 1 (desktop et mobile)
Challenge

L'enjeu était de rendre l'orientation accessible et engageante pour un public lycéen peu réceptif aux outils institutionnels classiques. L'interface devait couvrir des usages variés : consulter des vidéos, explorer des fiches, enregistrer des contenus, contacter un Éclaireur, sans alourdir le parcours ni perdre l'utilisateur en cours de route.

Interface du parcours de sélection des préférences, avec la phrase "Préparer la pertinence des suggestions avec un questionnaire simple"
Stratégie

Le projet a été conduit en binôme avec Elina Lapierre (Senior UX Researcher & Strategist), qui pilotait les tests utilisateurs et la collecte de données terrain. Ces retours alimentaient directement les décisions d'interface. La conception a suivi une approche mobile first, le mobile étant le support naturel de la cible. Le Design System personnel a été adapté et enrichi pour couvrir les besoins spécifiques du projet.

Interface responsive de la page d'accueil Inspire, optimisée pour l'accessibilité et la lisibilité de l'information
Solution

L'ensemble des interfaces a été conçu en mobile first puis décliné en desktop. La navigation a été pensée pour rendre chaque transition naturelle : passer d'une vidéo à une fiche, enregistrer un contenu, poser une question à un Éclaireur ou le contacter directement en un minimum d'étapes. Les formats courts et les codes visuels proches des usages mobiles des lycéens ont guidé les choix d'UI.

Écrans de discussion avec un éclaireur avec l'aide à la saisie par sujet et la phrase "Simplifier la communication entre les étudiants et les éclaireurs"
Résultat

Les interfaces livrées ont posé les bases d'une expérience claire et engageante, calquée sur les usages mobiles de la cible. La nouvelle version d'Inspire a réuni 5 800 inscrits dans le premier mois suivant le lancement.

Diagramme explicatif de l'interface avec la phrase "Trouver rapidement les informations utiles", montrant une fiche d'études avec les contenus et informations essentielles en haut, suivi des réponses aux questions fréquentes, la liste d'éclaireurs dans le secteur pour entrer en contact et les autres secteurs proches en bas

MaPrep d’ÊtrePROF

Projet précédent

MaPrep d’ÊtrePROF

Projet précédent

Dans la même catégorie

Deux smartphones en vue rapprochée sur fond bleu tramé, affichant le compte Instagram Pleine Surface avec un post sur Mbappé et un flux de contenus variés

Pleine Surface

Pleine Surface est un média indépendant consacré à l’actualité sportive (culturelle et internationale), pensé pour publier et développer son audience sur les réseaux sociaux.

Présentation d'Etëm UI Design System avec les badges Tailwind CSS, 50+ Composants, Variables, Themes, Markdown, Responsive et WCAG, et un aperçu du composant Button

Etëm UI

Etëm UI est un design system Figma multi-client construit sur Tailwind CSS et shadcn/ui. Il regroupe plus de 50 composants atomiques, 1'200 variants et une documentation technique embarquée pour déployer des interfaces cohérentes et accessibles sur chaque projet.

Mockup de l'interface responsive de l'Annuaire de l'Agence Bio (desktop et mobile)

Annuaire de l’Agence Bio

L'Annuaire Officiel de l'Agence Bio est l'outil national de référence permettant de consulter les données et certificats des opérateurs bio en France.

Contact

Une question ou une demande ? N'hésitez pas à me contacter, je vous répondrais dans les meilleurs délais.