Open House
Lead Dashboard · Rapport d'avancement
Mot de passe
studio AI2K

Rapport d'avancement — Avril 2026

Open House
Leads — suivi projet.

Outil de gestion et distribution de leads immobiliers — acquéreurs et vendeurs dans une seule interface. Couche opérationnelle entre Meta et les équipes commerciales — centralisation, attribution, qualification, actions immédiates.

2Types de leads
2Phase actuelle
HTMLStack frontend
Scroll

Progress

Où en est-on.

Origines

Des leads bien générés, mal exploités

Open House génère des leads qualifiés pour ses agences immobilières partenaires via des campagnes Meta (Instagram, Facebook). Aujourd'hui, ces leads arrivent dans le Meta Lead Center — mais leur distribution aux agents est manuelle : export, envoi par WhatsApp ou email, suivi sur tableur. Les leads sont contactés trop tard, parfois oubliés, et le retour sur la qualité reste informel. Open House Leads résout ce problème en créant une couche opérationnelle entre Meta et les équipes terrain — récupération automatique, attribution claire, qualification structurée, actions immédiates.

Phase actuelle

Design HTML en cours — page Leads avancée, 5 pages à designer

Open House Leads est en ligne avec Magrey & Sons comme première agence intégrée. L'application est un fichier HTML unique (~4 069 lignes) déployé sur GitHub Pages. La page Leads avance : les cartes KPI ont été recentrées suite à un retour client — les étapes peu utilisées ont été remplacées par « Leads aujourd'hui » et « Non assignés », plus utiles au quotidien. Le header du drawer est finalisé (badge vérifié, score, campagne, type, actions contact). Le mobile affiche les leads en cards sous 600px avec badges d'activité et bande d'accent pour les leads non traités.

Trois cycles récents ont affiné cette page : le toggle Acquéreurs/Vendeurs a été redessiné (v0.10.3 — split-card, « une carte, deux moitiés »), les cards mobile affichent maintenant l'heure exacte d'arrivée du lead (v0.10.4), et le projet a été restructuré pour aligner docs et déploiement (v0.10.5 — app à /leads, rapport à /report).

Mais le gros du travail est devant : le contenu des 4 onglets du drawer (le workflow principal de l'agent), le popover de filtres, les actions groupées, le formulaire d'ajout. Et ensuite — Tableau de bord, Agents, Campagnes, Database, Paramètres. Chaque page doit être designée de zéro.

Prochaine étape immédiate : deux décisions produit à cadrer avant d'attaquer les onglets du drawer — le partage de vue entre agent et manager, et un redesign de la table desktop. Une fois ces deux points résolus, place aux onglets — Infos (formulaire éditable), Qualification (pipeline + agent), Activité (timeline), Notes.

Infrastructure cible

HTML → PostgreSQL → Hetzner — simple et efficace

Le dashboard est conçu pour gérer plusieurs agences simultanément. Chaque agence dispose de son propre espace — leads isolés, agents dédiés, données séparées. Open House supervise l'ensemble depuis une vue super admin. L'intégration Meta fait le lien entre les campagnes et le dashboard. En interne d'abord, intégré aux offres Open House. Puis, à terme, un produit SaaS autonome.

Stack technique
FrontendHTML / CSS / JS — pas de framework
Données mockGoogle Sheets (phase design)
Base de donnéesPostgreSQL — directement sur le VPS
ServeurExpress.js sur Hetzner CPX22
AuthSessions Express + PostgreSQL
Coût estimé~8 €/mois au lancement
Go-to-market

Lancement doux — étape par étape

L'outil ne sera pas lancé en masse. La stratégie est progressive — construire la confiance avant de scaler.

01Email ciblé aux agences partenaires existantes
02Landing page dédiée — présentation du produit, bénéfices
03Appel découverte — démo personnalisée, questions, feedback
04Onboarding accompagné — configuration, import, formation
Architecture

Le flux de données — de Meta au terrain

Les leads générés par les campagnes Meta arrivent automatiquement dans le dashboard. Les agents qualifient les leads — et cette qualification remonte vers Meta pour améliorer le ciblage des futures campagnes.

Campagnes Meta Instagram / Facebook ads Meta Lead Center Source de vérité — leads stockés API Hetzner CPX22 Express.js + PostgreSQL Open House Leads Dashboard Super Admin Open House Admin Agence Assigner + gérer Agent Qualifier + agir Voir leads Assigner Qualifier Appeler CAPI ↑ CAPI Feedback
Qualification → signal Meta
En coursContact
QualifiéLead
ConvertiPurchase

Chaque qualification envoyée par un agent améliore le ciblage des futures campagnes. L'algorithme Meta apprend quels profils convertissent réellement.

Features

Un outil, deux types de leads.

Acquéreurs et vendeurs dans la même interface — un toggle filtre la vue. Mêmes actions, mêmes pipelines personnalisables, champs différents selon le type.

Roadmap

Le chemin vers le produit.

100%

Vision produit

Brief complet — Acquéreurs + Vendeurs. Rôles, data flow, intégration Meta validée.

30%

Design HTML

Shell de la page Leads avancé (toggle, KPIs, table, drawer header, mobile cards). Contenu du drawer et 5 autres pages restent à designer.

0%

Intégration serveur

Push HTML sur Hetzner CPX22. Express.js + PostgreSQL remplace Google Sheets.

0%

Intégration Meta

Webhooks Lead Ads, import historique, CAPI feedback, mapping champs par agence.

0%

Auth & multi-tenancy

Sessions Express + PostgreSQL. Rôles (Super Admin / Admin / Agent), isolation par agence.

0%

Agence pilote

Première agence réelle. Leads réels, retours terrain, ajustements.

0%

Lancement

Déploiement agences Open House. Onboarding, formation, support.

0%

SaaS

Multi-tenant, onboarding self-serve, billing, commercialisation.

Prochaine livraison

Contenu du drawer — Infos, Qualification, Activité, Notes

La structure du drawer est en place. Le prochain chantier : remplir les 4 onglets avec du vrai contenu — formulaire de contact éditable, qualification par l'agent (pipeline + score), timeline d'activité, et notes horodatées. C'est le workflow principal de l'agent au quotidien.

Arbitrages

Chaque idée examinée, chaque choix justifié.

Le brief original a été passé au crible. Voici les arbitrages clés — ce qu'on construit maintenant, ce qu'on reporte, et pourquoi.

Deux modules séparés → Un outil, deux types Simplifié

Un toggle Acquéreurs/Vendeurs filtre la vue. Mêmes actions, même interface — seuls les champs et les étapes de pipeline changent. Construire deux modules séparés doublerait le code sans bénéfice pour l'utilisateur.

Scoring = qualification → Scoring ≠ qualification Clarifié

Le scoring (🔥🟡❄️) est un indicateur de priorité calculé automatiquement — « qui appeler en premier ce matin. » La qualification, c'est le pipeline : l'agent parle au lead et le fait avancer. C'est le pipeline qui remonte vers Meta via CAPI pour améliorer le ciblage, pas le score.

Pipelines personnalisables par agence Confirmé

Chaque agence travaille différemment. Les étapes de pipeline sont stockées en JSON par agence — toute l'interface lit depuis ce tableau. Coûte presque rien à construire dès le départ, douloureux à ajouter après. C'est un des avantages clés face au Centre de Prospects Meta.

Templates messages avec champs dynamiques Confirmé

Certaines agences envoient un email type comme premier contact. Templates avec {nom}, {budget}, {secteur} — gain de temps, premier point de contact standardisé. Besoin réel confirmé par le workflow terrain.

Distribution email complète → Notification simple Reporté

Un système complet de gestion par email représente un chantier important pour des agences qui ne veulent pas de l'outil. Un toggle « notification email » par agence couvre le besoin. Si des clients payants demandent explicitement un mode email-only, il sera ajouté.

WhatsApp Business API → Liens wa.me Reporté

L'API WhatsApp Business nécessite une vérification Meta, coûte par message, et est complexe à intégrer. Les liens wa.me donnent un accès WhatsApp en un tap, zéro configuration. L'API Business sera ajoutée quand l'automatisation WhatsApp deviendra un vrai besoin.

Dashboard admin Open House Phase 4

Pour 2-3 agences, se connecter à chaque vue suffit. Le multi-tenancy est propre dès le départ (agency_id partout), donc ajouter une couche admin plus tard = nouvelle vue sur les données existantes, pas une restructuration.

Feedback

Vos retours.

Changelog

Dernières livraisons.

Semaine 16 — 21 avr

Updatev0.10.5 — Planning & architecture

Cycle sans changement d'application : prochaine étape cadrée (deux décisions produit avant les onglets du drawer), autres pages cadrées (Tableau de bord, Agents, Campagnes, Database, Paramètres), projet restructuré pour aligner docs et déploiement (app à /leads, rapport à /report).

Semaine 15 — 18 avr

Updatev0.10.4 — Heure de création visible sur mobile

Les leads affichent désormais leur heure exacte d'arrivée (ex : « 18 avril · à 07h42 ») sur la card mobile. Deux bugs latents corrigés au passage (filtre « aujourd'hui » et compteur KPI associé).

