Skyway Explorer – Travel Booking Website
Client
Personal Project
Year
2022
Duration
2 weeks
Tools Used
FIgma, Illustrator
Skyway Explorer is a self-initiated demo project designed to sharpen my skills in Figma’s prototyping features and micro-interaction design. The concept simulates a commercial travel booking experience, with a focus on smooth user flows and interactive motion. While the scope was limited to a few key screens, the project served as a focused playground to explore UI detail, transitions, and dynamic states in a real-world context.
Figma prototype below (Refresh if not loading)
Process
I started with low-fidelity wireframes in Figma to define the structure—search bar, destination highlights, booking cards—and to map the basic user flow. After locking down layout and flow, I moved into high-fidelity design, applying a clean, modern aesthetic with vibrant travel imagery, travel-themed color palettes, and custom iconography refined in Photoshop and Illustrator.
The core goal was to push interaction fidelity. I used Figma’s prototyping tools to create micro-interactions, most notably a flight animation triggered when users clicked the “Book this flight” CTA. I also experimented with Smart Animate and Variables to toggle between round-trip and one-way flight options, as well as filter interactions on destination cards.
Outcome
The result was a clickable prototype that, while limited to two primary screens, demonstrated clear interaction intent and motion logic. The project helped me build a deeper understanding of advanced prototyping in Figma—working with variables, component variants, and Smart Animate for layered transitions.
This project solidified the foundation for future expansion. I plan to grow it into a full booking flow, including home, search results, summary, and profile pages—transforming it from a micro-interaction study into a complete case study.
Role
UI Design, Interaction Design, Micro-Interactions, Visual Design
Tools
Figma, Illustrator, Photoshop
Timeline
Winter 2022 (2 weeks)
