Portfolio

Travel Utility | Airport Guide

Gate2City

From landing to downtown, sorted

Client
Gate2City
Industry
Travel & Transportation
Launched
November 2025
Focus
Skip the taxi queue. Know your route before you land.

Scope

Web appTravelData-driven design

A travel utility comparing every train, metro, bus, and shuttle from airport to city center. Real prices, honest travel times, no affiliate tricks—just clear directions for 148+ airports worldwide.

Visual Identity

Design language we crafted

Airports covered

148+ and growing

From major hubs like LHR, JFK, and NRT to regional gateways across 6 continents.

Palette

Dark slate, live green accents

A dashboard aesthetic that feels like a departure board—functional and information-dense.

Design system

Data tables meet travel UI

Sortable lists, airport codes, and clear visual hierarchy for quick scanning.

Process

How we shaped the experience

01

The challenge

Every traveler faces the same question after landing: what's the best way to get downtown? Taxi apps inflate prices, official airport sites are confusing, and Google Maps doesn't show real fares. Gate2City needed to be the definitive answer—fast, honest, and comprehensive.

  • Aggregate transit options (train, metro, bus, shuttle) with accurate pricing
  • Present information clearly for stressed, jet-lagged travelers
  • Scale to cover airports worldwide without sacrificing detail
02

Our approach

We designed Gate2City as a utility-first product. No fluff, no affiliate dark patterns—just the information travelers need. The interface borrows from flight departure boards: scannable, sortable, and instantly familiar.

  • Searchable directory with airport code, city, and country filters
  • Individual airport pages with detailed route comparisons
  • Journal section for insider tips and destination guides
03

Design & development

Built in Next.js for speed and SEO. Each of the 148+ airport pages is optimized for search—travelers Googling 'LHR to London city center' find Gate2City. The dark UI reduces eye strain for red-eye arrivals.

  • Dynamic routing for scalable airport page generation
  • Live data indicators and last-updated timestamps for trust
  • Keyboard-first search (⌘K) for power users

Timeline

Sprint phases

01

Research

Understanding traveler pain points

  • Competitive audit of airport transit resources worldwide
  • User interviews with frequent flyers and first-time visitors
  • Content strategy for scaling to 100+ airports
02

Design

Utility-first interface

  • Data table patterns optimized for mobile scanning
  • Airport page templates balancing density and clarity
  • Search UX with instant filtering and keyboard navigation
03

Development & Launch

Next.js build and SEO optimization

  • Static generation for airport pages with ISR for updates
  • Structured data for rich search results
  • Performance optimization for global CDN delivery

Deliverables

What shipped

  • Searchable airport directory with 148+ global airports
  • Real-time schedule and fare comparisons
  • Airport-specific landing pages with detailed route breakdowns
  • Mobile-first responsive design for travelers on the go

Key Moments

Visual highlights

  • Airport directory

    Airport directory

    Sortable table with live status indicators, airport codes, and one-click navigation to detailed guides.

  • Route comparison cards

    Route comparison cards

    Side-by-side transit options with prices, travel times, and frequency—no hidden fees.

  • Journal page

    Journal page

    Insider tips and destination guides for travelers seeking local knowledge.

Impact

Gate2City is now the go-to resource for airport-to-city transit. Honest information, global coverage, and a design that respects the traveler's time.

Let's work together

Ready to elevate your digital presence? Start a conversation about your next project.

Get in touchMore work