Création d'un CMS sur mesure et bilingue pour le cabinet d'architecture Blouin Beauchamp

Refonte complète et création d'un CMS sur mesure pour Blouin Beauchamp Architectes, en remplacement de WordPress, avec une exigence claire posée dès le départ : une équipe d'architectes doit pouvoir organiser et publier son portfolio en français et en anglais toute seule, sans dépendre de personne.

En architecture, un projet se raconte d'abord par l'image

Un cabinet d'architecture vit de ce qu'il montre. Avant la liste des réalisations et la présentation des associés, c'est une photographie de façade, un volume, une lumière qui donne envie d'aller plus loin. Blouin Beauchamp Architectes l'a bien compris : le cabinet montréalais, qui réunit environ vingt-cinq personnes autour des deux associés Alexandre Blouin et Isabelle Beauchamp, signe des projets résidentiels, commerciaux, institutionnels et touristiques à travers le Québec, de Balnea Spa à La Source Bains Nordiques en passant par des immeubles comme Univert, Sherwin ou Station C.

Le site qui portait ce portfolio tournait sous WordPress, et il montrait ses limites au quotidien. Faire vivre une grille de projets visuelle, ajouter une réalisation avec sa galerie d'images, présenter un nouveau membre de l'équipe, tenir une version anglaise cohérente : chacune de ces opérations demandait plus de manipulations que de raisons, et la moindre réorganisation de la page d'accueil devenait un petit chantier. Le cabinet ne cherchait pas un site plus joli. Il cherchait un outil qui cesse de lui résister, et qui lui rende la main sur son propre contenu, dans les deux langues.

Quitter WordPress pour une application taillée sur leur usage

Plutôt que d'habiller WordPress d'extensions pour contourner ses contraintes, MtoM Création a développé un CMS sur mesure. La logique : partir des gestes réels de l'équipe et construire le back-office autour, pas l'inverse.

L'application repose sur Laravel 13, Inertia et Vue 3, avec un rendu serveur pour le référencement et une interface d'administration sur mesure. Concrètement, le cabinet a reçu :

• Un back-office complet couvrant les projets, les collaborateurs, les offres d'emploi avec leurs candidatures, les pages éditoriales, les messages de contact et les paramètres du site

• Une media library maison, avec import par glisser-déposer, conversion automatique des images en AVIF, génération de trois variantes par image et suivi des usages qui alerte avant toute suppression d'un visuel encore utilisé

• Un bilinguisme français/anglais géré entité par entité, avec un onglet FR et un onglet EN dans chaque formulaire et un réglage de publication anglaise indépendant

• Une gestion fine des rôles, qui sépare l'administration générale du simple travail éditorial

• Une formation à la prise en main pour que l'équipe soit autonome dès la mise en ligne

La direction artistique a été pensée pour s'effacer derrière les réalisations : une interface publique épurée, une navigation ramassée, et des grilles d'images qui occupent l'espace pour laisser parler l'architecture.

Ce que le cabinet pilote désormais seul

Le site est en ligne sur blouinbeauchamp.ca, en version française par défaut et en version anglaise complète sous le préfixe /en. L'équipe ajoute un projet et sa galerie, publie un nouveau collaborateur, ouvre une offre d'emploi, met à jour la page Vision ou répond à un message de contact sans jamais solliciter d'aide technique. Chaque contenu existe dans les deux langues, et le cabinet décide lui-même du moment où il bascule une version anglaise en ligne. Depuis la livraison, plusieurs rounds d'ajustements menés avec l'équipe ont affiné l'outil sur la base de son usage réel, ce qui confirme qu'il est entré pour de bon dans son quotidien.

Un back-office où l'on organise sa vitrine comme on déplace des cases

La vraie réussite de ce projet ne se voit pas sur le site public. Elle est dans la facilité avec laquelle l'équipe organise ce que le visiteur découvre.

Sur l'ancien WordPress, donner un ordre à une page de portfolio relevait du bricolage : numéros de tri à éditer un par un, aperçu approximatif, résultat à vérifier en rechargeant la page publique. Pour un cabinet dont la page d'accueil est une vitrine qui mélange projets et visages de l'équipe, c'était précisément l'opération la plus fréquente et la plus pénible. MtoM Création en a fait le cœur du back-office.

L'accueil et les grilles de projets et d'équipe reposent sur un système d'organisation visuel direct. Dans l'administration, la grille d'accueil se réordonne au glisser-déposer, avec une prévisualisation fidèle de ce que verra le visiteur. Le cabinet compose son enchaînement, mélange une réalisation phare et un portrait d'associé, remonte un projet récent, sans toucher à un seul champ technique. La grille se peuple automatiquement de tout ce qui est publié, et l'équipe garde la liberté de surclasser cet ordre à la main quand elle veut mettre en avant une actualité.

Côté affichage public, ces grilles prennent la forme d'un agencement en mosaïque où chaque cellule fait défiler les images de sa galerie. Le détail qui change tout : ces défilements sont désynchronisés. Chaque case calcule son propre rythme, si bien que la page ne clignote jamais d'un seul bloc et donne l'impression d'un portfolio qui respire. Un effet de ce genre est difficile à tenir proprement sur un WordPress généraliste. Ici, il fait partie de l'outil, et l'équipe l'alimente simplement en déposant des images dans la galerie d'un projet.

C'est tout l'esprit du choix sur mesure : déplacer la complexité du côté du développement pour que rien n'en arrive jusqu'à l'utilisateur. Le cabinet ne gère pas un site, il organise une vitrine, dans les deux langues, avec des gestes qui se comprennent en quelques minutes.

Un outil qui suit le cabinet, pas l'inverse

Blouin Beauchamp Architectes dispose aujourd'hui d'une plateforme qui épouse sa façon de travailler plutôt que de la contraindre. Le portfolio se réorganise au gré des projets, la version anglaise avance au rythme de l'équipe, et les images vivent dans une bibliothèque qui veille sur leurs usages. C'est ce qu'un développement sur mesure permet quand il part du quotidien de ceux qui s'en servent : un cabinet qui passe désormais son temps sur ses projets d'architecture, pas sur son outil de publication.