Étude de cas

Multi-Prêts Hypothèques – Plateforme WordPress d’entreprise

Objectif du projet: Moderniser la plateforme WordPress que Multi-Prêts partage avec les autres marques du groupe M3 Tech : blocs personnalisés, backend courtier, calculateurs, SEO et infrastructure.

Multi-Prêts Hypothèques courtage hypothécaire site web

Client

Multi-Prêts Mortgages

Technologies

  • WordPress
  • PHP
  • MySQL
  • Azure Virtual Machines
  • cPanel
  • CI/CD
  • React
  • REST API
  • Agile

Contexte

Multi-Prêts est l’un des plus grands réseaux de courtage hypothécaire au Québec, reliant des milliers de Canadiens aux meilleurs taux hypothécaires et solutions de financement. Marque phare du groupe M3 Tech, Multi-Prêts exploite un site web d’entreprise à fort trafic desservant courtiers et consommateurs à travers la province.

Multi-Prêts est l’une des cinq marques du groupe M3 Tech qui partagent une même plateforme WordPress : un thème parent et une bibliothèque de blocs communs, avec un thème enfant par marque. WPlook Studio a repris la plateforme d’une agence précédente et l’a développée de 2021 à 2025, dans un seul mandat couvrant les cinq marques. Notre rôle couvrait l’architecture WordPress et les systèmes : refonte du front-end, blocs Gutenberg sur mesure, backend des courtiers, bureaux et franchises, infrastructure et consultation SEO. Cette étude de cas est la plus détaillée des cinq et présente aussi les blocs du thème enfant de Multi-Prêts. Les autres marques de la plateforme sont Mortgage Alliance, Invis, Mortgage Intelligence et Intelligence Hypothécaire.

Le défi

La plateforme existante souffrait de temps de chargement de 16 secondes, d’une infrastructure étalée sur 12 serveurs Azure, et d’un code nécessitant une modernisation. Multi-Prêts avait besoin d’un consultant capable de prendre en charge toute la pile technologique, des serveurs Azure au front-end, en collaboration avec les responsables de produit, les équipes marketing et les parties prenantes.

Ce que nous avons livré

Blocs Gutenberg sur mesure et refonte front-end

  • Développement de 32 blocs Gutenberg personnalisés dans le thème parent M3, la bibliothèque de blocs unique que partagent les cinq marques : section, rangée, colonne, affichage, héros, arrière-plan, contenu à bascule, derniers articles, liste de catégories, relations de pages, régions et accordéon
  • 15+ blocs additionnels dans le thème enfant de Multi-Prêts : variantes CTA (9 styles), conteneur, en-tête et bloc dynamique de liste de localités connecté à l’API BOSS
  • Blocs dynamiques pour les taux hypothécaires, prêteurs, informations courtier, localités courtier et liste de courtiers
  • Blocs de formulaires rendus côté serveur : contact, concours, infolettre et candidature
  • Refonte du front-end avec Bootstrap 5 et thématisation SASS avec personnalisation par marque

Backend : Gestion courtiers, bureaux et franchises

  • Types de contenu personnalisés pour les Employés (courtiers), Bureaux, Franchises, Régions, Emplois et Prêteurs hypothécaires
  • Intégration avec l’API BOSS : synchronisation authentifiée par JWT des données des courtiers, bureaux et franchises, en temps réel depuis le CRM
  • Interfaces d’administration React pour la gestion des profils courtiers, localités de bureaux et données de franchises
  • Colonnes admin personnalisées, champs triables et meta boxes de mise à jour forcée

Calculateurs hypothécaires et outils interactifs

  • 7 calculateurs hypothécaires interactifs : capacité d’emprunt, versement, refinancement, louer vs acheter, consolidation de dettes, frais de clôture et taux personnalisé
  • Affichage dynamique des taux par province via le système Rate_Merge de l’API BOSS
  • Recherche de courtiers avec intégration Google Maps API et géocodage
  • Système de méga menu personnalisé avec injection de liens spécifiques aux courtiers

SEO et données structurées

  • Données structurées JSON-LD : Organization, LocalBusiness, Financial Service et Breadcrumb
  • Sitemap courtiers personnalisé ajouté au robots.txt
  • Consultation SEO pour les 5 marques M3 : stratégie de mots-clés, optimisation des Core Web Vitals et audits SEO techniques
  • Support bilingue via Polylang avec balises hreflang et chaînes de traduction par marque

Infrastructure et performance

  • Migration d’Azure Web App vers Azure VM avec cPanel
  • Consolidation de 12 serveurs à 2 (production + staging), élimination de l’auto-scaling
  • Pipeline Webpack 5 avec découpage de code : blocs, frontend et bundles admin
  • Pipelines CI/CD et gestion du consentement Didomi (RGPD)

Résultats

  • Temps de chargement réduit de 16s à moins d’1s
  • 12 serveurs consolidés à 2 (production et préproduction) sur Azure, déjà utilisé par le groupe, avec des coûts d’hébergement réduits
  • 47+ blocs Gutenberg personnalisés entre thème parent et enfant
  • 7 calculateurs hypothécaires avec données de taux dynamiques
  • Amélioration des Core Web Vitals sur toutes les propriétés