CASE STUDYCorporate / Architecture

HBA Studio

Site web d'agence d'architecture

Voir le site en lignehbastudio.ma

Un projet similaire ? · réponse sous 24 h

3
Technologies: 5
Fonctionnalités clés: 5
Écrans documentés: En ligne
Statut

Hamza BoufousArchitecte Fondateur · HBA STUDIO · Vérifié LinkedIn

ÉTUDE DE CAS

Le contexte

HBA Studio est un cabinet d'architecture basé à Marrakech, spécialisé en design contemporain et durable. Ses clients sont des promoteurs immobiliers, des résidences privées haut de gamme, et des projets d'hôtellerie. Le marché « architecte à Marrakech » est saturé sur Google, dominé par des annuaires généralistes et quelques cabinets historiques bien référencés. L'enjeu du site n'était pas de présenter un portfolio (l'architecture vit aussi par bouche-à-oreille), mais de prendre une part de visibilité sur ce mot-clé local précis pour capter les demandes entrantes qualifiées.

L'enjeu

Trois contraintes en parallèle. Visuellement, un site d'architecte doit montrer les projets sans tomber dans la galerie WordPress générique : les photos doivent respirer, les pages projets doivent raconter l'intention. SEO, il fallait sortir d'une page d'accueil pour viser des pages secondaires (projets, méthode, équipe) qui rankent sur des requêtes intentionnelles. Performance enfin : un site d'architecte sans optimisation se charge en 6 secondes sur mobile à cause des photos non compressées, ce qui plombe les Core Web Vitals.

Notre approche

WordPress avec un thème custom léger, pas de page builder lourd. Images servies en WebP avec lazy-loading et largeurs responsives pour tenir un LCP correct sur mobile 4G. Architecture en hub-and-spoke : home, page « projets » qui liste les réalisations, et une page détail par projet avec son propre champ sémantique. SEO local appuyé sur schema.org LocalBusiness + Architect, balises optimisées pour « architecte Marrakech », et un blog pour publier régulièrement du contenu autour des typologies (riad, villa contemporaine, hôtel boutique).

Le résultat

Le site est en production avec un Core Web Vitals au vert sur mobile et desktop. Les pages projets sont indexées une par une, ce qui ouvre un canal SEO de demandes qualifiées sur les typologies recherchées. Le cabinet publie ses nouveaux projets en autonomie, sans intervention technique récurrente. Visibilité progressive sur la requête « architecte Marrakech », plus large que la page d'accueil seule.

AVANT / APRÈS

Ce qui a changé

Les mêmes pages, avant et après la refonte. Captures prises sur les deux sites dans les mêmes conditions.

HBA Studio · Accueil sur mobile · Avant — Accueil sur mobile

HBA Studio · Accueil sur mobile · Après — Accueil sur mobile

HBA Studio · Page Studio · Avant — Page Studio

HBA Studio · Page Studio · Après — Page Studio

HBA Studio · Portfolio des projets · Avant — Portfolio des projets

HBA Studio · Portfolio des projets · Après — Portfolio des projets

HBA Studio · Services d’architecture · Avant — Services d’architecture

HBA Studio · Services d’architecture · Après — Services d’architecture

HBA Studio · Fiche projet Villa HATEG · Avant — Fiche projet Villa HATEG

HBA Studio · Fiche projet Villa HATEG · Après — Fiche projet Villa HATEG

PAGES CLÉS

Le produit en détail

Un aperçu des écrans qui font la valeur du produit : fonctionnalités, parcours utilisateur, contenu.

HBA Studio · Portfolio des projets — Portfolio des projets

HBA Studio · Services d’architecture — Services d’architecture

HBA Studio · Fiche projet Villa HATEG — Fiche projet Villa HATEG

Fonctionnalités clés

Conception et développement d'un site WordPress adapté aux cabinets d'architecture

Structure du site pour présenter les projets phares et études de cas

Intégration d'une section blog pour publier du contenu optimisé SEO

Optimisation SEO locale avec des mots-clés cibles comme « Architecte Marrakech »

Esthétique professionnelle et minimaliste en accord avec la marque

Technologies utilisées

WordPressSEOPerformance Optimization

Vous avez un projet similaire ?

Nous pouvons créer une solution sur mesure pour votre business. Parlons-en.

Demander un Audit Gratuit Tous les projets

RENCONTRE

Issam
Rougui.

Fondateur & Lead Developer · ROUGUITECH

Développeur Full Stack avec 5+ ans d'expérience, spécialisé en Laravel, React, WordPress et SEO. J'ai fondé ROUGUITECH pour aider les entreprises au Maroc et à l'international à transformer leur présence digitale en machine de croissance.

Retrouvez-moi sur

Années de développement full stack

En savoir plus sur Issam

Parler de mon projet

Un premier échange de 30 min, sans engagement.