Mowgoud Product Designer & Artist.
Back

Heathrow

Park, shop, and find the way in. Three sections of heathrow.com: parking from one quote form to the right car park, a shop directory that knows your terminal, and transport by every mode.

Explore the experience
My contribution
UI design & design system
Client
Heathrow
With
Publicis Sapient
Year
2023
The Official Heathrow Parking page: a purple header, a photograph of hands on a steering wheel, and the Get a parking quote form with entry and exit dates, times, passengers and a terminal
The Official Heathrow Parking page on a phone, with the quote form stacked under the title
Today’s prebooked price, £97.00, above a Show 4 options button
The purple Get a quote button
The Park & Ride tab’s photograph: a family with luggage beside a shuttle bus at the Zone D bus stop, labelled Park & Ride

Every errand at an airport starts with when and where. Heathrow’s parking, shops and transport pages ask that first, with a form or a filter at the top, and only then show the options.

  • 6official parking products
  • 4terminals on every quote form
  • 3booking steps: search, basket, checkout
  • 15minutes between Park & Ride buses
  • 6ways to travel in, on one hub

Context.

Every drive to an airport ends with the same question: where does the car go, and for how long? An hour to drop someone at departures is a different errand from two weeks away, and the price of getting it wrong is a long walk with luggage or a bill at the barrier.

Heathrow’s parking section answers that question with one form. Dates, times, passengers and a terminal are enough for a quote, and the same products appear whether a visitor arrives from the transport pages or the booking flow. The pages here are the live site in October 2026, where Short Stay has become Terminal Parking and Long Stay has become Park & Ride.

Ask when and where before anything else.

The quote form sits at the top of every parking page. Nothing is sold until the dates and the terminal are known, because the right car park depends on both.

The parking landing page with the Get a parking quote form under the title
The Get a parking quote form: entry and exit dates and times, passengers, the terminal buttons T2 to T5, Find my terminal and Get a quote
  1. 01

    Entry, exit, terminal.

    Two dates, two hour bands, passengers and one of four terminals. A Find my terminal link helps anyone who only knows their flight.

  2. 02

    Then the options.

    The quote returns a list for those dates: the product, its terminal, the transfer time, a short description and today’s pre-booked price, sorted by price or transit time.

  3. 03

    Short stay, beside the terminal.

    Terminal Parking is a two-minute walk from departures, keeps the keys with the driver, and prices the first half hour for drop-offs and pick-ups.

  4. 04

    Long stay, by shuttle.

    Park & Ride is the cheapest product. Free buses leave every fifteen minutes, and the page says how long each terminal takes and where the bus stops are.

  5. 05

    Compare on one page.

    Distance, terminals and price for all six products in one table, with the premium options explained underneath for anyone short on time.

Six ways to park.

The landing page explains the products in one place, as tabs. Each tab is a photograph, a sentence and five short promises: how close, how safe, whether you keep the keys, which terminals.

The names changed recently. Short Stay became Terminal Parking and Long Stay became Park & Ride, and the pages say so, because the road signs still carry the old names.

Terminal Parking

The Heathrow Terminal Parking page: a purple title band with a photograph of a car park, and the quote form beneath it
The Terminal Parking tab’s photograph: travellers with suitcases walking through a multi-storey car park

Closest car parks to the terminals, a short walk to arrivals or departures, keep your keys; Terminals 2, 3 and 5.

Park & Ride

The Heathrow Park & Ride page: a photograph of travellers with luggage over the quote form
The Park & Ride tab’s photograph: a family with luggage beside a shuttle bus at the Zone D bus stop

Free shuttle buses to the terminal doors, a transfer in as little as 15 minutes; all terminals.

Priority Park & Ride

The Heathrow Priority Park & Ride page with the quote form and a notice about the Terminals 2 & 3 closure
The Priority Park & Ride tab’s photograph: the control tower above a car park

Free, frequent shuttle buses, a transfer in as little as 10 minutes; Terminal 5.

Meet & Greet

The Heathrow Meet and Greet Parking page with the quote form under its title
The Meet & Greet tab’s photograph: an attendant at the Meet & Greet reception taking a traveller’s keys

Quick and easy access to the terminals with no transfer, and no wait for your car on return.

Pod Parking

The Heathrow Pod Parking at Terminal 5 page with the quote form
The Pod Parking tab’s photograph: a family laughing inside a driverless pod

On-demand fast transit to Terminal 5, a transfer in as little as 6 minutes.

Valet Parking

Let us do the parking for you: the Meet & Greet and Valet cards with their key features
The Valet Parking tab’s photograph: a car key passed from one hand to another

Drop-off on the terminal forecourt, and no wait on return.

The booking flow keeps the same form.

The booking section repeats the quote form under an Official Parking tab, beside Fast Track and Airport Lounges, with a three-step trail: search, basket, checkout. The products return as cards that can expand to show their options.

On a phone the form stacks and the cards follow in one column, so the choice is made the same way at any size.

When and which terminal, first.

Nothing is sold until the dates and the terminal are known, because the right car park depends on both.

Short stay, long stay.

Terminal Parking is for the airport errand: a drop-off, a pick-up, a day trip. The page leads with what matters at the barrier: the car parks are next to the terminal, the keys stay with the driver, and stays under nine hours are paid on the day.

