Liftly was created to eliminate the typical stress points in flight booking by offering users a seamless, visually elegant, and transparent experience from discovery to boarding. With a focus on intuitive interaction, modern UI principles, and absolute pricing clarity, Liftly transforms the fragmented process of finding and reserving flights into a streamlined journey.

This case study outlines the end-to-end design strategy, UX thinking, and visual decisions that shaped Liftly’s responsive, user-friendly mobile interface.

To design a mobile-first flight booking experience that delivers effortless navigation, transparent pricing, and intuitive flow. The goal was to reduce friction, enhance trust, and make the process enjoyable for all user types—from tech-savvy business travelers to casual vacationers.

Frequent Flyers: Business travellers who prioritise speed, efficiency, and clarity.

Leisure Travellers: Casual users searching for good deals and intuitive navigation.

Non-Tech-Savvy Users: Individuals needing a simplified, accessible experience with clear steps and minimal clutter.

Figma – For wireframing, UI/UX design, and prototyping.

Magicpath – For rapid ideation, user flow generation, and journey mapping.

Phase – To create interactions and micro-animations.

Minimize booking friction with a simplified interface

Clearly highlight key decision-making details (e.g., pricing, duration, number of stops).

Maintain a cohesive and polished visual identity across the entire journey.

The home screen features a clear input system for origin, destination, date, passenger count, and class type. A prominent “Search Flights” CTA drives engagement.

Recent searches help users resume planning quickly

Calendar picker shows available dates with bold interaction design

The toggle UI makes switching from one-way to round-trip easy and intuitive

Flight listings are card-based and optimized for scanning. Users can:

View airlines, total travel time, stop duration, and fare

See tags like “Recommended” for confidence

Apply filters and sort by price, time, or airline

Highlighted prices with minimal distractions help reduce choice paralysis

The user adds passenger info with autofill features like passport scanning.

Gender prefix and form inputs are accessible and well-labeled

Clean input layout with clear borders enhances readability

Visual timeline above the form shows trip segments (JKT → Doha → NYC)

A plane layout map lets users tap to choose a seat.

Seats marked as Selected, Available, or Reserved using soft, readable colors

Highlighted selection state offers immediate feedback

A confirmation CTA locks in the user’s choice cleanly

The payment screen features clear flight info and multiple payment options.

Flight timeline is summarized at the top

Accepted payment methods (Visa, Apple Pay, etc.) are visually supported

After payment, a downloadable boarding pass is generated, and users are guided to the trip dashboard

Color Pallete:The blend of calm blues and soft grays gives Liftly a modern, welcoming feel. It balances clarity and trust, supporting a smooth, focused experience that keeps users informed and at ease throughout their flight booking journey.

Typography: Geometric sans-serif fonts support clarity and simplicity

Layout: Card-based modular design enhances hierarchy and scannability

Contrast: Balanced light-dark tones for content separation and focus