XPR.IMMO
MFM Digital
Plateforme SaaS belge en production. Refonte de la dataroom, conception de la complétion de profil, dashboard de facturation, flux de bienvenue.
Outils & technologies
WordPress
PHP
Svelte
JavaScript
Figma
EChartsEn un coup d'œil
Le projet en détail
Front public xpr.immo
Intégration mixte BeBuilder + VSCode depuis maquettes Figma existantes.
Implémentation du site marketing public de XPR.IMMO en environnement WordPress. Workflow hybride alternant entre BeBuilder pour les sections standards et code custom dans VSCode pour les composants spécifiques. Respect strict des intentions design : typographie, hiérarchie, micro-interactions, responsive.
Refonte dynamique de la dataroom
Architecture statique → architecture 100% dynamique pilotée par ACF.
La dataroom est l'interface qui présente le rapport d'expertise à l'agence et au requérant. Le système initial était figé : chaque modification de structure ACF imposait de toucher manuellement au code, avec une liste exhaustive de champs en dur. J'ai refondu l'architecture vers un système 100% dynamique, alimenté par un unique chargement de l'arborescence ACF puis dispatché vers des fonctions génériques d'affichage. La table des matières se génère automatiquement depuis le DOM, avec un comportement adaptatif desktop/mobile. Les sections spécialisées — galeries d'images avec lightbox, équipements, tableaux d'occupation, méthodes de calcul de valeur vénale — partagent le même pattern d'affichage côté web et côté PDF.
Tableau de bord de facturation
De l'outil de pilotage généraliste au dashboard de facturation mensuelle.
Le dashboard administratif sert à piloter l'activité de la plateforme et à facturer chaque agence en fin de mois. La première version, exploratoire, comportait six cartes statistiques, quatre graphiques (répartition par statut, top organisations, évolution mensuelle, tendance cumulative) et un système de filtres à quatre niveaux. Après plusieurs itérations avec l'équipe, l'outil a été recentré sur sa vraie utilité quotidienne : combien d'expertises ce mois-ci, par quelle agence, combien facturer ? Conception itérative, implémentation complète : agrégation des données via PHP/WordPress, graphiques ECharts, tableau filtrable avec recherche instantanée, tri et pagination. Architecture pensée pour évoluer vers du multi-tenant (chaque agence aura à terme accès à ses propres stats).
Système de complétion de profil
Guider l'utilisateur sans le bloquer : progression visuelle, skip réversible et redirection contextuelle.
Sur une plateforme métier comme XPR.IMMO, l'utilisateur a beaucoup de champs à renseigner avant de pouvoir exploiter pleinement les fonctionnalités (logo, certifications, signature, requérants, paramètres PDF...). Sans guidage, il se perd ou abandonne. J'ai conçu et implémenté un système de progression multi-catégoriel intégré à la sidebar : barre adaptative en gradient code-barres (rouge → orange → jaune → vert) qui évolue avec le pourcentage complété, items skippables et restaurables à tout moment, redirection contextuelle vers le champ concerné. Le système calcule la progression par catégorie et globalement, persiste les choix de skip par utilisateur en `user_meta`, et reste synchronisé avec l'état de la sidebar (modale ou icône selon que la sidebar est ouverte ou réduite). Un feature flag (`$include_requerents`) permet de masquer temporairement une catégorie sur tous les comptes sans suppression de code.
Flux de bienvenue
Conception et implémentation d'un parcours d'arrivée pour les nouveaux comptes.
Le flux d'arrivée d'un nouvel utilisateur sur XPR.IMMO conditionne fortement sa perception de la plateforme. Après la création d'un compte, l'utilisateur reçoit un email de confirmation au design adapté à la charte XPR, qui le ramène vers une modale de confirmation dédiée. Une fois validé, il arrive sur une modale de bienvenue qui pose le décor de l'outil : à quoi sert XPR.IMMO, comment l'utiliser, où aller en premier. Conception design (maquettes Figma) et implémentation complète (PHP, WordPress, AJAX, modales HTML/CSS). L'objectif : qu'un nouvel inscrit ne se retrouve jamais devant un dashboard vide sans guidage. La suite du parcours (tooltips guidés, vidéo démo, tour guidé) fait partie de la roadmap court terme.
