Hazza Bin Zayed Stadium

Client

Hazza Bin Zayed Stadium — Al Ain FC

Sector

Sports & EntertainmentFootball

Services delivered

Product Design Information Architecture Content Strategy Brand Application Responsive Design

About Hazza Bin Zayed Stadium

Opened in 2014 and named after Sheikh Hazza bin Zayed Al Nahyan, the stadium is one of the UAE's most distinctive football venues — home to Al Ain FC in the Arabian Gulf League.

With a capacity of 22,717, the stadium sits in Al Ain — Abu Dhabi's garden city and a UNESCO World Heritage site — and hosts UAE Pro League matches, cup fixtures, and international events. Al Ain FC is one of the most decorated clubs in the region, with multiple domestic titles and AFC Champions League appearances, bringing a highly engaged, passionate fanbase to every fixture. The stadium needed a digital presence that matched its reputation: fan-first, immersive, and built to serve supporters across web and mobile with everything from matchday information to ticketing and venue content.

My Role

Led the digital design — from UX architecture and fan journey mapping through to immersive UI, responsive layouts, and brand application.

UX & Information Architecture

Mapped the fan journeys — matchday, fixtures, ticketing, venue — and structured the site to make every key action effortless to find.

UI & Visual Design

Developed a bold, imagery-led visual language that captured matchday atmosphere and positioned the stadium as a landmark UAE sports venue.

Responsive Design

Designed mobile-first across every template — so fans got the same quality experience whether checking fixtures at home or buying tickets at the gate.

Brand Application

Applied the stadium and Al Ain FC brand identities consistently across every page — reinforcing recognition and trust at every touchpoint.

The challenge

Opened in 2014, Hazza Bin Zayed Stadium is a 22,717-capacity multi-purpose venue in Al Ain, Abu Dhabi — home of Al Ain FC in the UAE Pro League.

Its digital presence needed to capture the energy of the stadium and serve fans with fixtures, events, and venue information that worked seamlessly on any device.

My approach

I led the digital transformation with a fully responsive experience — putting fan engagement first and structuring matchday, events, and venue content into clear, immersive journeys.

Bold, imagery-led UI brought the stadium to life, with a UX designed to make finding fixtures, tickets, and information effortless across devices.

Design Process

A fan-first approach — understanding how supporters find and use matchday information, then designing around those needs at every screen size.

Discover

Fan journey & content audit

Mapped how supporters find fixtures, buy tickets, and navigate venue content — identifying where the existing experience fell short and what fans actually needed most.

Define

Site structure & fan priorities

Defined the site architecture around matchday, fixtures, ticketing, and venue — prioritising the highest-demand content and making it reachable in as few steps as possible.

Design

Immersive visual language & UI

Built a bold, photography-driven visual identity that captured matchday atmosphere — applying the stadium and Al Ain FC brand across every page type with energy and consistency.

Deliver

Responsive build & handoff

Finalised mobile-first layouts across all key templates — from homepage and match listings to ticketing and venue pages — then prepared assets and specs for development handoff.

What I Designed

A complete fan-first digital platform — from matchday homepage and fixture listings through to ticketing flows, venue content, and a responsive design system.

Homepage & matchday experience

Designed the homepage to lead with the next fixture and stadium atmosphere — immediately orienting fans to the matchday and surfacing the actions most relevant to them.

Fixtures & results hub

Built an intuitive fixture and results section — letting fans quickly find upcoming matches, past scores, and competition standings without friction or unnecessary steps.

Ticketing & event flows

Designed end-to-end ticketing and event flows — reducing the steps between a fan's intent and their purchase, with a UX that worked as smoothly on mobile as on desktop.

Responsive design system

Established a component-level design system — typography, colour, spacing, and layout patterns — scaling consistently from large-screen displays to mobile across every page type.

More work

See all work work

Dubai Mall

UX design for the world's most-visited shopping and entertainment destination.

View case study

Projects shown include live work, pitch deliverables, and design produced as part of embedded or collaborative engagements. Some work was completed as part of a wider team. Deliverables reflect the scope and direction at the time of engagement — the live experience may have since changed, launched in a different form, or not proceeded to production. All brand assets and trademarks shown remain the property of their respective owners and are displayed here for portfolio reference only.

The challenge

My approach

Let's build better platforms