Back

Motion Art • July 10, 2025

IndiGo Flight Motion UI

The final steps of booking a flight should feel clear and connected. In this personal motion concept, I explored how card selection, payment confirmation and booking success could flow together through purposeful interface animation.

Objective

Create a clear visual journey from choosing a payment card to receiving booking confirmation, using motion to guide attention through each step.

Challenges & Decisions

  1. Selection without distraction

    Make the active payment card easy to identify while keeping the flight details and amount visible.

  2. Continuity between states

    Connect payment and confirmation through related visual elements, so each transition feels like the next step in the same journey.

Approach

  1. Define the sequence

    Organize the concept around card selection, payment confirmation and booking success.

  2. Establish visual hierarchy

    Keep the route, amount and primary action prominent, with supporting details arranged around them.

  3. Refine the motion

    Use timing, easing and transitions to guide attention as the interface moves between states.

Outcome & Reflection

The finished concept presents the booking flow as one connected sequence. It explores how motion can clarify changes in an interface while giving the final confirmation a distinct sense of completion.

Project Details

Strategy
Motion storytelling · User flow simplification
Design
UI design · Interaction design · Motion design
Client
Self-initiated concept — not commissioned by IndiGo
Tools
Figma · After Effects