F1 GETAWAY

All-in-one Formula 1 trip planner for tickets, travel, and activities.

Role: UX/UI Designer
Category: Web App Travel UX
Year: Prague Coding School 2025
Scope: User Research Persona User Journey Wireframes UI Design

Problem & Idea

The problem

Planning a Formula 1 trip means juggling four separate sites for tickets, flights, hotels, and experiences. Comparing prices, dates, and track distance across tabs wastes hours before fans can even book.

The idea

Treat the race weekend as a vacation, not a transaction. Pick the Grand Prix and dates, then layer accommodation, travel, and activities into a live total. Build it manually or let an AI generate a fully customizable package.

Primary persona

Thomas (29)

Profile

Product Analyst, Prague
Attends 1–2 races per season
Researches & plans in the evening

Expectations

Single checkout for the entire trip
Transparent total with no hidden fees
Quick, end-to-end trip itinerary

Pain points

Too much time spent planning across sites
Unsure how to fill non-race days
Fear of overpaying by booking out of order

Two paths, one checkout

Splitting right at the landing page and merging at the summary, the flow gives control to hands-on fans while solving it for those who want a ready-made solution.

Direct custom build

01Pick race weekend & dates
02Choose ticket type (GA → Grandstand → VIP)
03Add accommodation from filtered results
04Add travel: flight, train or car
05Add local activities & tours
06Review summary → proceed to pay

AI assistant flow

01Start with AI planning
02Answer budget, party size & travel style
03Receive a complete pre-built weekend
04Swap or tweak any single module
05Confirm → proceed to pay

F1 GETAWAY user journey flowchart: entry website, homepage, decision on whether the user knows what they are searching for, direct GP selection path and AI assistant questionnaire path, both reconverging at summary, order and payment — Full user journey map — decision points and both booking paths

UX process

Wireframes & Booking Flow

Low fidelity

Grey-box frames mapped the full booking flow, from the landing page through to the confirmation screen.

High fidelity

Resolved layouts, spacing and component logic — the stepper, filters and module cards defined before any colour or imagery was applied.

Type & Colour

Typography

Barlow

Aa Bb Cc — 0123456789

A slightly condensed grotesque with motorsport-signage character: tight headlines, highly legible tabular numbers for prices, dates and race weekend days.

Colour

Primary Red

#DC3309

Secondary Slate

#4C4C4C

Light Background

#FEFEFE

Final High-Fidelity UI Design

A unified, step-by-step booking interface designed with dynamic sports typography and clear visual hierarchy.

Final F1 Getaway landing page with dual planning CTAs and special offer cards — Landing & Dual Entry Point

Final Grand Prix destination grid with date strip and starting prices — Grand Prix Picker

Final accommodation configurator with side filters and hotel comparison cards — Modular Accommodation Configurator

Final itinerary summary screen with module stack and total price checkout — Itinerary Summary & Checkout

Prague Coding School project, 2025. Research, persona, user journey, wireframes and UI design created entirely by me.

Previous project (Chalk)All projects Next projectSHOOPLE