Semaine 15 — 18 avr

Updatev0.10.3 — Nouveau toggle Acquéreurs/Vendeurs (V11 split-card)

Le toggle pill a été remplacé par un split-card plus net (deux moitiés sur une même surface, divider 1px). Le titre H1 reflète maintenant le mode actif (« Prospects · Acquéreurs »). Bug KPI latent corrigé : le compteur « aujourd'hui » exclut désormais les leads perdus, cohérent avec le filtre.

Semaine 15 — 18 avr

Updatev0.10.2 — Polish batch

Trois items du batch revue client du 18 avril shippés ensemble : badges d'activité (4 types toujours visibles, avec distinction fait/pas-fait-encore), cohérence des icônes dans le header du drawer, bouton Sélectionner adouci en mode actif.

Semaine 14 — 20 avr

Newv0.10.0–0.10.1 — Mobile cards + drawer header finalisé

Sous 600px, le tableau se transforme en cards mobile avec badges d'activité (appel, email, WhatsApp, note) et bande d'accent pour les leads non traités. Modèle de données activité ajouté à chaque lead. Header du drawer finalisé : badge téléphone vérifié (vert ✓ / ambre ⚠), chip score, nom de campagne, chip type acquéreur/vendeur, email en copie au clic. ~3 900 lignes.

Semaine 14 — 20 avr

Updatev0.9.1–0.9.2 — KPIs recentrées + polish iOS

Suite à un retour client : les étapes peu utilisées (offre faite, converti) retirées des cartes KPI, remplacées par « Leads aujourd'hui » et « Non assignés » — métriques actionnables. Icônes source en SVG dans le drawer. Safe-area iOS pour PWA. Masquage progressif des KPIs par priorité sur écrans étroits. Indicateur « N masqués » dans la barre d'actions groupées.

Semaine 14 — 20 avr

Newv0.9.0 — Application en ligne, page Leads fonctionnelle

Application accessible en ligne. Magrey & Sons intégrée. Page Leads : 6 cartes KPI par étape, tableau 6 colonnes avec tri cliquable, mode sélection avec barre d'actions groupées, recherche. Toggle Acquéreurs/Vendeurs. ~3 200 lignes HTML/CSS/JS en un seul fichier.

More