AI • Product, Motion & Brand Design

J'ai designé une porte d'entrée vers la santé mentale validée par un psychologue

Rôle Product Designer, Motion Designer, Brand Designer, Direction Artistique
Contexte Plateforme IA de santé mentale
Livrables Wireframes & Prototypes, Interface Chat & Dashboard, Data Visualization, Brand Identity
Collaborateurs Thomas .P (Développeur)
Product Strategy Motion Design Brand Design Art Direction Data Viz
Ovact Interface
⚠️
Le Problème

Friction psychologique pour consulter un psy. Stigmatisation sociale, peur du jugement. Les gens ont besoin d'aide mais ne franchissent pas le pas.

💡
La Solution

Ovact comme porte d'entrée conversationnelle. L'utilisateur discute avec l'IA. Si tout va bien, parfait. Si Ovact détecte des signes, redirection vers un psy spécialisé (couple, anxiété, etc.).

🎯
La Validation

Un psychologue réel a validé le concept et veut l'adopter pour sa pratique. Business model : % par consultation + dashboard avec données précises pour les psys.

Ovact est une porte d'entrée vers la santé mentale. Le vrai problème n'est pas technique, c'est la friction psychologique : la peur du jugement.

Pour briser cette barrière, j'ai utilisé le motion design comme levier de confiance. En donnant "vie" à l'IA (elle écoute, réfléchit, parle), on transforme une machine froide en un interlocuteur rassurant. C'est cette approche "Human First" qui a convaincu un psychologue d'adopter l'outil.

Processus

Timeline du projet (3 mois)

Mois 1

Discovery & Strategy

Recherche utilisateur, analyse concurrentielle, définition de la stratégie UX.

Mois 2

UX Design & Prototyping

Wireframes, architecture de l'information, tests utilisateurs préliminaires.

Mois 3

UI Design & System

Design haute-fidélité, création du Design System, documentation et hand-off.

Le défi

Le vrai problème

Les gens ont besoin d'aide mais ne consultent pas. Stigmatisation sociale, peur du jugement, friction psychologique. Le problème n'est pas technique, il est humain. Comment créer une porte d'entrée accessible qui réduit cette friction ?

Le Modèle Stratégique

1. Le Flow : Conversation naturelle → Détection de signaux (détresse, anxiété) → Redirection vers un spécialiste.

2. Le Business : Ovact apporte des patients qualifiés (% par consultation) et fournit au psy un dashboard clinique (humeur, mots-clés) pour un suivi précis.

Discovery

Research & Insights

L'analyse du marché et des entretiens utilisateurs ont permis d'isoler trois frictions majeures.

1. Le Tabou du "Psy"

70% des personnes en détresse n'osent pas consulter. La peur d'être étiqueté "malade" est le frein n°1.

2. L'Attente de Neutralité

Les utilisateurs se confient plus vite à une IA car elle ne juge pas. Ils cherchent une écoute sans filtre.

3. Le Besoin de Données

Les psychologues manquent d'infos objectives entre les séances. Ils veulent du contexte (humeur, sommeil) avant le RDV.

Approche

Stratégie : Transparence & Clarté

Porte d'Entrée Douce

Pas de jargon médical, pas de formulaire clinique. Juste une conversation naturelle pour briser la glace.

Redirection Intelligente

Détection active des signaux de détresse. Si le score dépasse un seuil, proposition immédiate d'un spécialiste adapté.

Valeur pour le Praticien

Le psy ne reçoit pas juste un patient, il reçoit un contexte : humeur, mots-clés, historique. Gain de temps énorme.

Exploration

Wireframes

L'étape de wireframing a permis de tester rapidement différentes architectures d'information pour garantir que la complexité des données cliniques reste accessible et digeste.

Flow d'inscription : Confiance Immédiate

L'inscription n'est pas juste un formulaire, c'est le premier pas vers l'aide. Chaque écran est conçu pour rassurer : code d'accès sécurisé, validation claire, zéro friction. On ne demande pas de données médicales à l'entrée, on ouvre juste la porte.

Le Chat comme Porte d'Entrée

L'interface conversationnelle est le cœur du produit. Elle doit être invisible pour laisser place à la parole. Gestion des silences, zones de réponse claires, et transitions douces pour encourager la confidence sans intimider.

Humaniser la Machine : Listening, Thinking, Speaking

Pour qu'une IA soit acceptée comme confidente, elle doit "vivre". J'ai conçu des états distincts : elle écoute (pulsation), elle réfléchit (orbite), elle parle (onde). Ce feedback visuel crée une présence rassurante, pas juste un algorithme froid.

Interface utilisateur

Design System : Inspirer la Confiance

L'identité "Deep Space" n'est pas un choix esthétique, c'est un choix psychologique. Le fond sombre apaise, le bleu néon guide sans agresser. La typographie Source Sans 3 assure une clarté absolue, car dans la santé mentale, l'ambiguïté n'a pas sa place.

Typographie

Style
Usage
Specs
Preview
H1-H3 Headings
Titres de page et sections
Poppins Weight 600
Ovact AI
Body Texte principal
Messages & contenu
18 / 25 Source Sans 3
Bonjour, comment puis-je vous aider ?
CTA Boutons
Actions principales
16 / 24 Weight 700
Commencer
Mobile ≤768px
Body mobile
14 / 20 Source Sans 3
Texte mobile

Espacements

Taille
Usage
Valeur
Exemple
XXS Extra Small
Espacement minimal, padding interne
8px
XS Small
Espacement entre éléments proches
16px
S Medium Small
Espacement entre composants
24px
M Medium
Espacement entre sections
32px
L Large
Espacement entre blocs majeurs
40px
XL Extra Large
Espacement entre pages/vues
60px

Palette "Deep Space"

Background #081522
Main Background
Surface #0a1929
Cards / Secondary BG
Primary Blue #5ca3f0
Accents & CTA
Dark Blue #1a5f9e
Interactive Elements

Interaction Design

start loop end

User Speaking

start loop end

AI Thinking

start loop end

AI Speaking

Feedback visuel complet : User Speaking, AI Thinking, et AI Speaking.

Logotype

Logo Ovact

Le logotype Ovact incarne la fusion entre l'humain et l'intelligence artificielle.

Implementation

Interface Finale

L'interface finale d'Ovact réunit tous les principes définis en amont : une expérience fluide et rassurante, des interactions transparentes et un design qui inspire confiance. Chaque écran a été pensé pour accompagner l'utilisateur dans son parcours, de l'onboarding jusqu'à la conversation avec l'IA.

Page d'accueil & Onboarding

Un point d'entrée rassurant qui guide l'utilisateur dès les premiers instants

Écoute Active

L'IA analyse et comprend le contexte pour apporter une réponse adaptée

Conversation Naturelle

Un échange fluide et empathique qui s'adapte au rythme de chacun

Résultats

Impact & apprentissages

Validation Marché

Adopté par un Psychologue

Un praticien a validé le concept et souhaite l'intégrer à sa pratique. La preuve que l'outil répond à un vrai besoin clinique et business.

Validé
Business Model

Gagnant-Gagnant

Apport de clients qualifiés pour les psys + revenus récurrents pour la plateforme.

UX Impact

Conversion par la Confiance

Le design rassurant transforme la friction ("j'ai peur") en action ("je prends RDV").

"Quand un psychologue valide ton concept et veut l'adopter pour sa pratique, tu sais que tu as créé plus qu'une belle interface, tu as résolu un vrai problème."

Intéressé pour travailler ensemble ?