Dublin Airport.

Dublin Airport.

Introduction

Introduction

In 2024, Dublin Airport wanted to reimagine, redesign and re-platform their whole digital ecosystem of websites and apps. We won a 6-way open tender for the project to deliver a new look-and-feel, design system, customer experience framework and content management system.

Year

2025

Industry

Aviation and Transportation

Scope of work

/

Design System

/

UI

/

UX

Services

/

Strategy

/

Audit

/

Component Creation

/

Design-to-code

Timeline

12 weeks

Introduction

In 2024, Dublin Airport wanted to reimagine, redesign and re-platform their whole digital ecosystem of websites and apps. We won a 6-way open tender for the project to deliver a new look-and-feel, design system, customer experience framework and content management system.

Year

2025

Industry

Aviation and Transportation

Scope of work

/

Design System

/

UI

/

UX

Services

/

Strategy

/

Audit

/

Component Creation

/

Design-to-code

Timeline

12 weeks

0

01

components

0

01

components

0

01

components

0

02

variables

0

02

variables

0

02

variables

0

03

modes

0

03

modes

0

03

modes

0

04

design system

0

04

design system

0

04

design system

Challenges

Challenges

Dublin Airport (DAA) had a multi-site digital presence creating a confusing, inconsistent experience for millions of travellers. The existing platforms hindered rapid content updates, personalisation, and future expansion, creating missed opportunities to drive revenue due to a poor user experience and lack of integrated services. The outdated digital presence failed to meet modern traveller expectations for seamless, stress-free airport interactions.

/ Solutions

Creation of a new content model to ensure the new CMS was built in a comprehensive and structured way that allowed for scalability and flexibility

New look and feel that felt modern, fresh and dynamic

Creation of new components that were versatile, engaging and fit for purpose

Improved CX that personalised the journey based on audience needs to create a seamless and stress-free airport experience

Forest Green

invertible.brand.primary.900

Forest Green

invertible.brand.primary.900

Forest Green

invertible.brand.primary.900

Fern Green

invertible.brand.primary.700

Fern Green

invertible.brand.primary.700

Fern Green

invertible.brand.primary.700

Emerald Green

invertible.brand.primary.500

Emerald Green

invertible.brand.primary.500

Emerald Green

invertible.brand.primary.500

Accent Green

invertible.brand.primary.300

Accent Green

invertible.brand.primary.300

Accent Green

invertible.brand.primary.300

Subtle Green

invertible.brand.primary.100

Subtle Green

invertible.brand.primary.100

Subtle Green

invertible.brand.primary.100

Off White

non-Invertible.neutral.200

Off White

non-Invertible.neutral.200

Off White

non-Invertible.neutral.200

CTA system

CTA system

A dynamic CTA system was introduced through tokenisation that defined Primary, Secondary and Tertiary variants and interactives states, for clear navigation across components and pages.

primary-default

interactvie.primary.default

primary-default

interactvie.primary.default

primary-default

interactvie.primary.default

primary-hover

interactvie.primary.hover

primary-hover

interactvie.primary.hover

primary-hover

interactvie.primary.hover

primary-focus

interactvie.primary.focus

primary-focus

interactvie.primary.focus

primary-focus

interactvie.primary.focus

primary-disabled

interactvie.primary.default

primary-disabled

primary-disabled

secondary-default

interactive.secondary.default

secondary-default

interactive.secondary.default

secondary-default

interactive.secondary.default

secondary-hover

interactive.secondary.hover

secondary-hover

interactive.secondary.hover

secondary-hover

interactive.secondary.hover

secondary-focus

interactive.secondary.focus

secondary-focus

interactive.secondary.focus

secondary-focus

interactive.secondary.focus

secondary-disabled

interactive.secondary.disabled

secondary-disabled

interactive.secondary.disabled

secondary-disabled

interactive.secondary.disabled

Icons wayfinding system

Icons wayfinding system

A comprehensive library of wayfinding icons was catalogued and organised using design tokens.

Airport

icons.general.airport

Airport

icons.general.airport

Airport

icons.general.airport

Bus

icons.transport.bus

Bus

icons.transport.bus

Bus

icons.transport.bus

Departures

icons.travel.departures

Departures

icons.travel.departures

Departures

icons.travel.departures

Hotel

icons.travel.hotel

Hotel

icons.travel.hotel

Hotel

icons.travel.hotel

ID

icons.travel.id

ID

icons.travel.id

ID

icons.travel.id

Suitcase

icons.travel.suitcase

Suitcase

icons.travel.suitcase

Suitcase

icons.travel.suitcase

Map

icons.travel.map

Map

icons.travel.map

Map

icons.travel.map

Passport

icons.travel.passport

Passport

icons.travel.passport

Passport

icons.travel.passport

Seat

icons.travel.seat

Seat

icons.travel.seat

Seat

icons.travel.seat

Currency

icons.travel.currency

Currency

icons.travel.currency

Currency

icons.travel.currency

Luggage

icons.travel.luggage

Luggage

icons.travel.luggage

Luggage

icons.travel.luggage

Train

icons.travel.train

Train

icons.travel.train

Train

icons.travel.train

Before and After

Before and After

A modern, fresh and dynamic look and feel was delivered. The creation of new components that were versatile, engaging and fit for purpose created an improved CX that personalised the journey based on audience needs to create a seamless and stress-free airport experience.

(Drag left to right below to see the Before and After)

/ Old design

/ New design

How it came together

How it came together

The result was a clean, modern and scalable digital design system for website platforms and apps.

The results

The results

Project Overview

Scope

Scope

Scope

/

/

/

Design System

Design System

Design System

/

/

/

UI

UI

UI

/

/

/

UX

UX

UX

Services

Services

Services

/

/

/

Strategy

Strategy

Strategy

/

/

/

Audit

Audit

Audit

/

/

/

Component Creation

Component Creation

Component Creation

/

/

/

Design-to-code

Design-to-code

Design-to-code

Modernising the Dublin Airport digital experience​

The Design System:

0
0
0

components

0
0
0

variables

0
0
0

modes

"The improvements we've made to the website and app are a game-changer for passengers and put Dublin Airport on a par with the best airports in the world when it comes to the digital offering that they offer passengers."

Kenny Jacobs

CEO, daa

0%
0%
0%

+24%

+24%

Faster development time for new digital features

Faster development time for new digital features

*Calculations are based on 1 month of stress testing production on time-recorded tasks

0%
0%
0%

+40%

+40%

WCAG 2.2 AA compliance across all platforms

Color

+4%

Color

+4%

Color

+4%

Images

+8%

Images

+8%

Images

+8%

Controls

+5%

Controls

+5%

Controls

+5%

Keyboard

+9%

Keyboard

+9%

Keyboard

+9%

Global code

+14%

Global code

+14%

Global code

+14%

a11y compliance

+40%

a11y compliance

+40%

a11y compliance

+40%

Final thoughts

Final thoughts

Dublin Airport now has a modern, fresh and most importantly scalable design framework that is future-proof, to take them forward and beyond.

It will also allow them to add further to their increasing portfolio of services and offerings.

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis