Storyboard BarrioPro

Capté le 17 août 2026 Environnement app locale, npm run dev Fenêtre 1600 × 1000 Langue fr-CA · métrique Défauts relevés 8

À lire avant de tourner

Les captures ont servi de répétition générale. Huit choses cassent à l'écran ; le tableau en fin de page les classe. Deux d'entre elles changent le texte de la narration, pas seulement le montage : la bascule anglaise ne traduit qu'une partie de l'interface, et l'IA de soumission écrit en pieds même quand l'application affiche des mètres.

Le storyboard

Numérotation et minutage identiques au script. Le nom de fichier sous chaque titre correspond au PNG livré dans ~/work/barriopro-shots/.

00:25

Scène 2 · Tableau de bord

02-tableau-de-bord

Capture BarrioPro : 02 tableau de bord — Les cinq tuiles portent de vrais chiffres : 6 soumissions actives, 4 échéances cette semaine, 220 709 $ de pipeline. Les trois prochaines tombées apparaissent en ordre de date.

Voix« On ouvre sur le tableau de bord. Cinq chiffres : les soumissions actives, celles qui viennent à échéance cette semaine, les devis prêts à envoyer, les contrats gagnés ce mois-ci, et la valeur totale du pipeline. »

À corrigerLe pipeline s'affiche $220,709 à l'américaine, alors que le module Pipeline écrit 18 659,00 $ à la québécoise. Deux formats de devise dans la même application, visibles à 40 secondes d'intervalle.

01:00

Scène 3a · Importer le plan

03a-import

Capture BarrioPro : 03a import — L'état vide dit exactement la promesse du produit : importer, définir l'échelle, tracer, obtenir les quantités, sauvegarder en projet.

01:20

Scène 3b · Calibrer l'échelle

03b-calibration

Capture BarrioPro : 03b calibration — Deux points posés sur la cote de 30,00 m du plan, la distance réelle tapée, et l'application affiche sa conversion : 680 px → 0,0441 m/px. Le plan de démonstration porte une cote lisible précisément pour rendre ce geste filmable.

Voix« On clique deux points dont on connaît la distance réelle, on tape cette distance, et l'application en déduit le ratio. Le plan n'a pas besoin d'être à une échelle standard. Il n'a pas besoin d'être en pieds non plus. »

01:35

Scène 3c · Tracer

03c-trace-en-cours

Capture BarrioPro : 03c trace en cours — Tracé en cours : la ligne suit les limites du lot, point par point, et se ferme sur « Terminer ».

01:50

Scène 3d · Deux lignes, deux calques, deux assemblages

03d-quantitatif-trace

Capture BarrioPro : 03d quantitatif trace — 85,59 m mesurés en deux lignes : le périmètre en cèdre sur le calque bleu, l'enclos à conteneurs en mailles sur le calque vert. Portails, coins et extrémités saisis à droite, note de portée sous chaque ligne. La barre d'état passe au vert sur les trois conditions.

Le plan à garderC'est l'image qui vend le produit. Si une seule capture sort de cette session, c'est celle-là.

02:15

Scène 3e · Analyse IA du plan

03e-analyse-ia-plan

Capture BarrioPro : 03e analyse ia plan — Appel réel au modèle, réponse en français, avec l'avertissement de l'application sous le résultat : « Estimation IA à valider — tracez le quantitatif exact avec l'outil Tracer avant de soumissionner. »

À reprendre avant de filmerLe modèle se contredit dans sa propre réponse : la tuile « Longueur estimée » dit 22,25–22,86 m, le texte en dessous calcule 73 à 75 m. Le mot anglais « likely » traîne aussi dans le paragraphe français. Relancer l'analyse jusqu'à une réponse cohérente, ou couper la tuile au montage.

02:30

Scène 3f · Enregistrer comme projet

03f-enregistrer-projet

Capture BarrioPro : 03f enregistrer projet — La boîte de sauvegarde résume ce qui s'en va dans le projet : 85,59 m linéaires, 2 segments, les matériaux estimés.

02:35

Scène 4a · Bibliothèque d'assemblages

04a-bibliotheque-assemblages

Capture BarrioPro : 04a bibliotheque assemblages — La recette du cèdre 6 pi, dépliée : six composants avec quantité, unité, pourcentage de perte et coût, plus les heures de main-d'œuvre par longueur et par portail. Les quatre assemblages livrés d'office sont là, contrairement à ce que laissait croire le site public.

À corrigerEn mode métrique, l'unité de référence devient « /30,48 m » — la conversion littérale de 100 pieds. Ça se lit mal à l'écran et encore plus mal à voix haute. Un arrondi à 30 m, ou l'affichage « par 100 pi » conservé comme convention d'estimation, réglerait la scène.

03:00

Scène 4b · Assemblage rédigé par l'IA

04b-assemblage-ia

Capture BarrioPro : 04b assemblage ia — Une phrase en entrée, un assemblage complet en sortie : six composants chiffrés, l'espacement des poteaux et la profondeur de fondation en note, et la mention « Coûts générés par IA à titre indicatif — vérifiez auprès de vos fournisseurs avant de soumissionner ».

À reprendre avant de filmerLe premier appel a échoué avec « La génération IA est temporairement indisponible » ; le second a réussi. Prévoir une prise de secours, ou lancer la génération hors caméra et filmer le résultat.

03:20

Scène 5a · Le dossier de projet

05a-projet-apercu

Capture BarrioPro : 05a projet apercu — Six onglets, et un encadré qui dit la posture du produit sans détour : « BarrioPro assiste l'estimateur — il n'identifie pas automatiquement les lignes de clôture. »

03:30

Scène 5b · Plans et signets

05b-plans-signets

Capture BarrioPro : 05b plans signets — Trois documents avec leur numéro de révision, trois signets pointant les pages qui comptent : détail de clôture, détail de portail, servitude Hydro.

03:45

Scène 5c · Liste des projets

05d-liste-projets

Capture BarrioPro : 05d liste projets — Huit projets répartis dans les statuts, filtres par statut et recherche. « Perdu » existe ici comme filtre, mais pas comme colonne du pipeline.

03:50

Scène 6a · Estimation

06-estimation

Capture BarrioPro : 06 estimation — Les matériaux générés à partir des deux lignes tracées, avec la colonne « Qté mes. » et la colonne « Qté achat » côte à côte : 440 lattes de cèdre mesurées, 475,2 à commander avec 8 % de perte. Main-d'œuvre suggérée à 72,1 h.

À corrigerLa colonne Article se coupe à cette largeur : « Poteau », « Toile à », « Rail sup ». Filmer plus large, ou réduire le zoom du navigateur à 90 % pour la scène.

04:20

Scène 6b · La cascade de prix

06b-estimation-couts

Capture BarrioPro : 06b estimation couts — Coût direct 11 685,22 $, frais généraux 12 %, majoration 24 %, prix de vente 16 228,44 $, taxes 14,975 %, total client 18 658,65 $. Marge brute 28,0 %, affichée en permanence.

Voix« Quand un client demande de couper mille dollars, on voit exactement ce que ça enlève de marge avant de répondre. »

04:45

Scène 7a · La soumission

07a-devis

Capture BarrioPro : 07a devis — Le document monté tout seul : en-tête de l'entreprise, coordonnées du client, portée des travaux rédigée par l'IA, matériaux inclus, totaux.

Bloquant pour la scène 9Deux défauts sur la même image. La portée rédigée par l'IA parle de « 280,8 pieds linéaires » pendant que la ligne juste en dessous affiche « 85,59 m de clôture » : la préférence d'unité n'est pas transmise au modèle. Et le bouton dit « Exporter vers Contremaitre », sans accent.

05:00

Scène 7b · Modèles de soumission

07b-modeles-devis

Capture BarrioPro : 07b modeles devis — Deux modèles enregistrés, résidentiel et commercial, chacun avec ses conditions de paiement. Un clic sur « Appliquer » remplace la portée, les termes et les notes.

05:15

Scène 7c · Coûts internes affichés puis masqués

07c-devis-couts-internes

Capture BarrioPro : 07c devis couts internes — Vue interne : coût unitaire et total par article, sous un avertissement explicite que ces colonnes ne sortent jamais à l'impression. C'est le geste à filmer lentement.

05:30

Scène 8a · Pipeline, carte en mouvement

08a-pipeline-glisser

Capture BarrioPro : 08a pipeline glisser — La carte Résidence Beaulieu au moment où elle arrive dans « Devis prêt ». Les totaux de colonne se recalculent au dépôt.

À corrigerLa carte affichait 0,00 $ tant que la valeur du projet n'a pas été saisie à la main : enregistrer une soumission de 18 658,65 $ ne met pas à jour la valeur estimée du projet. Les totaux du pipeline ne reflètent donc pas les soumissions réelles.

05:45

Scène 8b · Calendrier des soumissions

08b-calendrier

Capture BarrioPro : 08b calendrier — Août 2026, cinq tombées placées, la date du jour cerclée. La vue qui empêche d'échapper une soumission.

05:55

Scène 9a · Catalogue de produits

09a-produits

Capture BarrioPro : 09a produits — Douze produits avec SKU, fournisseur, coût et prix de vente, filtrables par catégorie.

Ne pas affirmer à l'écranCe catalogue n'alimente pas encore l'estimation. Les coûts qui produisent la liste de matériaux sont ceux des composants d'assemblage. Le dire serait faux, et vérifiable en trente secondes par le client.

06:05

Scène 9b · Paramètres, en français

09b-parametres-fr

