accord-credit.fr : un site à sa propre image et des apps pour les courtiers, sur un back-office partagé

Sommaire

accord-credit.fr est un réseau national de courtiers en crédit : crédit immobilier, rachat de crédits, assurance de prêt, crédit professionnel et réméré immobilier. Il partage son back-office Fox avec un réseau voisin, immofinances.net, mais garde sa propre marque. Le défi de ce projet tenait en une phrase : moderniser le site et livrer des applications mobiles, en réutilisant le même moteur, sans jamais faire d'accord-credit.fr une copie de l'autre site.

Même moteur, identité distincte

Les deux réseaux utilisent les mêmes données, les mêmes règles métier et le même back-office. La règle posée pour accord-credit.fr est claire : seuls Fox, les informations et le fonctionnement sont communs. Le front garde son propre squelette, celui qu'il a toujours eu, et se modernise à partir de ses propres gabarits.

Cette règle a une raison concrète. Au cours du projet, une fusion de branches avait remplacé le front d'accord-credit.fr par celui du réseau voisin. L'erreur a été annulée, le dernier état d'origine a été retrouvé dans l'historique git, et la règle a été écrite noir sur blanc dans les consignes du projet pour que cela ne se reproduise pas.

La modernisation s'est donc faite à l'intérieur de l'identité d'accord-credit.fr :

• une nouvelle police, Plus Jakarta Sans, hébergée sur le site, avec une police de secours aux mêmes dimensions pour que la page ne bouge pas pendant le chargement ;
• une palette propre (bleu nuit, ardoise, ambre) et un ambre foncé pour garder un contraste lisible sur le texte ;
• des images refaites : photos panoramiques pour les bandeaux, nouvelles icônes de services et 22 icônes de simulateurs redessinées ;
• des feuilles de style par famille de pages (pages produits, parrainage, mini-sites…), toutes propres à la marque.

Le site public : des parcours courts

accord-credit.fr mise sur des parcours rapides. Le visiteur arrive sur un service, simule, puis laisse une demande en quelques écrans.

• Pages services dédiées : crédit immobilier, rachat de crédits, assurance de prêt, crédit professionnel, réméré immobilier.
• Formulaires rapides par produit (particulier, professionnel, rachat, réméré), chacun avec sa page de validation.
• Crédit Express en 6 étapes, avec une barre d'étapes refaite pour la marque.
• Simulateur de prêt avec tableau d'amortissement et grille des taux des partenaires financiers.
• Rappel gratuit depuis l'en-tête : le formulaire contrôle les champs, écarte les robots avec un champ piège et prévient les agences concernées par e-mail.
• Parrainage avec avantages filleul et parrain, paliers, règlement et FAQ.
• Contrat de confiance en 8 étapes, de la vérification de l'inscription ORIAS aux honoraires.
• Assistante IA et chatbot à questions guidées qui enregistre une demande par produit ; une discussion ouverte hors d'un mini-site est confiée à l'agence du code postal.
• Mini-sites d'agences refaits au design accord-credit.fr, chacun avec son blog.
• Cadres pour partenaires : les formulaires peuvent être intégrés sur les sites d'apporteurs d'affaires.

Un comparateur d'assurance relié aux assureurs

Le comparateur d'assurance de prêt, présent sur le site et utilisé par les courtiers dans Fox pour bâtir leurs propositions, interroge directement les services web des assureurs (Cardif, Elois, Exade, Utwin, Oradea…), avec un connecteur par assureur. C'est l'une des parties les plus délicates du système, et deux problèmes réels y ont été corrigés.

Un comparateur qui restait bloqué

Le comparateur pouvait tourner sans fin. L'enquête a montré que l'appel à l'un des assureurs n'avait aucun délai maximal et gardait le verrou de session PHP ouvert pendant de longues minutes : les autres requêtes de la même session attendaient, et l'utilisateur ne pouvait plus avancer. La correction tient en trois lignes : une connexion limitée à 5 secondes et une réponse limitée à 20. Les offres des autres assureurs restent affichées même si l'un d'eux ne répond pas. Après correction, la recherche a rendu 12 offres en une trentaine de secondes.

Un coût d'assurance sous-estimé

Le tarif moyen renvoyé par un assureur était utilisé comme un taux nominal sur le capital restant dû, ce qui sous-estimait nettement le coût total. Le calcul a été revu : les échéances mensuelles fournies par l'assureur sont reprises telles quelles, et quand un assureur ne donne que des montants annuels, ils sont répartis par mois avec un arrondi cumulatif, pour que le total retombe exactement sur le devis.

Le blog : de WordPress à Fox