Park & Ride is the holiday option. The page is honest about the trade: the lowest price of the official products, in exchange for a shuttle. So it spends its space on the shuttle: every fifteen minutes, seven to twenty minutes to the doors depending on the terminal, and the bus stop number at each one.

  • The Terminal Parking page on a phone

    Terminal Parking on a phone.

  • The Terminal Parking price table on a phone

    Its price table.

  • The Park & Ride page on a phone

    Park & Ride on a phone.

  • The Park & Ride price table on a phone

    Its prices.

Shop and eat: a directory that knows your terminal.

The second section is the airport’s high street. Hundreds of shops and more than thirty places to eat, spread over four terminals and both sides of security, which is exactly the problem: what is open to me, here, now?

So the directory asks the same two questions as parking, where and which side, before it shows anything. Terminal, area within the terminal, then categories. Every card carries the terminals it is in, and a logo instead of a photograph, so the grid scans like a map of brands.

The Shops at Heathrow page: a purple title over a photograph of shoppers, terminal buttons from All to T5, an area selector and category chips
  1. 01

    Shops at Heathrow.

    The directory opens with every shop, A to Z. Terminal buttons and a category row sit above the grid; the Reset link clears both.

  2. 02

    Cards that name their terminals.

    Each card is a logo, its categories, the terminals it trades in, a Browse link to the online shop and a View details link to its page.

  3. 03

    Terminal 5, beauty only.

    One terminal and one category later, the grid is the handful of shops a passenger can actually walk to.

  4. 04

    The same pattern for food.

    Restaurants reuse the layout with their own categories: casual dining, family favourites, pubs and bars, takeout, coffeehouse and café, dine in style.

  5. 05

    A shop page is a card with hours.

    Boots: logo, terminal tabs, area, a map link, a phone number and opening hours in one strip, then the description and a Browse button.

From the shelf to the gate.

The shop page continues into products with prices and a Reserve Now button, because Heathrow’s retail runs on Reserve & Collect: choose online, pay and collect at the airport. Below the products, the services strip spells out the rest: personal shopper, collect on return, terminal transfer, home delivery.

On a phone the strip stacks and the terminal tabs become a row of buttons, so the first question, which terminal, still comes first.

  • Two products from the Boots page, Soltan sun creams at £14.30 and £6.05, each with a Reserve Now button

    Products with prices and Reserve Now, under the shop’s description.

  • The shopping services: Shops A-Z, Reserve & Collect, Personal Shopper, Collect on return, Terminal transfer and Home delivery, each with a yellow icon

    The services strip: six ways to shop beyond the shelf.

Plain paragraphs where a decision needs reading.

Your route to Heathrow from Central London says it plainly: Heathrow Express is fastest, fifteen minutes from Paddington; the Elizabeth line reaches more stations in under forty; the Piccadilly line is cheapest and under an hour. Then it lists the transfers from Waterloo, Victoria, London Bridge and Euston with their times.

A £7 charge every time a vehicle enters a drop-off area, payable by midnight the next day and nowhere at the airport itself: the page states the rule in five sentences, offers six ways to pay, then gives each terminal’s drop-off location with a map button, and folds the rest into an accordion.

  • The Travel by train page's Your route to Heathrow from Central London: paragraphs on Heathrow Express, the Elizabeth line and the Piccadilly line, then transfer routes from four London stations

    Three direct railways, then the transfers, in plain text.

  • The Terminal Drop-Off Charge page's four columns: Terminal 2, 3, 4 and 5 drop-off area locations, each with directions and a location button

    Four terminals, four drop-off locations, four map buttons.

One voice across three sections.

The At the airport hub holds the retail section with the rest of the terminal: find your terminal, find your way, free Wi-Fi, then Find it at Heathrow, a block of five doors into shops, food and drink, facilities, services, and lounges, hotels and spa.

Each door is a sentence and a link, in the same yellow-icon pattern as the parking promises and the transport modes. The site keeps one voice across the three sections.

  • Three parking promises, each with a yellow icon: Regular security patrols, Access for all and Free cancellations

    Parking: Why choose Official Heathrow parking?

  • Three doors from Find it at Heathrow, each with a yellow icon: Airport shops, Food and drink and Airport facilities

    At the airport: Find it at Heathrow.

  • Three transport modes, each with a yellow icon: Train, Car and Bus and coach, with Find out more links

    Transport and directions: the modes.

What I take
from it.

Parking is a small purchase with a lot of anxiety in it. The pages work because they ask the two questions that decide everything, when and which terminal, before they show a single price, and because every product is described with the same five promises, so the comparison is fair.

This draft records the live pages in October 2026, after the products were renamed. The next step is to add the recordings of the quote and booking flow.

Retail and transport follow the same grammar as parking: a form or a filter at the top, yellow-icon promises in rows of three, cards that name their terminals, and plain paragraphs where a decision needs reading. One design system, three very different errands.

Ahmed Mowgoud — UI design & design system

Publicis Sapient — agency

Heathrow — client

Let's
have it.

UI/UX, Product Design, Interaction Design, Art Direction.
Let's Play together.

mowgoud@gmail.com