immofinances.net : site, back-office Fox et apps mobiles d'un réseau de courtage crédit

Sommaire

immofinances.net est un réseau de courtage en crédit : prêt immobilier, assurance de prêt, regroupement de crédits, prêt professionnel, crédit réméré et prêt viager hypothécaire. Le réseau travaille avec des experts crédit et des agences franchisées partout en France. Ahmed Sanoko a repris l'ensemble de son écosystème numérique en tant que lead fullstack : le site public, le back-office Fox utilisé par les courtiers et les applications iOS et Android.

Un réseau, trois outils qui se parlent

Le point de départ était un site ancien, écrit pour une version de PHP qui n'est plus maintenue, avec un blog WordPress à part et des outils internes dispersés. L'objectif : un site moderne qui capte des demandes de financement, un back-office qui aide vraiment les courtiers à monter et placer leurs dossiers, et une application qui donne au client un suivi clair de son dossier.

Les trois briques partagent les mêmes données. Une demande saisie sur le site arrive dans Fox, attribuée à la bonne agence selon le code postal. Le courtier la traite dans Fox. Le client suit l'avancement et envoie ses pièces depuis l'application.

Le site public : capter et qualifier les demandes

Le site présente chaque produit sur sa propre page et pousse le visiteur vers un formulaire ou un simulateur. Ce qu'il contient :

• Pages produits : crédit immobilier, rachat et regroupement de crédits, assurance de prêt (avec la loi Lemoine), crédit professionnel, crédit réméré, prêt viager hypothécaire, ainsi que des pages d'information sur le PTZ, le PSLA, la défiscalisation et les frais de notaire.
• 22 simulateurs (mensualités, capacité d'endettement, TAEG, prêt à paliers, lissage de prêts, frais de notaire, PTZ, LMNP, tableau d'amortissement…), chacun à sa propre adresse /simulateur/<nom>/. Les anciennes adresses redirigent en 301 pour garder le référencement.
• Crédit express en 6 étapes : le projet, son coût, les revenus, l'état civil, les coordonnées, puis le résultat, avec une barre de progression.
• Comparateur d'assurance de prêt intégré depuis un partenaire spécialisé.
• Emma, l'assistante du site : des parcours guidés qui enregistrent une demande par produit, et un mode conversationnel avec l'IA. Sur le site d'une agence, Emma connaît les taux publiés par cette agence.
• Pages régionales par région et par département, servies par une seule page de recherche d'agences.
• Mini-sites d'agences : chaque franchisé a son sous-domaine, avec ses pages et son propre blog, que la tête de réseau peut ouvrir ou fermer.
• Blog maison hébergé dans Fox, avec un bloc « derniers articles » sur l'accueil et les mini-sites, mis en cache dix minutes.
• Espace recrutement, parrainage, témoignages, forum et espace client.

Fox : un back-office qui aide à décider

Fox est l'outil de travail quotidien des courtiers et des agences. Il centralise les dossiers clients, les emprunteurs, les pièces, les mails, les propositions bancaires (TAEG, PTZ, lissage), l'agenda et la facturation. Mais sa vraie valeur est ailleurs : il aide le courtier à savoir si un dossier tient la route, et à quelle banque l'envoyer.

Fox Score

