Case Study

Multi-Prêts Mortgages – Enterprise WordPress Platform

Project Goal: Rebuild and modernize the enterprise mortgage platform — custom blocks, broker backend, calculators, SEO, and infrastructure optimization.

Multi-Prêts Hypothèques mortgage brokerage website

Client

M3 Tech

View Website

Technologies

  • WordPress
  • Bootstrap 5
  • Webpack 5
  • React
  • PHP
  • MySQL
  • BOSS API
  • REST API
  • Gutenberg Blocks
  • SASS
  • Azure VM
  • Azure Front Door
  • CI/CD
  • Google Maps API
  • Google Tag Manager
  • Polylang
  • JSON-LD Schema
  • Didomi
  • Chart.js
  • Swiper.js

Deliverables

Context

Multi-Prêts is one of Quebec’s largest mortgage brokerage networks, connecting thousands of Canadians with the best mortgage rates and financing solutions. As the flagship brand of the M3 Tech group, Multi-Prêts operates a high-traffic enterprise website serving both brokers and consumers across the province.

WPlook Studio provided Senior WordPress & Systems Architecture consulting over a 4-year engagement (2021–2025). We inherited the codebase from the previous agency and significantly improved the platform — redesigning the front-end, building custom Gutenberg blocks, developing the broker/office/franchise backend, optimizing infrastructure, and providing SEO consulting.

The Challenge

The existing platform suffered from 16-second page loads, an infrastructure sprawl of 12 Azure servers, and a codebase that needed modernization. Multi-Prêts required someone who could manage the full stack — from cloud infrastructure to front-end development — while collaborating with product owners, marketing teams, and stakeholders to continuously improve the platform.

What We Delivered

Custom Gutenberg Blocks & Front-End Redesign

  • Built 32 custom Gutenberg blocks in the M3 parent theme — including section, row, column, display, hero, background, toggle-content, latest-posts, category-list, page-relations, regions, and accordion blocks
  • Developed 15+ additional blocks for Multi-Prêts — CTA variants (9 styles), container, header, and a dynamic locations-list block pulling from the BOSS API
  • Built dynamic blocks for mortgage rates, lenders, broker information, broker locations, and broker list
  • Developed contact forms, contest forms, newsletter signup, and job application blocks — all server-rendered
  • Redesigned the front-end using Bootstrap 5 with custom SASS theming and brand-specific color overrides

Backend: Broker, Office & Franchise Management

  • Built custom post types for Employees (brokers), Offices, Franchises, Regions, Jobs, and Mortgage Lenders
  • Integrated with the BOSS API — JWT-authenticated sync for real-time broker, office, and franchise data from the CRM
  • React-based admin interfaces for managing broker profiles, office locations, and franchise data
  • Custom admin columns, sortable fields, and force-update meta boxes for manual sync triggers
  • Broker-specific features: per-broker GTM codes, Facebook pixels, custom action links, and canonical URL handling

Mortgage Calculators & Interactive Tools

  • 7 interactive mortgage calculators: affordability, payment, refinance, rent-vs-buy, debt consolidation, closing fees, and custom rate calculator
  • Dynamic rate display by province with data from BOSS API’s Rate_Merge system
  • Broker search with Google Maps API integration and geocoding
  • Custom mega menu system with broker-specific link injection and mega menu features

SEO & Structured Data

  • JSON-LD structured data — Organization, LocalBusiness, Financial Service, Breadcrumb schemas
  • Custom broker sitemap added to robots.txt for search engine indexing
  • SEO consulting across all 5 M3 brands — keyword strategy, Core Web Vitals optimization, technical SEO audits
  • Bilingual support via Polylang with hreflang tags and brand-specific translation strings

Infrastructure & Performance

  • Migrated from Azure Web App to Azure VM with cPanel for better control
  • Consolidated 12 servers down to 2 (production + staging), eliminating auto-scaling
  • Webpack 5 build system with code splitting: blocks, frontend, and admin bundles
  • CI/CD pipelines for continuous deployment
  • Didomi consent management for GDPR/privacy compliance
  • Google Tag Manager with per-brand container IDs

Results

  • Page load reduced from 16s to under 1s — transformative for UX and SEO
  • 12 servers consolidated to 2 — dramatically reducing Azure hosting costs
  • 47+ custom Gutenberg blocks across parent and child themes
  • 7 mortgage calculators with dynamic rate data
  • Improved Core Web Vitals across all properties
  • Faster deployment cycles through modernized CI/CD