Case Study – Brand Identity & Web Design

Finding True North.

A compass-led identity and a 27-page website for Mamma Mia Advisory Solutions, a professional services network working across the UK and the UAE – taken from signed-off designs to a tested build in three working days.

Client
Mamma Mia Advisory Solutions
Markets
London · Abu Dhabi
Scope
Logo, visual direction, website design & build
Build
28–30 Sep 2026
Mamma Mia Advisory home page: a large gold and cream compass star beside the headline 'Find your true north'
Home page – mammamiaadvisory.com (staging)

The challenge

Sixteen services. One clear way in.

Mamma Mia Advisory Solutions offers accountancy, audit, consulting, UAE company setup, relocation, Islamic finance, coaching and AI services through an international partner network.

The founder wanted a site that felt premium and calm, and that let a business owner in London, a family relocating to Dubai and a finance team exploring AI each find their service quickly.

The brief: creative, clean and simple, with nothing that felt like a generic consultancy template.

Choose a direction, not a department. A visitor should never have to know how the firm is organised to find what they need.
– Design note, Sanjay Lad

The idea

Choose a direction,
not a department.

The logo's eight-point star became the organising idea for the whole site. Every service sits on one of four bearings, and the compass turns to point at whichever one the visitor is exploring.

N · 000°

Business & Finance

Accounting & Outsourcing · Audit & Assurance · Consulting · Financial Advisory · Fractional CFOs · Sustainability

6 services
E · 090°

Global & UAE

IFZA Business Setup · Corporate Services · Relocation Services · Islamic Finance

4 services
S · 180°

People & Private

Private Client Services · Executive & Leadership Coaching · Divorce Coaching

3 services
W · 270°

AI & Technology

AI Finance Services · AI Legal Services · AI Consulting

3 services

Identity

Deep navy, warm gold, quiet cream.

Colours taken from the logo's star, set against a night-sky navy. Headlines are bold uppercase Helvetica; small labels borrow a navigator's notation – N · 000°.

Night navy
#061628
Chart blue
#132E4A
Compass gold
#CA993C
Brass
#DAC181
Parchment
#F7ECD6
Final Mamma Mia Advisory Solutions logo lock-up
Typography
Find yourtrue north.

Helvetica Neue Bold for headlines and labels, set in capitals with generous tracking on the small sizes; Helvetica Neue Regular for reading text at 18px. One family keeps the page calm and lets the compass carry the personality.

What I built

A site that moves like a compass.

On the phone

Designed for the thumb.

A full-screen menu grouped by bearing, with a search that filters the 16 services as you type. On service pages the "On this page" menu becomes a dropdown that jumps between sections.

Line art

Drawn in gold, drawn in real time.

A London-to-Dubai skyline, a team in conversation and a line icon for every service. All of them trace themselves onto the page as the visitor scrolls, then settle into solid gold.

How it was made

Designer-led, AI-built.

Every visual decision was made and signed off before any code was written. The build was handed to an AI coding assistant with a written brief and the original vector artwork, then reviewed and amended in consolidated rounds.

01Design

Direction

Design directions explored; "True North" chosen with the client.

02Design

Identity

Compass logo, palette and type finalised in Illustrator.

03Client

Sign-off comps

Home and service page designs approved on 25 September.

04AI-assisted

Build

A 12-point brief plus the source artwork became a full staging site in one evening.

05Design

Review

Two rounds of amends: sharper icons, £ symbols, a slimmer sticky header, logo-star bullets.

The outcome

Fast, tested, reusable.

From signed-off comps to a tested staging build in three working days: a responsive, accessible site with a reusable compass system behind it, ready for the client's real content.

3
Working days from signed-off comps to tested staging build
27
Pages, responsive from phone to wide desktop
0
Automated WCAG 2.2 AA accessibility violations
2,516
Internal links and anchors checked, none broken