Chaque dossier reçoit une note sur 100, faite de cinq axes notés sur 20 : solvabilité (taux d'endettement, reste à vivre par personne), stabilité (profil, ancienneté, âge en fin de prêt), apport, fonctionnement bancaire et avancement du dossier. La note devient une lettre de A à D. Les anomalies sont classées en trois niveaux, et une anomalie bloquante fait tomber la note à D, quel que soit le total.

Bank Match

Bank Match indique les banques les plus susceptibles d'accepter un dossier. Il combine deux approches. D'abord des règles : celles du HCSF (35 % d'endettement), des critères appris des réponses réelles des banques, et des corrections saisies par le réseau ou l'agence. Ensuite une approche par dossiers semblables : Fox retient les 150 dossiers les plus proches et calcule un taux d'acceptation pondéré par la ressemblance, où les décisions récentes comptent davantage que les anciennes.

Emma, pré-acceptation par IA

Dans Fox, Emma relit le dossier et rend un avis structuré : une note de A à D, un verdict favorable, mitigé ou défavorable, et un niveau de confiance. La réponse est imposée au format JSON strict, pour être affichée et exploitée sans interprétation. La consommation d'IA est suivie pour tenir le budget.

Le reste de la boîte à outils

• CallJet : téléphonie reliée à Twilio, avec un répondeur tenu par Emma et des appels sortants.
• JetSMS et JetMail : envoi de SMS et de campagnes e-mail.
• Simulateurs métier : un moteur de calcul unique pour l'échéancier, la capacité d'emprunt, la comparaison d'emprunts, le prêt à paliers, le rachat, le PTZ, les frais de notaire, le plan de financement…
• Lecture automatique des pièces envoyées par les clients.
• Contenu du site : la tête de réseau modifie les textes des pages publiques sans passer par un développeur.

L'application client iOS et Android

L'application, publiée sur l'App Store et Google Play, est reliée au même back-office. Côté client :

• le dossier, organisé en onglets (revenus, charges, patrimoine) ;
• les pièces justificatives, avec un anneau de complétude et une barre de progression pendant l'envoi ;
• les comparatifs de crédit et d'assurance préparés par le courtier ;
• les 22 simulateurs, avec un historique des simulations gardé sur le téléphone ;
• un baromètre des taux ;
• une discussion avec Emma, accessible par un bouton flottant.

Un espace pro existe aussi pour les courtiers, dans la même application.

Les difficultés techniques, et comment elles ont été réglées

Moderniser un code ancien sans arrêter le réseau

Le site tournait sur du code écrit pour d'anciennes versions de PHP. Il a été porté sur PHP 8.3 : fonctions mysql_* remplacées par mysqli, fonctions supprimées (ereg, each) réécrites, Smarty passé en version 4, forum phpBB mis à jour, bibliothèques PDF et e-mail remplacées. Tous les secrets ont été sortis du code vers un fichier .env. Des textes mal encodés (ISO-8859-1 mélangé à l'UTF-8) ont été réparés page par page. Pendant la bascule, une page de maintenance chargée avant chaque script PHP permettait de fermer le site au public tout en le gardant accessible pour les tests.

Des mini-sites qui se réparent seuls

Chaque agence a son sous-domaine. Pour éviter qu'un mini-site tombe sans que personne le voie, une tâche d'entretien passe toutes les 15 minutes : elle sauvegarde, pose les fichiers, vérifie que le mini-site répond en HTTPS, et revient en arrière toute seule si ce n'est pas le cas.

Des textes modifiables, un design protégé

La tête de réseau voulait modifier ses textes sans risquer de casser les pages. Un système de zones a été ajouté aux gabarits : seuls des blocs de texte sont modifiables depuis Fox, jamais la mise en page. Sans texte saisi, la zone rend le texte d'origine à l'octet près. 52 gabarits du site sont couverts.

Une IA utile, mais encadrée

Une assistante ouverte au public coûte de l'argent à chaque message. Emma est donc limitée : 500 caractères par question, six messages d'historique, des quotas par heure et par jour pour chaque visiteur, et un plafond quotidien pour tout le site.

La vitesse d'affichage

Les feuilles de style sont regroupées en lots et les styles essentiels de chaque type de page sont générés automatiquement avec Puppeteer. Les images passent en WebP, avec une image de bandeau plus légère sur téléphone. reCAPTCHA, les simulateurs et les formulaires ne se chargent qu'au premier geste du visiteur, et les vidéos YouTube sont servies sans cookies.

La pile technique

• Serveur : PHP 8.3, MySQL, gabarits Smarty 4.
• Mobile : React Native avec Expo, mises à jour à distance par EAS Update, écran de mise à jour obligatoire quand une nouvelle version du store est requise.
• API REST pour l'application, avec un jeton de session dont le serveur ne garde que l'empreinte.
• Intégrations : OpenAI, Twilio, Google Agenda, reCAPTCHA.
• Référencement : sitemap, données structurées schema.org sur les pages d'atterrissage, titres limités à 60 caractères.
• Déploiement : GitHub, avec mise en production automatique et un contrôle qui détecte toute modification faite directement sur le serveur.

Ce que montre ce projet

Ce projet réunit ce qu'un réseau de courtage attend de son prestataire : reprendre un existant fragile sans casser l'activité, construire des outils métier qui font gagner du temps aux courtiers (scoring, recherche de banques, téléphonie, SMS, e-mails), intégrer l'IA là où elle aide vraiment, et livrer des applications mobiles publiées sur les deux stores. Le site, le back-office et les applications ont été pris en charge par Ahmed en tant que lead fullstack.

Vous avez un projet similaire, un outil métier à moderniser ou une application à relier à votre back-office ? Me contacter. Vous pouvez aussi voir toutes les captures du projet.

Questions fréquentes

Peut-on relier une application mobile à un back-office existant ?

Oui. Ici, l'application iOS et Android passe par une API REST qui lit les mêmes données que le back-office Fox : dossiers, pièces, comparatifs et agenda.

Comment l'IA est-elle utilisée sans faire exploser les coûts ?

L'assistante du site est limitée en longueur de question, en historique et en nombre de messages par visiteur et par jour, et la consommation d'IA est suivie dans Fox.

Est-il possible de moderniser un vieux site PHP sans tout arrêter ?

Oui. Le site a été porté sur PHP 8.3 avec une page de maintenance qui fermait le site au public tout en le gardant accessible pour les tests, puis la nouvelle version a été mise en ligne.