Sommaire

Sommaire

PaperEase

Ux/Ui/No code

Ux/Ui/No code

Ux/Ui/No code

B2C

B2C

B2C

Mobile app

Mobile app

Mobile app

Projet

Projet

Projet

Mon Rôle

Ux designer
UI designer

Date

2023

Client

ESD

Cible

Etudiants

Problématique

La complexité de l’administration française, souvent mal enseignée, laisse de nombreux étudiants démunis face à leurs démarches.
Comment leur permettre de mieux comprendre et gérer ces procédures avec autonomie, efficacité et confiance ?

Objectif du projet

Concevoir une solution mobile-first pour accompagner les étudiants dans la gestion de leurs démarches administratives. Pendant une semaine, j’ai collaboré en tant qu’UX/UI designer sur la création d’une startup fictive, avec un site web éducatif centré sur l’autonomie utilisateur et la pédagogie numérique.

À propos de PaperEase

PaperEase est une plateforme conçue pour simplifier les démarches administratives des étudiants, à travers :

  • des coachings personnalisés,

  • un dictionnaire interactif,

  • et une interface claire, intuitive et adaptée aux débutants.

Elle vise à dédramatiser l’administration en rendant l’information accessible, rapide à comprendre et directement actionnable.

Introspection

PaperEase

Mon rôle

UX/UI au sein d’une équipe de 4. J’ai co-construit la direction produit en définissant les priorités UX et en structurant les livrables. Nous avons avancé en mode sprint avec des décisions collectives et itératives.

Ce que j’ai appris

  • Concevoir sous fortes contraintes de temps,

  • Livrer un prototype opérationnel et réaliste

  • Maîtriser rapidement des outils no-code,

  • Adapter la communication UX à une logique d’équipe produit.

Points forts

  • Sujet à fort impact social,

  • Réelle synergie d’équipe,

  • Processus agile, orienté valeur utilisateur.

Axes d’amélioration

Avec un temps plus conséquent, j’aurais approfondi les tests utilisateurs, élargi le panel de profils interrogés et affiné certaines fonctionnalités secondaires. Cela aurait permis de renforcer la robustesse des parcours et d’optimiser l’adéquation entre les besoins terrain et la solution proposée.

Le marché

PaperEase

En Bref !

Avant la conception, nous avons analysé le marché étudiant en France afin de comprendre les freins administratifs, les usages numériques et les besoins d’accompagnement. Ces données ont structuré la stratégie produit.

Le saviez-vous ?

Quelques chiffres clefs

Nous avons croisé plusieurs sources pour dresser un état des lieux fiable :

  • Statistiques INSEE : plus de 2,7 millions d’étudiants en France, dont une majorité en situation de précarité administrative.

  • Forums étudiants (Reddit, Etudinfo, Diplomeo...) : retours spontanés sur les difficultés rencontrées (démarches CAF, sécurité sociale, logement).

  • Avis utilisateurs sur les concurrents : manque d’ergonomie, absence de centralisation des démarches, accompagnement limité.

Graphique :  12 millions d’étudiants en France. 430 466 étudiants étrangers en France.
Graphique :  12 millions d’étudiants en France. 430 466 étudiants étrangers en France.
Graphique :  12 millions d’étudiants en France. 430 466 étudiants étrangers en France.

Cibles identifiées

Étudiants en France, français ou internationaux, en licence ou master, souvent :

  • Dépendants de leurs parents pour les démarches.

  • Perdant du temps à rechercher des infos administratives.

  • Utilisant leur téléphone comme canal principal.

Startégie

PaperEase

En Bref !

Nous avons défini une stratégie produit orientée résolution de problèmes concrets pour garantir l’utilité et l’adoption de l’outil par les étudiants.

Objectifs stratégiques

  • Centraliser les démarches administratives dans un seul outil accessible.

  • Favoriser l’autonomie des étudiants dans leurs démarches.

  • Réduire la charge mentale liée à l’administration.

Indicateurs de succès (KPI)

  • Temps moyen pour effectuer une démarche.

  • Taux d’abandon avant validation.

  • Taux de réutilisation de l’application.

Recherche

PaperEase

En Bref !

Nous avons mené une phase exploratoire pour confronter nos hypothèses aux réalités terrain et mieux cerner les attentes des étudiants.

La recherche

Méthodologie de recherche utilisateur

  • Entretiens utilisateurs : 6 étudiants interrogés (licence et master).

  • Sondage en ligne : 40 répondants via des réseaux sociaux.

  • Analyse qualitative des récits d’expérience sur les forums.

Synthèses de recherche utilisateurs

Résultats clés

  • Forte dépendance aux parents pour comprendre les démarches.

  • Stress récurrent autour de la CAF, de l’assurance maladie et du logement.

  • Difficulté à identifier les documents nécessaires et les étapes.

Synthèse de recherche quantitative

