The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
FLIGHT BOOKING UI
Project Overview
A mobile flight-booking experience designed to make discovering, comparing, and booking flights feel simpler and more intuitive. The concept focuses on reducing friction throughout the booking journey while keeping important travel information clear and accessible.
The Problem
Booking a flight can quickly become overwhelming. Users often have to navigate through complex search forms, compare multiple flight options, review scattered travel details, and complete lengthy payment processes.
The goal was to create a more streamlined experience where users could find a flight, understand the details, and complete their booking with less friction.
Target Audience
The experience is designed for:
Frequent travelers looking for a faster booking process
Business travelers who value speed and clarity
Young travelers comparing affordable flight options
Users booking one-way, round-trip, or multiple-trip journeys
The Goal
The primary goal was to design a flight-booking experience that feels simple, visual, and effortless, while making important information such as destinations, departure times, prices, and booking details easy to understand.
The Solution
I designed a streamlined flight-booking experience centered around clarity and simplicity.
The interface brings flight search, discounted offers, trip information, payment, and booking details into a cohesive flow. Instead of overwhelming users with information, the experience uses clear visual hierarchy and card-based layouts to make each decision easier.
My Approach
I focused on three key areas:
1. Simplify the search experience
The flight search interface prioritizes the information users need first — origin, destination, trip type, and travel dates.
2. Make flight options easier to scan
Flight offers are presented using visual cards that combine imagery, route information, departure and arrival times, and pricing in a single glanceable component.
3. Reduce friction at checkout
The payment and confirmation screens were designed to clearly communicate what the user is purchasing, including passenger information, class, seat, terminal, price, and booking reference details.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
When designing a consulting agency website, most people lead with services.
We usually do too. It feels like the logical starting point.
But when we worked on Orvian Labs, we tried something different.
Instead of opening with what they do, we led with what the client actually needs to feel before they read anything clarity and trust.
The hero doesn't list services. It just says "We Bring The Clarity Your Business Needs." And the rest of the page builds the case quietly a scrolling industry list, a three-card value section, 120+ projects as a single trust signal, and a dark manifesto block that finally tells you who they are.
The testimonial comes last. By that point, the visitor already believes it.
What we noticed was that leading with feeling before features made the layout decisions much easier. Every section had a clear emotional job to do, not just an informational one.
This was one of our website layouts to work through. Hope you like it.
#web design # ui-ux design
Premium quality work.
Branding & Hero Animation for Newly.app — AI App Builder
End-to-end branding and hero section design concept for an AI platform that turns ideas into native iOS and Android apps without writing a single line of code.
What we did:
→ Brand Identity: Visual language, color palette, and typography system.
→ Hero Section: Animation concept built around the metaphor of [insert your metaphor, e.g., "ideas transforming into live products"].
→ Motion & UX: Micro-interactions, transitions, and scroll behavior.
The Challenge:
Visually conveying the speed and "magic" of AI while maintaining a professional, tech-forward, and trustworthy image for founders and entrepreneurs.
The Result:
A high-impact hero animation that explains the product's core value proposition in under 3 seconds—capturing the feeling of [insert emotion, e.g., "turning a raw idea into a shipped product with total control"].
Tools: Figma, After Effects, Cinema 4D
Client: Newly
That hero animation is really clean. Love how quickly it shows what the product does.
COOOL ASF