Animalife
1. Contexte du projet
Animalife est une solution digitale conçue pour faciliter la mise en relation entre les propriétaires d’animaux et les professionnels de santé vétérinaire. Le client souhaitait développer un écosystème complet incluant deux applications mobiles (propriétaires et praticiens) ainsi qu’une plateforme web destinée aux cabinets, afin de centraliser la gestion des rendez-vous et des patients.
Le principal challenge résidait dans la multi-plateforme : concevoir une expérience cohérente entre mobile et desktop, tout en intégrant des contraintes spécifiques au métier. Côté professionnels, il fallait notamment gérer les temps de trajet entre les rendez-vous, la durée moyenne d’une consultation et l’optimisation des plannings.
2. Mon rôle
En tant que Product Designer, j’ai pris en charge l’ensemble du cycle produit :
Recherche utilisateurs et cadrage des objectifs business.
Conception des parcours critiques et prototypage.
Définition et mise en place d’un design system cross-plateformes.
Collaboration étroite avec l’équipe produit et technique dans un cadre Agile/Scrum.
3. Discovery & Research
Je me suis appuyé sur le Double Diamond Framework et des pratiques de Design Thinking pour cadrer la problématique :
Entretiens qualitatifs avec des propriétaires et des vétérinaires.
Analyse des contraintes métier : déplacements fréquents, gestion fine du temps, communication avec les clients.
Création de customer journey maps pour identifier les moments de friction (ex. temps de trajet non pris en compte dans la planification).
Benchmarking d’outils de réservation et de gestion de planning. (Doctolib, Planity…)
Étapes du parcours | Actions | Pensées / Attentes | Emotions | Pain points | Opportunités de design |
|---|---|---|---|---|---|
1. Découverte | Télécharge l’application suite à une recommandation ou une recherche. | “J’espère que ça va être simple et rapide.” | Curieux, parfois anxieux. | Inscription trop longue, manque de confiance au premier contact. | Simplifier l’onboarding, rassurer par des signaux visuels (tonalité rassurante, logos pro, mentions légales visibles). |
2. Inscription / Profil | Crée un compte, renseigne ses infos et celles de son animal. | “J’ai besoin que ce soit rapide et clair.” | Peut-être impatient. | Trop d’infos demandées dès le début. | Progressif onboarding → ne demander que l’essentiel, puis compléter plus tard. |
3. Recherche vétérinaire | Cherche un praticien selon la spécialité et la localisation. | “Je veux trouver quelqu’un de proche et compétent.” | Excité / un peu stressé. | Interface de recherche peu claire, surcharge d’infos. | Filtres clairs, cartes interactives, mise en avant des infos clés (proximité, avis, disponibilité). |
4. Prise de rendez-vous | Sélectionne une date et un créneau. | “J’espère qu’il y a de la place rapidement.” | Peut être frustré si les dispos sont faibles. | Pas de visibilité sur la disponibilité réelle, créneaux trop rigides. | Synchronisation en temps réel des plannings, options de rendez-vous flexibles. |
5. Confirmation | Reçoit une confirmation et des rappels. | “Ok, je suis rassuré.” | Soulagement. | Si pas de notification claire → doute, insécurité. | Notifications push + mails, récap clair dans l’app. |
6. Rendez-vous & trajet | Se rend chez le vétérinaire. | “Est-ce que je vais être à l’heure ?” | Stress si déplacement long. | Pas de prise en compte du trajet. | Intégration du temps de trajet dans la réservation (optimisation agenda côté pro). |
7. Suivi | Consulte l’historique, les prescriptions, prochains rendez-vous. | “Je veux garder une trace facilement.” | Apaisement. | Historique dispersé ou peu lisible. | Interface de suivi claire, historique centralisé, possibilité d’ajouter des notes. |
4. Définition du produit
En collaboration avec le client et les développeurs, nous avons adopté une approche Scrum avec sprints courts et ateliers de co-création.
Définition du MVP : inscription, recherche de vétérinaire, prise de rendez-vous, notifications, gestion des plannings.
Élaboration des user flows détaillés pour assurer la couverture des cas critiques (prise en compte du temps de trajet, distances, temps de consultation).
Constitution d’un product backlog priorisé, garantissant un alignement clair entre business et technique.
5. Conception UX
Réalisation de wireframes basse fidélité pour tester rapidement les parcours et les logiques de planification.
Développement de prototypes interactifs afin de simuler des scénarios complexes, notamment la gestion des rendez-vous en déplacement.
Tests utilisateurs ciblés pour valider la faisabilité et l’efficacité des parcours.
6. UI Design & Design System
Mise en place d’un design system modulaire (approche Atomic Design) pour garantir la cohérence entre mobile et desktop.
Conception des écrans haute fidélité sur Figma, intégrant des règles d’accessibilité (contraste, lisibilité, hiérarchie visuelle).
Création d’une identité visuelle moderne et rassurante, adaptée à un secteur de santé.
7. Collaboration & Handoff
Documentation détaillée des composants et règles d’utilisation.
Handoff vers les développeurs via Figma et rituels Agile (dailies, sprint reviews).
Ajustements continus pour intégrer les contraintes techniques liées aux plateformes mobiles et web.
8. Résultats
Expérience unifiée : un produit cohérent entre mobile et desktop.
Optimisation métier : gestion intelligente des plannings incluant temps de trajet et durée de rendez-vous.
Scalabilité : un design system pensé pour évoluer avec les besoins futurs.
Adoption facilitée : une expérience simple, intuitive et adaptée aux différents profils d’utilisateurs.
