Dayanna Cardenas
← retour aux projets

étude de cas · projet de certification · 2024–2025

Explorer une application de santé mentale, de la recherche à une landing page fonctionnelle

Maivy est un projet de certification indépendant qui m’a permis de faire le lien entre mon parcours en psychologie et ma formation en Product Design. J’ai étudié le problème, défini le concept de l’application et ses principaux parcours, créé l’identité, puis construit la V1 publique avec Framer.

Illustration de la landing page Maivy : le titre « Tu n’es pas seul.e » au-dessus d’une colline verte au lever du soleil, avec une personne en train de marcher et Mavi, la mascotte fleur corail.

pensé pour le marché français · interface et contenus en français

en bref

type
Projet de certification indépendant
produit
Concept d’application de santé mentale
recherche
Typeform · 80 participants · Dovetail · 3 entretiens
mon périmètre
Recherche · définition produit · parcours · UX/UI · identité · Framer
réalisé
Landing page responsive + blog avec Framer
non réalisé
L’application elle-même

Pourquoi ce sujet

Je suis arrivée au Product Design avec un parcours en psychologie. J’ai donc profité de ce projet pour reprendre, sous un autre angle, une question qui m’intéressait déjà : que se passe-t-il avant même qu’une personne arrive à sa première séance de thérapie ?

Chercher de l’aide peut déjà être déroutant. On ne sait pas forcément quel type de professionnel chercher, ce que signifient les différentes approches, ni comment savoir si la personne trouvée nous conviendra réellement.

Ce que la recherche m’a appris

Pour mieux comprendre cette première étape, j’ai combiné un questionnaire plus large avec une petite phase de recherche qualitative. Je voulais comprendre ce qui créait de la confusion, ce que les personnes attendaient de l’expérience et ce qui comptait vraiment au moment de choisir un professionnel.

J’ai réalisé un questionnaire Typeform auprès de 80 participants et trois entretiens semi-directifs, analysés dans Dovetail.

80

participants au questionnaire

Typeform

3

entretiens

Semi-directifs · Dovetail

01 / des repères plus clairs

Les personnes avaient besoin de mieux comprendre par où commencer et ce que signifient concrètement les différentes approches.

02 / la compatibilité humaine

Se sentir compris et à l’aise avec le professionnel comptait autant que sa spécialité ou son approche.

03 / moins médical, plus humain

L’expérience devait être rassurante, compréhensible et pouvoir être explorée à son propre rythme.

04 / la continuité

Le concept devait aussi prendre en compte ce qui se passe autour et entre les séances, pas seulement le rendez-vous lui-même.

une direction s’est précisée

Aider les personnes à mieux comprendre leurs besoins + se sentir plus en confiance dans le choix d’un professionnel est devenu central dans le concept.

En regardant les services existants, j’ai retrouvé la même tendance. Beaucoup se concentraient sur la prise de rendez-vous, l’accès aux soins ou l’accompagnement en autonomie. Il restait davantage d’espace pour explorer l’orientation, la compatibilité avec le professionnel et la continuité autour de la relation thérapeutique.

De la recherche au concept produit

La recherche m’a aussi aidée à préciser pour qui je concevais. J’ai transformé ce que j’avais entendu en trois personas et en empathy maps, puis je m’en suis servie pour cartographier le parcours global avant de décider ce que le produit devait réellement accompagner.

À partir de ces thèmes, j’ai structuré une expérience Maivy plus large autour des moments qui semblaient les plus importants : comprendre ses besoins, trouver et découvrir des professionnels, préparer et suivre sa thérapie, accéder à des ressources et savoir quoi faire en situation de crise.

L’application est restée au stade de concept, mais ce travail m’a permis de rendre l’expérience suffisamment concrète pour commencer à la concevoir.

concept produit · structuré, pas développé

  • 01

    Comprendre les besoins + premiers pas

    Aider une personne à mettre des mots sur ce qu’elle recherche.

  • 02

    Mise en relation + recherche de thérapeute

    Proposer des professionnels selon la compatibilité, pas seulement selon la spécialité.

  • 03

    Exploration + contenus pédagogiques

    Comprendre les différentes approches à son propre rythme.

  • 04

    Suivi entre les séances

    Humeur, notes et petits outils entre les rendez-vous.

  • 05

    Parcours de crise

    Des étapes claires et des ressources lorsque la situation devient difficile.

  • 06

    Espace professionnel

    Un espace pensé aussi pour les professionnels.

L’application est restée au stade de concept. La landing page et le blog sont les éléments que j’ai réellement construits avec Framer.

Construire l’identité

J’ai créé l’identité visuelle de Maivy en parallèle du concept produit. Le nom vient du latin viam, qui signifie « chemin » ; lu à l’envers, il rappelle aussi « ma vie ».

J’ai conçu le wordmark, développé Mavi comme une petite mascotte organique et réalisé les illustrations dans Procreate.

Univers de marque Maivy avec wordmark, signature et formes organiques illustrées.
univers de marque
Wordmark Maivy accompagné de sa petite forme organique corail.
wordmark
Mavi, la mascotte : premières esquisses, expressions et personnage final.
mavi · des premières esquisses au personnage final

Le concept d’application

J’ai créé quelques premiers écrans dans Figma pour explorer le ton et les premières étapes de l’expérience. Ils montrent une direction envisagée à ce moment du projet, pas le design complet d’une application.

premières pistes · pas un design d’application finalisé

Écran d’accueil Maivy avec « Bienvenue sur Maivy », un court texte rassurant, un bouton « Commencer » et Mavi.
Écran d’onboarding Maivy « Une safeplace pour toi », présentant les ressources, les professionnels et la possibilité de simplement prendre un moment pour soi.
Écran d’onboarding « Personnalisé mais surtout privé ! », avec un encart rappelant que les réponses restent confidentielles.
Écran de création de compte Maivy avec prénom, nom, e-mail, mot de passe et options de connexion Google, Apple et Facebook.
Écran de connexion Maivy avec e-mail, mot de passe, lien « mot de passe oublié », connexions sociales et accès à l’espace Maivy Pro.

Ce que j’ai réellement construit

La certification demandait la réalisation d’un site fonctionnel. J’ai donc mené la landing page et le blog de Figma à Framer.

Je les ai construits en responsive, configuré le CMS, travaillé les bases du SEO et intégré des considérations d’accessibilité basées sur les WCAG 2.2 AA. Je n’ai pas réalisé d’audit d’accessibilité complet ; je ne présente donc pas le résultat comme conforme aux WCAG.

Landing page Maivy affichée sur un ordinateur portable : navigation, titre « Tu n’es pas seul.e », texte d’introduction, bouton « Télécharger l’app » et scène illustrée sur une colline.
Landing page et blog construits avec Framer.

Si je poursuivais Maivy

La logique de mise en relation serait ma première priorité. J’irais plus loin dans les questions et les filtres réellement utiles, puis je testerais si les suggestions semblent pertinentes et si les personnes comprennent pourquoi certains professionnels leur sont proposés.

En parallèle, je commencerais à construire Maivy Pro avec des professionnels afin de tester la mise en relation des deux côtés : ce que recherchent les personnes, la manière dont les professionnels décrivent leur pratique et si la connexion entre les deux est réellement cohérente.

Je voudrais également faire revoir le parcours de crise avec des professionnels qualifiés avant de développer davantage cette partie.

Où le projet s’est arrêté

Maivy est resté un projet de certification indépendant. Les participants à la recherche étaient réels, l’application au sens large est restée un concept et les témoignages présents sur la landing page étaient illustratifs.

Les éléments que j’ai menés jusqu’à une réalisation fonctionnelle sont la landing page publique et le blog construits avec Framer.