Gubli A.S

Case study

AKAYU Construction

A website for a construction and architecture company in Accra, built around one idea: a drawing turning into a building.

Client
AKAYU Construction Ltd
Type
Marketing and portfolio website
Year
2026
Role
Design and development

Tools used

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Sanity
  • Resend
  • Cloudflare
The Services page, headed From plan to keys, with a plan, a finished house and an interior
Services: from plan to keys
A slider on the home page that moves from a blueprint of a house to the finished building
Home: drag from blueprint to built
The Projects page, with work sorted into Architecture, Construction and Interior
Projects, sorted by kind of work
The AKAYU home page, Services page and menu on three phones
Designed for phones first

Project overview

AKAYU builds homes and offices, and also does architecture, renovation and interior design. Their website has three jobs: show the work, explain each service, and make it easy to ask for a quote.

  • A page for every service, saying exactly what is included
  • Projects sorted into architecture, construction and interior, with photo albums that open right on the page
  • Contact and quote forms that go straight to the team
  • A private area where the team adds new projects and reads enquiries themselves
  • Easy to find on Google, and described correctly when people ask AI assistants

The challenge

Most construction websites look the same: stock photos, a grid of pictures and a contact form. AKAYU needed to look as careful and precise as their work, and to prove it with their own projects, many of which have no names, only photos.

  • Stand out from look-alike construction sites
  • Let real photos tell the story
  • Work well on a phone, where most visitors are
  • Let the team update the site without a developer

Approach

The idea fits in one line: blueprint today, building tomorrow. Every page feels like a drawing becoming a building. Headings rise into place, photos settle as they appear, and on the home page you can drag a slider from the blueprint to the finished house.

Each service gets its own look instead of the same gallery three times: a mosaic of drawings for architecture, a wall of site photos for construction, and a before-and-after slider for renovation.

  • Calm, steady movement that suits a construction company
  • Clear, friendly messages when a form is filled in wrongly
  • Emails to the company address also appear in the team's private inbox on the site
Architecture service, with a diamond mosaic of drawings and renders
Architecture: a diamond mosaic of drawings
General construction service, with a wall of site photos
Construction: a wall of site photos
Renovation service, with a before and after slider of a kitchen
Renovation: drag to compare before and after

What this shows

A site that says what the company does on the first screen, shows the work in photos, and gives people three ways to reach the team.

I can take a brand idea through every detail of a website, and give the business the tools it needs to run it.

  • A strong brand idea that stays fast on a phone
  • Tools a non-technical team uses every day
  • Easy to find on Google and in AI assistants

Next project

Coming soon

Ushr

An events product for Ghana, in private development. More after launch.

All projects