Retour aux projets
📅
Projet personnel 2024-2025

Templia

Calendrier familial intelligent avec reconnaissance OCR des plannings hospitaliers, détection de conflits par IA, et interface adaptée aux enfants.

UX/UI Mobile App IA / OCR Design System
🎓 Projet réalisé dans le cadre de la certification Google UX Design — Design Thinking (Coursera)
Templia Dashboard

Le projet

Les familles avec des horaires complexes (personnel de santé travaillant en 3/7j, gardes alternées, activités multiples des enfants) peinent à coordonner leurs emplois du temps. Les solutions existantes ne comprennent pas les plannings rotatifs.

Templia reconnaît automatiquement les plannings hospitaliers via OCR, détecte les conflits par IA avant qu'ils ne surviennent, et propose une interface adaptée pour chaque membre de la famille.

Design Process

1
Discovery

Templia est né dans le cadre de ma certification Google UX Design — Design Thinking (Coursera), mais le problème n'est pas théorique. J'ai moi-même vécu la coordination de plannings non-standards — horaires hospitaliers rotatifs (3/7 jours) et horaires flexibles côté famille — et j'ai régulièrement observé, dans mon entourage, à quel point la garde partagée entre parents séparés peut créer des cafouillages de planning.

Le déclic a été concret : récupérer un enfant à l'école qui n'était pas le mien, parce que ses parents séparés s'étaient mal coordonnés sur qui devait passer ce jour-là. Ce n'est pas un cas isolé — c'est le symptôme d'un vrai manque d'outil pour les familles aux plannings non-standards.

2
Recherche & analyse concurrentielle — Empathize

Analyse de 9 applications concurrentes (Cozi, FamCal, OurFamilyWizard, TimeTree, FamilyWall, Picniic, Google Calendar, Cupla, OurHome) à partir d'avis réels — App Store, Google Play, Trustpilot, Capterra, Reddit, Mumsnet. Objectif : identifier les frustrations récurrentes non résolues par l'offre existante, plutôt que partir d'une page blanche.

Conclusion : aucune solution existante ne couvre à la fois la confidentialité granulaire, la détection proactive de conflits, le scan de planning par OCR, la visibilité télétravail/déplacements et une interface pensée pour les enfants — c'est cet espace vide qui définit le positionnement de Templia.

3
Problem Statement & Pain Points — Define
"Comment simplifier et fluidifier la gestion des plannings familiaux, tout en respectant la confidentialité et en anticipant les conflits ?"

Six frictions structurent ce problème : multiplication des outils, enfants exclus de l'organisation, confidentialité mal gérée dans les familles recomposées, conflits d'agenda détectés trop tard, plannings professionnels reçus en image et recopiés à la main, télétravail et déplacements mal représentés dans les calendriers classiques.

4
Idéation — Des pain points aux solutions — Ideate

Chaque pain point a été traduit en principe de solution avant tout écran : calendrier centralisé avec filtres par membre, confidentialité à 3 niveaux (public / masqué / privé), détection de conflits par IA avec suggestions actionnables (impliquer un aidant, replanifier), scan OCR de planning avec validation manuelle, déclaration de mode de travail (télétravail / bureau / déplacement), et interface enfant simplifiée (blocs colorés, emojis, "qui vient me chercher").

5
Personas & Storyboards

8 personas construits à partir des pain points identifiés en recherche — de Sophie (infirmière, mère séparée en garde alternée) à Emma (13 ans, qui veut juste savoir "qui vient me chercher") — déclinés en 5 storyboards "avant / avec Templia / résultat" : un format qui force à prouver la valeur ajoutée sur un cas concret plutôt que de rester au niveau des features.

6
Wireframes → Itération (V1 → V3) — Prototype

La V1 a été travaillée à la main. Pour les versions suivantes, j'ai adopté un mode de collaboration avec l'IA proche d'une session de critique design classique : Claude générait rapidement des drafts, je donnais mon retour comme je l'aurais fait face à un designer junior — puis j'appliquais moi-même les modifications dans Figma, ou je transmettais des instructions précises pour des changements en batch (authentification Google, rôles Parent / Enfant / Aidant, filtres, récurrence "Semaine A/B", champ accompagnant). Seule la V3 a atteint le niveau de confiance nécessaire pour être présentée ici.

