Une PWA de suivi des demandes pour un acteur de l’habitat, montrée en maquette
Un signalement qui se suit sans rappeler l’agence.
Le projet en bref
- Le besoin
- Qu’un résident signale et suive une demande sans rappeler l’agence, que le gestionnaire voie le dossier en entier et que l’artisan reçoive la bonne information.
- Ma contribution
- Rédaction du cahier des charges et du design system, démonstration jouable et deux films commentés, en avant-vente.
Ce qui a été réalisé
- Cahier des charges
- Design system
- Démonstration jouable hors ligne
- Deux films commentés
Réalisé en avant-vente : l’application n’est pas développée et le projet ne commence pas avant la validation du client. Données fictives, aucun résultat commercial n’est revendiqué, et le nom du prospect n’est pas publié.
- Nature
- Cahier des charges, maquette jouable et films de démonstration
- Période
- Depuis octobre 2026
- Client
- Acteur de l'habitatGestion de copropriétés, nom non publié
Le besoin
Un acteur de la gestion de copropriétés reçoit les signalements des résidents par téléphone et par e-mail. Ses clients rappellent pour connaître l’avancement, et les secrétaires sont régulièrement interrompues. L’objectif : que le résident signale et suive sans rappeler, que le gestionnaire voie tout le dossier au même endroit, et que l’artisan reçoive la bonne information sans créer de compte.
Ce qui a été réalisé
- Un cahier des charges complet, daté du 28 octobre 2026 : parcours des trois espaces, droits par rôle, règles de sécurité, fonctionnement hors ligne, notifications.
- Un design system écrit : couleurs, typographie, mouvement, composants et règles d’accessibilité (contrastes, clavier).
- Une planche des interfaces, qui montre les trois espaces côte à côte.
- Une démonstration jouable, en un seul fichier sans ressource externe, qui fonctionne sans réseau. Elle joue un signalement de fuite d’eau signalé la nuit, et le montre vivre dans les trois espaces à la fois, jusqu’à l’intervention. Deux modes : un film continu d’environ 100 secondes, ou un pas à pas qu’on mène à son rythme.
- Deux films verticaux commentés par une voix générée par IA, d’une minute et de deux minutes quarante, qui racontent le même dossier.
Comment le récit a été construit
Le scénario part du problème du client, dit avec ses propres mots, puis le fait disparaître à l’écran. Chaque message affiché dans la démonstration est repris du cahier des charges, et un script contrôle la démonstration contre ce document.
Preuves
Chaque chiffre porte sa source. Aucun résultat commercial n’est revendiqué.
100 s
Durée du film continu de la démonstration jouable
SourceDocumentation de la démonstration, vérifiée le 29 octobre 2026
269 Ko
Poids de la démonstration, en un seul fichier hors ligne
SourceDocumentation de la démonstration, 29 octobre 2026
60 s et 160 s
Durées des deux films commentés
SourceFichiers du projet, relevé du 3 novembre 2026
Ce qui est prévu
Une application en Next.js et TypeScript, avec une base PostgreSQL, d’abord en maquette interactive pour le rendez-vous, puis en pilote sur une résidence. Rien de cela n’est commencé.
Ce qui n’est pas fait ni affirmé
- L’application n’est pas développée. Le projet ne commence pas avant la validation du client.
- Toutes les données de la démonstration sont fictives, et chaque écran le dit.
- Il s’agit d’une démonstration d’avant-vente : aucune installation, aucun chiffre, aucune promesse. Aucun résultat commercial n’est revendiqué.
- La démonstration et les films portent le nom et les couleurs du prospect : ils ne sont pas publiés ici, et aucune capture n’est montrée.
Détails techniques
Les technologies utilisées pour cette réalisation. Les fonctions et leurs limites sont détaillées dans le récit.
- HTML
- CSS
- SVG
- JavaScript
- Remotion
- FFmpeg
Savoir-faire mobilisé
Un besoin similaire ?
Parlons de votre contexte et de ce que vous aimeriez simplifier.