Aller au contenu
BXGLNDR

PRJ-2026-19Avant-venteAvant-vente, validation du client en attente

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é.

Cette pièce est un texte : pas de capture d'écran, volontairement.
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é.

  1. 100 s

    Durée du film continu de la démonstration jouable

    SourceDocumentation de la démonstration, vérifiée le 29 octobre 2026

  2. 269 Ko

    Poids de la démonstration, en un seul fichier hors ligne

    SourceDocumentation de la démonstration, 29 octobre 2026

  3. 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.

Parler de votre projet