Notre analyse quantitative a révélé des tendances marquantes :

  • Faibles connaissances : 69,2 % des étudiants ont très peu de connaissances sur l’administration française.

  • Dépendance aux parents : Plus de la moitié des étudiants se font aider par leurs parents ou ne participent pas activement à leurs démarches.

  • Environ 30 % les gèrent eux-mêmes ou demandent de l’aide à leurs amis.

  • Complexité des démarches : Les démarches administratives françaises sont perçues comme longues et compliquées.

  • Manque de plateformes connues : Plus de la moitié des étudiants ne connaissent aucune plateforme pour obtenir des informations sur leurs droits et démarches administratives.

  • Profil parental : La plupart des étudiants ont des parents nés en France, ce qui peut expliquer en partie leur recours à l’aide familiale.

Synthèse de recherche qualitative

De nos entretiens, nous avons retenu les éléments suivants :

  • Dépendance aux parents : Les étudiants demandent souvent de l’aide à leurs parents, qui gèrent la majorité de leurs démarches administratives.

  • Manque d’information accessible : Ils trouvent que les informations en ligne sont soit insuffisantes, soit trop complexes à comprendre.

  • Besoin de rapidité et simplicité : Beaucoup souhaitent obtenir des réponses claires et rapides, ce qu’ils ne parviennent pas à trouver actuellement.

  • Faible expérience avec l’administration française : Certains n’avaient jamais eu affaire à l’administration avant leurs études.

    Constat clé : La majorité des étudiants sont aidés par leurs parents et ont peu d’autonomie dans leurs démarches administratives.

Questionnaire et résultats

Implication Ux

Nous avons défini deux personae représentatifs (Julie et Léo) pour guider la conception.

Persona Julie
Persona Julie
Persona Julie
Persona léo
Persona léo
Persona léo

Définition

PaperEase

En Bref !

Cette étape a permis de cadrer le périmètre fonctionnel, de prioriser les besoins utilisateurs et de poser les fondations du parcours. Grâce aux user flows, storyboards et à une première définition du MVP, nous avons pu construire une base claire pour concevoir un produit centré sur les attentes réelles des étudiants.

Périmètre et définition

Livrables clés

  • User flows : parcours simplifiés pour chaque démarche.

  • MVP : nous avons recentré le périmètre sur les démarches prioritaires (CAF, sécurité sociale).

  • Storyboard : scénarios concrets montrant l’usage en contexte.

User journey

Nous avons conçu des user flows en nous basant sur les personas clés afin de définir les différentes étapes de l’expérience : premier contact, recherche d’informations, sélection d’un mentor, prise de rendez-vous et confirmation.
Chaque étape a été décomposée avec ses actions, émotions, points de contact et opportunités d’amélioration.

User journey qui montrent les actions, les émotions, les opportunité ainsi que le points de contacts que les utilisateurs peuvent avoir en utilisant notre app.
User journey qui montrent les actions, les émotions, les opportunité ainsi que le points de contacts que les utilisateurs peuvent avoir en utilisant notre app.
User journey qui montrent les actions, les émotions, les opportunité ainsi que le points de contacts que les utilisateurs peuvent avoir en utilisant notre app.

Parcours utilisateurs

  • Un travail approfondi a été mené pour cartographier les situations types, comme :

  • Je souhaite déclarer mes impôts.

  • Je veux obtenir une aide financière.

  • Je cherche un logement ou un accompagnement.
    Ces cas d’usage ont guidé les décisions fonctionnelles et l’architecture de l’application.

parcours utilisateur
parcours utilisateur
parcours utilisateur

Navigation

Nous avons défini trois types de navigation :

  • Globale : Recherche, citoyenneté, impôts, aides, etc.

  • De courtoisie : Paramètres, mentor, profil.

  • Locale : Barre de recherche.

Matrice fonctionnel

Une matrice a permis de prioriser les fonctionnalités clés à intégrer dans la V1 (MMP) et à projeter des évolutions pour une V2, en distinguant les besoins indispensables, optionnels ou à confirmer.

Matrice fonctionnelle
Matrice fonctionnelle
Matrice fonctionnelle

Quelques User flows

users flow des parcours principaux
users flow des parcours principaux
users flow des parcours principaux

Tri des cartes

Un tri des cartes a été réalisé pour hiérarchiser les contenus selon les attentes des utilisateurs.
L’arborescence initiale a ensuite été testée avec Optimal Workshop, puis ajustée en fonction des retours utilisateurs pour améliorer la lisibilité et la navigation.

tri des cartes pour la hierarchisation de l'information
tri des cartes pour la hierarchisation de l'information
tri des cartes pour la hierarchisation de l'information

Arborescence

Pour structurer efficacement l'application, nous avons défini une arborescence claire, alignée avec les besoins prioritaires identifiés lors des recherches utilisateurs.