Le blog d'accord-credit.fr tournait sur WordPress, à part du reste. Il a été repris dans Fox, avec la charte d'accord-credit.fr. Un script d'import lit la base WordPress en lecture seule, copie les articles dans les tables du blog Fox, puis vérifie le résultat. Un détail montre le soin demandé : la catégorie principale d'un article est lue dans l'extension SEO propre à accord-credit.fr, qui n'est pas la même que celle du réseau voisin. Les blogs des mini-sites ont leur propre import. Une fois la bascule faite, plus aucune adresse ne pointe vers WordPress.

L'application côté courtier

Les applications iOS et Android d'accord-credit.fr sont publiées sur l'App Store et Google Play. L'espace client existe, mais c'est l'espace pro qui fait la différence pour le réseau :

• dossiers avec filtres par état et par période, recherche et fiche détaillée ;
• facturation : dossiers facturés ou à facturer, avec les montants ;
• fiches de faisabilité : liste, création, documents générés et envoi par e-mail ;
• scores des collaborateurs et des entités, pour l'animation du réseau ;
• agenda avec création de rendez-vous et synchronisation Google Agenda ;
• membres, contrats et société.

Une synchronisation Google Agenda sans tâche de fond

Les rendez-vous des courtiers doivent être les mêmes dans Fox, dans l'application et dans leur Google Agenda. La synchronisation passe par le serveur Fox, pas par le téléphone. Elle demande uniquement l'accès aux événements de l'agenda. Le jeton de rafraîchissement Google est chiffré en AES-256-GCM avant d'être stocké. Chaque modification est envoyée tout de suite à Google ; à chaque affichage d'une période, Fox relit Google pour cette période et retire les rendez-vous supprimés là-bas. Un indicateur relance les envois qui ont échoué, et les etags évitent d'écraser une modification plus récente.

Deux applications jumelles qui ne divergent pas

Les applications d'accord-credit.fr et du réseau voisin sont deux projets séparés, avec leurs couleurs, leurs icônes, leur configuration et le prénom de leur assistante (Clara pour accord-credit.fr). Pour qu'une correction faite d'un côté ne soit pas oubliée de l'autre, un script vérifie que les fichiers communs sont strictement identiques entre les deux projets. Les mises à jour passent à distance avec EAS Update, et un écran bloque l'application quand une version du store devient obligatoire.

Les autres chantiers techniques

• Repartir de la vraie production. Le dépôt git du serveur ne correspondait plus au site en ligne. La migration est partie d'un instantané de la production, comparé fichier par fichier avec des empreintes SHA-256.
• PHP 8.3. Accès base réécrits en mysqli, fonctions supprimées remplacées, Smarty 4, bibliothèques PDF et e-mail mises à jour, secrets sortis du code vers un fichier .env. Les pages publiques ont été contrôlées sans erreur ni dépréciation.
• Vitesse. Une vingtaine de feuilles de style regroupées en une, styles essentiels intégrés à chaque type de page, images WebP adaptées à la taille de l'écran, reCAPTCHA chargé au premier geste du visiteur.
• Référencement. Titres de 60 caractères au plus, adresses canoniques, adresses sans tiret bas avec redirections 301, simulateurs à des adresses propres.
• Déclinaison sur un autre domaine. Le même code et le même Fox servent aussi accord-credit.ma, avec son propre dépôt.
• Textes modifiables depuis Fox sur les pages publiques, sans toucher au design.

Pile technique et savoir-faire

PHP 8.3, MySQL et Smarty côté serveur ; React Native avec Expo pour les applications ; une API REST avec jeton de session ; OpenAI pour l'assistante ; l'API Google Agenda pour les rendez-vous ; les services web des assureurs pour le comparateur. Ahmed a pris en charge le site, le back-office et les applications en tant que lead fullstack, du diagnostic des bugs jusqu'à la publication sur les stores.

Vous gérez plusieurs marques sur un même outil, ou un site à moderniser sans perdre son identité ? Me contacter. Vous pouvez aussi voir toutes les captures du projet.

Questions fréquentes

Deux marques peuvent-elles partager le même back-office ?

Oui. accord-credit.fr partage le back-office Fox, les données et les règles métier avec un réseau voisin, tout en gardant son propre site et ses propres applications.

Peut-on quitter WordPress sans perdre ses articles ?

Oui. Ici, un script lit la base WordPress en lecture seule, copie les articles dans le nouveau blog puis vérifie le résultat avant la bascule.

Les rendez-vous de l'application apparaissent-ils dans Google Agenda ?

Oui. La synchronisation passe par le serveur : chaque rendez-vous créé ou modifié est envoyé à Google, et les suppressions faites dans Google sont reprises à l'affichage.