CASE STUDYCorporate / Architecture

HBA Studio

Architecture Agency Website

Visit the live sitehbastudio.ma

A similar project? · reply within 24 h

3
Technologies: 5
Key features: 5
Documented screens: Live
Status

Hamza BoufousFounder Architect · HBA STUDIO · Verified on LinkedIn

CASE STUDY

The context

HBA Studio is an architectural firm based in Marrakech, specialising in contemporary and sustainable design. Their clients are real-estate developers, high-end private residences, and hospitality projects. The "architect in Marrakech" market is saturated on Google, dominated by generalist directories and a few well-ranked historical firms. The site's purpose wasn't to display a portfolio (architecture also runs on word of mouth) but to take a share of visibility on that precise local keyword to capture qualified inbound requests.

The challenge

Three constraints in parallel. Visually, an architect's site has to show projects without falling into the generic WordPress gallery: photos must breathe, project pages must tell intent. SEO-wise, we had to move beyond the homepage and target secondary pages (projects, method, team) that rank on intentional queries. Performance, finally: an unoptimised architect site loads in 6 seconds on mobile because of uncompressed photos, killing Core Web Vitals.

Our approach

WordPress with a lightweight custom theme, no heavy page builder. Images served as WebP with lazy-loading and responsive widths to hold a decent LCP on 4G mobile. Hub-and-spoke architecture: home, a "projects" page listing the work, and one detail page per project with its own semantic field. Local SEO backed by schema.org LocalBusiness + Architect, meta tags optimised for "architect Marrakech", and a blog to publish regular content around typologies (riad, contemporary villa, boutique hotel).

The outcome

The site is live with green Core Web Vitals on mobile and desktop. Project pages are indexed one by one, opening a qualified-SEO channel on typologies under search. The firm publishes new projects on their own, with no recurring technical intervention. Progressive visibility on the "architect Marrakech" query, wider than just the homepage.

BEFORE / AFTER

What changed

The same pages, before and after the rebuild. Screenshots taken on both sites under the same conditions.

HBA Studio · Home page · Before — Home page

HBA Studio · Home page · After — Home page

HBA Studio · Home page on mobile · Before — Home page on mobile

HBA Studio · Home page on mobile · After — Home page on mobile

HBA Studio · Studio page · Before — Studio page

HBA Studio · Studio page · After — Studio page

HBA Studio · Project portfolio · Before — Project portfolio

HBA Studio · Project portfolio · After — Project portfolio

HBA Studio · Architecture services · Before — Architecture services

HBA Studio · Architecture services · After — Architecture services

HBA Studio · Villa HATEG project page · Before — Villa HATEG project page

HBA Studio · Villa HATEG project page · After — Villa HATEG project page

KEY PAGES

The product in detail

A glimpse of the screens that make the product valuable: features, user journey, content.

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

Key features

Designed and developed a WordPress site tailored for architecture firms

Structured the site to showcase featured projects and case studies

Integrated a blog section to publish SEO-optimized content

Optimized for local SEO with target keywords such as 'Architecte Marrakech'

Delivered a professional, minimalist aesthetic aligned with the brand

Technologies used

WordPressSEOPerformance Optimization

Have a similar project?

We can build a custom solution for your business. Let's talk.

Request a Free Audit All projects

MEET

Issam
Rougui.

Founder & Lead Developer · ROUGUITECH

Full Stack developer with 5+ years of experience, specialized in Laravel, React, WordPress, and SEO. I founded ROUGUITECH to help companies in Morocco and internationally turn their digital presence into a growth engine.

Find me on

Years of full stack development

Learn more about Issam

Discuss my project

A first 30-minute call, no commitment.