Étude de cas
Trame
Une app familiale qui réunit l’agenda, les courses, les tâches, les repas, les notes et les dépenses d’un foyer.
Partagée entre adultes et enfants.
- Statut au 8 octobre 2026
- iPhone : version 1.0 envoyée à l’App Store, en cours de vérification par Apple. Web : utilisable. Android : prévu, en pause.
- Technologies et thèmes
Captures
Visuels de présentation de l’application sur iPhone : interface réelle, foyer fictif « Famille Martin », aucune donnée réelle.
Vidéo de présentation
Problème
La logistique d’une famille est éparpillée : messages, papiers, agendas séparés (travail, école, couple). Chacun voit une partie de la semaine, personne ne voit la même.
Solution et fonctions
Un seul endroit, la même semaine pour tout le foyer. Public visé : couples et familles, adultes et enfants. Interface 100 % en français.
- Agenda de la famille : une couleur par membre, vues jour, semaine et mois, événements récurrents, rappels.
- Google Agenda et Outlook : l’agenda du travail s’affiche dans Trame (lien en lecture seule), et l’agenda du foyer s’affiche dans Google ou Outlook (abonnement
.ics). - Listes et tâches : la liste de courses se coche en magasin et se met à jour en direct chez l’autre ; les tâches ont une personne et une échéance.
- Le reste du foyer : notes, repas de la semaine et recettes, dépenses partagées, emploi du temps scolaire, messages et documents.
- Notifications : on est prévenu quand un proche ajoute un rendez-vous.
- Vie privée : pas de publicité, pas de traqueur, aucune revente de données, pas de mot de passe (code à usage unique par e-mail), suppression du compte immédiate.
Mes décisions
Le produit est le mien, de la première idée à l’envoi à l’App Store. Parmi les décisions que j’ai prises :
- Nom et identité : j’ai écarté le premier nom, FamilyHub, trop proche d’une application existante. J’ai gardé l’idée du tissage et refusé les premières propositions graphiques, « trop scolaires ».
- Produit : j’ai retiré la séparation famille / travail / perso, qui se déduisait de la sélection des membres. J’ai demandé les répétitions personnalisées, la synchronisation avec Outlook et Gmail, les éléments de liste à cocher, un même niveau de design sur ordinateur et sur mobile, et des mots coupés net plutôt que des points de suspension.
- Sécurité : j’ai demandé un renforcement de la sécurité, puis un nouvel audit après l’ajout de fonctions.
- Publication : j’ai choisi les pays de publication et la région des données (Paris).
- Revue Apple : je l’ai gérée moi-même (enregistrement d’écran sur iPhone, compte de test pour les relecteurs, réponse à Apple).
Je teste sur un vrai téléphone et je rapporte les défauts par enregistrements d’écran.
Choix techniques
Sécurité
- Règles d’accès au niveau des lignes (
RLS) : un foyer ne voit jamais les données d’un autre. Supabase (PostgreSQL), 26 migrations rejouables. - Session chiffrée sur l’appareil :
AES-256, clé dans le Trousseau iOS. - Aucune clé secrète dans le code.
- Politique de confidentialité vérifiée contre le code réel.
- Connexion sans mot de passe : code à usage unique par e-mail.
Application et services
- App : Expo (SDK 57) et React Native, TypeScript,
expo-router. Un seul code pour iPhone, web et Android. - Données et comptes : Supabase (PostgreSQL, authentification par code à usage unique, stockage de fichiers).
- E-mails de connexion : Brevo. Notifications : service de notifications d’Expo vers Apple (APNs). Site, version web et hébergement : Cloudflare.
- Qualité : environ 340 tests automatisés ; vérification des types (TypeScript) à chaque changement.
- Construction et publication : EAS Build (Expo) pour compiler l’app iOS, TestFlight, App Store Connect.
Design
Police à empattement Fraunces dans l’app et les vidéos, DM Serif Display pour le titre de la vidéo de présentation. Palette sobre, mode clair et sombre automatique. Icône : lignes colorées entrelacées sur fond sombre. Les vidéos d’animation (aperçu App Store, réseaux, boucle du site) sont réalisées en code, dans le dossier motion/ du dépôt.
Méthode de travail
Je définis le produit, je décide et je teste. L’écriture du code est confiée à plusieurs agents IA (Claude), chacun avec un territoire précis :
- un agent principal (iOS, web, base de données) ;
- un agent Android ;
- un agent motion design ;
- un coordinateur qui répartit le travail, vérifie les livraisons et tient la documentation (
HANDOFF.md).
Règles imposées : un territoire par agent, jamais de commit global, un seul envoi sur GitHub, vérification avant chaque livraison.
Je décide, je vérifie chaque livraison et je teste sur de vrais téléphones. Le code est écrit par des agents IA ; ce n’est pas du code écrit à la main.
État actuel et liens
- iPhone : version 1.0 envoyée à l’App Store, en cours de vérification par Apple (envoi le 7 octobre 2026). Disponible en test via TestFlight. Pays visés : Canada, France, Belgique, Luxembourg, Suisse. Gratuite.
- Web : version utilisable sur trameapp.app/app ; site de présentation sur trameapp.app.
- Android : prévu, volontairement en pause (Google Play exige d’abord 12 testeurs).
Lien : politique de confidentialité.