Démarche :

  • Un tri des cartes a d’abord permis d’organiser les contenus selon les attentes et les représentations mentales des utilisateurs (impôts, logement, mentorat, droits…).

  • Une première arborescence a été testée via Optimal Workshop, révélant des problèmes de lisibilité dans certaines catégories.

  • Les retours utilisateurs nous ont permis de faire évoluer la structure vers une arborescence V2 plus intuitive.

Arborescence finale
Arborescence finale
Arborescence finale

Synthèse de test

Les tests ont confirmé les difficultés de navigation dans l’arborescence initiale.
Les ajustements ont permis de proposer une V2 plus intuitive, mettant en avant les sections prioritaires comme : Mentor, Logement, Droit du travail, etc.

Arborescence V2

La version finale :

  • Met en avant les sections jugées prioritaires : Mentor, Droits du travail, Logement.

  • Sépare distinctement les parcours selon les besoins (scanner, aides, citoyenneté, profil...).

  • Facilite la navigation grâce à une hiérarchie simplifiée et compréhensible.

Charte graphique

PaperEase

En Bref !

Nous avons conçu une direction artistique inspirée du Bauhaus, combinant simplicité, rigueur et modernité pour rassurer l’utilisateur sans le surcharger.

Une identité démarquer

Pourquoi une charte graphique ?

Créer une identité graphique marquante était un enjeu central pour renforcer la crédibilité du service et sa lisibilité. Le choix d’un courant artistique fort permettait de poser un cadre clair et différenciant.

Pourquoi le Bauhaus ?

Ce courant, basé sur des formes géométriques simples et des couleurs primaires complémentaires, nous a permis de :

  • Structurer visuellement l’information,

  • Créer un univers moderne et fonctionnel,

  • Rassurer l’utilisateur par un système clair et sans surcharge visuelle.

valeur charte
valeur charte
valeur charte

Quelles sont les valeurs de notre logo ?

Les éléments graphiques ont été pensés pour transmettre 6 valeurs clés de PaperEase :

  • Indépendance : l’utilisateur reprend la main sur ses démarches

  • Simplicité : parcours clairs, visuels épurés

  • Accessibilité : design lisible et inclusif

  • Praticité : accès rapide à l’information utile

  • Jeunesse : ton et visuels adaptés à la cible étudiante

  • Rapidité : navigation fluide et hiérarchisée

Le logo : un symbole de fiabilité et de croissance

Le logo représente :

  • Des feuilles et dossiers administratifs,

  • Des formes géométriques inspirées du Bauhaus (sécurité, stabilité),

  • Une forme de fleur suggérant la croissance, l’éducation et l’évolution des étudiants.

Logo declinaison
Logo declinaison
Logo declinaison
Logo declinaison
Logo declinaison
Logo declinaison
Logo declinaison
Logo declinaison
Logo declinaison

Quelles sont les couleurs choisies ?

Nous avons opté pour un duo à fort contraste :

  • Violet : innovation, fiabilité, soutien,

  • Jaune : optimisme, clarté, dynamisme.

Ces couleurs permettent une bonne accessibilité colorimétrique et renforcent l’impact visuel.

Couleur utiliser
Couleur utiliser
Couleur utiliser

Quelles sont les typographies choisies ?

  • Mandala : pour les titres principaux, référence directe au courant Bauhaus.

  • Poppins : pour les textes courants, choix de lisibilité et de rondeur.

L’ensemble crée un univers moderne, structuré et chaleureux, parfaitement adapté à la cible étudiante.

Typographie utiliser
Typographie utiliser
Typographie utiliser

Maquettes

PaperEase

En Bref !

Nous avons décliné les wireframes en maquettes haute fidélité afin de valider l’ergonomie et l’aspect visuel du produit final.

Design de notre mobile app

Zoning

Pages clés conçues

  • Page d’accueil : présentation claire de l’outil et CTA directs.

  • Parcours “Je veux faire ma demande CAF” : accompagné pas à pas.

  • Espace personnel : vision synthétique de l’état d’avancement des démarches.

Parti pris UX/UI
Mise en avant de l’information essentielle et suppression de toute surcharge visuelle.

Atelier zonning
Atelier zonning
Atelier zonning

WIreframes

Wireframe
Wireframe
Wireframe

Maquettes

Maquettesx
Maquettesx
Maquettesx

Prototype

PaperEase

En Bref !

Nous avons utilisé des outils no code pour créer un prototype fonctionnel, testé auprès d’utilisateurs pour valider l’ergonomie et les parcours.

Prototype, no code et tests

No code

Conçu avec Bubble + outils connectés (Airtable, Calendly).

  • Simulation de vraies interactions : prise de rendez-vous, scan de documents, paiements.

  • Diagramme fonctionnel établi en amont pour garantir la cohérence.

Prototype

Tests

  • Objectif : recueillir des retours avant développement.

  • Protocole : scénarios centrés sur l’usage réel.

  • Résultats : validation de l’enchaînement des étapes, points d’amélioration sur la navigation et le wording.

French

2025

French

2025

Portfolio