Capture BarrioPro : 09b parametres fr — Les deux bascules, langue et unités, au-dessus du profil d'entreprise. La carte du bas dit « Aucune synchronisation Contremaître n'est active » : à garder hors cadre si la scène 10 annonce la plateforme.

06:10

Scène 9c · Paramètres, en anglais

09c-parametres-en

Capture BarrioPro : 09c parametres en — Sur cet écran, la bascule tient parole : tout passe à l'anglais, y compris le libellé des unités.

06:15

Scène 9d · Ce qui casse en anglais

09d-tableau-de-bord-en

Capture BarrioPro : 09d tableau de bord en — Même bascule, écran suivant : la navigation passe à « Dashboard, Quick takeoff, Bid calendar », et tout le reste de la page demeure en français — « Tableau de bord », « Soumissions actives », « Actions rapides ».

Bloquant · le script changeSeuls la navigation, les paramètres, le panneau de quantitatif et le rapport sont traduits. Le tableau de bord, les projets, le pipeline, le calendrier, les produits et les six onglets du dossier sont écrits en français en dur. La phrase prévue, « Français ou anglais, toute l'interface suit », est fausse et se démolit à l'écran. Deux issues : compléter la traduction avant le tournage, ou ne filmer la bascule que dans les Paramètres et dire ce qui est vrai aujourd'hui.

Remplacement proposé« L'application est pensée pour le Québec : le français d'abord, et la bascule vers l'anglais pour les clients et les fournisseurs qui en ont besoin. Les mesures suivent le même principe : impérial ou métrique, au choix. »

—

Journal d'audit

05c-journal

Capture BarrioPro : 05c journal — Trois entrées produites par la session elle-même : projet créé depuis le quantitatif rapide, soumission enregistrée avec son numéro et son total, statut modifié par le glissement dans le pipeline.

À corrigerLe journal écrit les statuts en anglais brut : « Estimating → Quote Ready », dans une interface autrement entièrement française.

Les huit défauts, classés

Bloquant : la scène ne peut pas être filmée telle quelle, ou la narration ment. À corriger : visible à l'écran, corrigeable en une ligne ou deux. À noter : à surveiller au montage.

Sévérité	Ce qui casse	Où	Effet sur le tournage
Bloquant	La bascule anglaise ne traduit que la navigation, les paramètres et le panneau de quantitatif	`src/lib/LocaleContext.jsx` — la table de traduction ne couvre que `nav.`, `settings.`, `takeoff.`, `report.`	Réécrire la réplique de la scène 9, ou compléter la traduction avant de filmer
Bloquant	L'IA de soumission écrit en pieds même en mode métrique	`QuoteTab.jsx` envoie `totalLF` sans l'unité d'affichage	« 280,8 pieds linéaires » sous « 85,59 m de clôture », sur le même écran
À corriger	« Exporter vers Contremaitre » sans accent circonflexe	Barre d'outils de l'onglet Devis	Visible en gros plan à la scène 7 et à la scène 10
À corriger	Enregistrer une soumission ne met pas à jour la valeur estimée du projet	Pipeline et tableau de bord	La carte affiche 0,00 $ après une soumission de 18 658,65 $
À corriger	Le journal d'audit affiche les statuts en anglais	« Estimating → Quote Ready »	Contredit la promesse du français de bout en bout
À corriger	Deux formats de devise	`$220,709` au tableau de bord, `18 659,00 $` au pipeline, `$18658.65` à l'estimation	Trois écrans, trois conventions, dans la même démo
À noter	L'unité de référence des assemblages devient « /30,48 m » en métrique	Bibliothèque d'assemblages	Difficile à prononcer ; envisager 30 m ou garder « par 100 pi »
À noter	Les fonctions d'IA échouent par intermittence, et l'analyse de plan peut se contredire	Modèle par défaut d'OpenRouter, palier gratuit	Prévoir des prises de secours, ou générer hors caméra

Comment ces images ont été produites

Rien n'est truqué : chaque écran vient de l'application qui tourne, pilotée par un navigateur. Les données de démonstration sont fictives et posées avant la session : l'entreprise Clôtures Rive-Sud inc., douze produits, sept projets répartis dans les statuts avec leurs dates de tombée. Le plan de site est un dessin fabriqué pour l'occasion, avec une cote de 30,00 m lisible pour rendre la calibration filmable ; il est livré avec les captures sous plan-site-exemple.png. Le projet Résidence Beaulieu, lui, a été construit en direct : plan importé, échelle calibrée, deux lignes tracées, assemblages attribués, matériaux générés, soumission rédigée par l'IA puis enregistrée. Les trois appels d'IA sont de vrais appels.

25 captures · 1600 × 1000 · ~/work/barriopro-shots/ · plan de site inclus
Données de démonstration fictives. Aucun nom de client réel n'apparaît à l'écran.