Etëm Design - Accueil

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.

    Domaine

    EdTech & Secteur associatif

    Année

    2024 - 2025

    Services

    Design UX/UI

    Responsive Design

    Design System

    Accessibilité

  • Mockup de l'interface responsive de Inspire d'Article 1 (desktop et mobile)
  • Le 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"
  • La 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
  • La 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ésultats

    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

Ouvert aux projets

Votre projetn’est qu’à un clic

Discutons-en

Inspire d'Article 1

  • Logo Inspire d'Article 1
  • Services

    Design UX/UI

    Responsive Design

    Design System

    Accessibilité

    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.

    Domaine

    EdTech & Secteur associatif

    Année

    2024 - 2025

  • Mockup de l'interface responsive de Inspire d'Article 1 (desktop et mobile)
  • Le 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"
  • La 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
  • La 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ésultats

    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

Ouvert aux projets

Votre projetn’est qu’à un clic

Discutons-en

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.

    Domaine

    EdTech & Secteur associatif

    Année

    2024 - 2025

    Lien

    inspire-orientation.org (accès sur inscription)

    Services

    Design UX/UI

    Responsive Design

    Design System

    Accessibilité

  • Mockup de l'interface responsive de Inspire d'Article 1 (desktop et mobile)
  • Le 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"
  • La 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
  • La 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ésultats

    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

Ouvert aux projets

Votre projetn’est qu’à un clic

Discutons-en