Case Study | Design Challenge

Rêve

A Flight Search App

My Daily UI challenge was to design a flight search app

I wanted to center it around something visual, rather than focus on what the competitors promoted–low prices, fast finds, etc. Aesthetically, I wanted to leverage the “dream” aspect to a dream vacation, while giving users the tools to turn that dream into reality.

Project Overview

My Role

UI/UX designer

Tools

Figma

Timeline

6 hours

Looking at Other Designers to Isolate the Screens I Needed to Make

NGFly/01

  • Icons labeled

  • Filter and sort options on ticket search page

  • one way and round trip options, calendar, passenger quantity search

    Don’t like the selected interactive state. Doesn’t seem prominent enough

GoTick/03

  • Large seat select

  • Boarding pass gives download option

    Don’t like the lack of interactive state for ticket selection shown
    Don’t like the lack of nav bar at the bottom

Trippio/02

  • Shows which seat user selected

  • Amenities for flight shown

    Don’t know if it’s clear which seat was selected vs available (black = selected/ blue = available).
    Not sure about “proceed to pay” copy. I would think I’d pay and then wouldn’t get to confirm details. Maybe just checkout would be better?
    Breadcrumbs needed.

Airline App/04

  • Hotel finder with price per night

  • Upcoming flights visible

    Not sure how search at top will differ from search in nav bar
    Nothing labeled for icons. They seem intuitive but search could be discover

The Opportunity

Develop a flight search app that offers a seamless and intuitive user experience, streamlining the flight search and booking process while presenting comprehensive and relevant flight options.

  • Calendar

  • Time select

  • Seat select

  • Seat availability

  • Plane select

  • Flight hours

  • # of connections

  • Ticket stub

  • Dreamy aesthetic to make the flight selection process grounded in excitement, liveliness, and obtainable fantasy.

  • Login screen

  • Search flight screen

  • Flight select screen

  • Seat select screen

  • Ticket screen

What to Include

Aesthetic Goals

Screens to Include

76C30BF9-C0AD-4E00-A34B-DF6640A160F4.png

User Interviews Would Help Me Discover What Features My Users Value Most

Concluding Thoughts

Since my project focused on UI, I didn’t concern myself with conducting extensive research on the problem space. My goal was to design a flight app and that was it. However, to make this project more robust I would consider exploring the problem more by:

  • Discovering what websites or apps users currently use to find flights

  • Understanding the process a user takes to book a flight

  • Identify what they look for when they consider purchasing a flight

The Flight Results Part Looks Crowded

I kept tweaking the fight results screen in hopes to make it appear less crowded. With my goal of not spending more than a few hours on this, I called it quits after a while, but it still looks crowded to me.

Testing the screen would help me identify whether or not it is crowded and if there’s any information I could eliminate.

flight results screen
Next

Website Audit: Energy Democracy Project