7
UI Design

Traduction des wireframes validés en interfaces haute-fidélité — palette Blue Ocean / Teal / Turquoise, composants réutilisables, plus de 40 écrans couvrant l'onboarding, le cœur produit (agenda, événements), la détection de conflits par IA et l'import de planning par OCR.

8
Design System

49 variables de design, 100+ icônes custom au style blob organique, composants documentés (boutons, tags, inputs, avatars) — pensé pour être directement exploitable par une équipe de dev, pas comme une simple planche de style.

9
Dev Handoff

1 PRD détaillé, 44 tickets dev répartis sur 4 sprints, stack technique définie (React / Vite / Tailwind côté front, Node / Express / Prisma / SQLite côté back) — un handoff prêt à être repris par une équipe de développement.

Points clés

📷

OCR Planning

Reconnaissance automatique des plannings hospitaliers photographiés

🤖

Détection IA

Identification proactive des conflits d'horaires familiaux

👶

Mode Enfant

Interface simplifiée et colorée pour les plus jeunes

Livrables

👥
8

Personas

🗺️
5

User Journeys

🎨
49

Variables Design

🎯
100+

Icônes Custom

📝
1

PRD Détaillé

🎫
44

Tickets Dev

📅
4

Sprints planifiés

🖼️
26

Styles couleurs

Écrans de l'application

25 écrans · V3, mode light — dark mode également disponible sur demande

🚀 Onboarding — 8 écrans
Écran d'accueil Templia
Welcome
Connexion
Connexion
Inscription
Inscription
Création de famille — étape 1
Créer une famille (1/3)
Ajout des membres de la famille — étape 2
Ajouter des membres (2/3)
Personnalisation du compte — étape 3
Personnalisation (3/3)
Rejoindre une famille existante
Rejoindre une famille
Inviter des membres
Inviter des membres
📅 Cœur produit — 6 écrans
Dashboard familial
Dashboard
Agenda vue semaine
Agenda — Semaine
Agenda vue mois
Agenda — Mois
Ajouter un événement
Ajouter événement
Détail d'un événement
Détail événement
Modifier un événement
Modifier événement
🤖 Détection de conflits — 4 écrans
Liste des conflits détectés
Dashboard conflits
Détail d'un conflit
Détail conflit
Solutions proposées pour résoudre un conflit
Solutions proposées
Conflit résolu
Conflit résolu
📷 Import OCR — 2 écrans
Import d'un planning par OCR
Import planning
Planning importé avec succès
Import réussi
👤 Compte & famille — 4 écrans
Profil utilisateur
Profil
Paramètres du compte
Paramètres
Gestion des notifications
Notifications
Gestion de la famille
Gestion famille

Design System

Système complet créé avec Figma et Tokens Studio

Color Variables

Primary (Blue Ocean)
Secondary (Teal)
Accent (Turquoise)
Neutrals
Semantic

Typography / Mobile

Style Weight Size
Header / H1 Bold 32px
Header / H2 Bold 20px
Label / L1 Regular 18px
Label / L2 Bold 16px
Body / B1 Regular 14px
Body / B2 Regular 10px

Assets

Logo
Logo Light
Logo Dark
Custom Icons (100+)
🏠 📅 ⚠️ 👤 🔔

UI Components

Buttons
Event Tags
💼 Travail
📚 École
⚽ Sport
⚠️ Conflit
Input States
Avatars
TL
MA
JD
⚠️ Conflit détecté

Components Library

Bibliothèque de composants

Iconography

Plus de 100 icônes custom avec style blob organique

Bibliothèque d'icônes
100+
Icônes thématiques
36
Lettres & chiffres
3
Styles couleurs

Recherche & Inspiration

Moodboard

Prochaines étapes

  • Design System complet avec 49 variables et 100+ icônes
  • Spécifications techniques et 44 tickets dev prêts
  • Développement MVP prévu sur 4 sprints
← Tous les projets Me contacter