Booking Platform

A complete redesign of SkyPark’s desktop booking flow—focused on reducing drop-offs, increasing accuracy, and delivering an intuitive, app-like experience across web. The final result is a layered, frictionless interface optimised for conversion, clarity, and scalability.

Industry

Travel & Transport

Client

Skypark Melbourne

Service

UI/UX Design

Date

August 2024

Challenge

SkyPark’s legacy booking system lacked structure, hierarchy, and feedback—especially on desktop. Users were met with a dense, single-page form that overloaded cognitive load and frequently caused date/time entry errors. The experience felt transactional, not directional—leading to booking fatigue and high abandon rates.

189 South cafe bar logo signage close-up
189 South cafe bar logo signage close-up
189 South cafe bar logo signage close-up
Calendar interface and parking selection screen from SkyPark’s desktop booking platform showing chosen dates and parking option.
Calendar interface and parking selection screen from SkyPark’s desktop booking platform showing chosen dates and parking option.
Calendar interface and parking selection screen from SkyPark’s desktop booking platform showing chosen dates and parking option.

Approach

We broke the experience into clear, sequential steps—introducing a multi-step interface with visual indicators, real-time validation, and feedback cues. Form fields were spaced for readability, with smart defaults and contextual logic to reduce friction. Key flows like time and date selection were rebuilt for pattern recognition and task flow speed. The UI leveraged card-based groupings and responsive spacing to keep the visual hierarchy strong across breakpoints.

The design was created with a developer-first mindset: components were systemised, interactions were annotated, and variants were built for responsive handoff.

Form interface for SkyPark’s desktop booking platform with user-entered vehicle, flight, and passenger details, including validation feedback.
Form interface for SkyPark’s desktop booking platform with user-entered vehicle, flight, and passenger details, including validation feedback.
Form interface for SkyPark’s desktop booking platform with user-entered vehicle, flight, and passenger details, including validation feedback.
Time selector mockup from SkyPark desktop booking platform displayed on a MacBook with other closed laptops in background.
Time selector mockup from SkyPark desktop booking platform displayed on a MacBook with other closed laptops in background.
Time selector mockup from SkyPark desktop booking platform displayed on a MacBook with other closed laptops in background.

Outcome

The new booking platform delivers an app-like feel in a browser context, leading to reduced error rates and smoother conversions. Step-based guidance increased clarity, while error-preventive patterns (like inline validation and calendar logic) drastically lowered form-related frustration. By removing scroll fatigue and breaking down the process, users now complete bookings faster and with more confidence.