Refto
Flighty

Flighty

The only app that tells you everything about your flight and tracks your lifetime of travel. Get real-time updates, the fastest alerts, and delay predictions, so you're always the first to know and rebook.

InteractiveScrolling AnimationFunMobile AppAnimationClean
4.0
19
Visits
Visit

Categories

Mobile App

Design Analysis

Flighty Home design analysis

Build the experience around one centered handset and a small set of floating status cards. Let the system feel trustworthy and crystal clear rather than adventurous or noisy. Use the cobalt strip as the clearest signal o...

Key Takeaways

  • Build the experience around one centered handset and a small set of floating status cards.
  • Let the system feel trustworthy and crystal clear rather than adventurous or noisy.
  • Use the cobalt strip as the clearest signal of live status.
  • Use app-realistic maps, delay cards, and flight alerts around one phone mockup.
  • Keep the rest of the field extremely clean.
  • Use white and black for most of the page.

Overview

  • Build the experience around one centered handset and a small set of floating status cards.
  • Let the system feel trustworthy and crystal clear rather than adventurous or noisy.
  • Use the cobalt strip as the clearest signal of live status.

Image Direction

  • Use app-realistic maps, delay cards, and flight alerts around one phone mockup.
  • Keep the rest of the field extremely clean.

Colors

  • Use white and black for most of the page.
  • Use cobalt for status-level emphasis only.
  • Allow a little map green or UI color inside product proof.

Typography

  • Use bold system-style display type for the main promise.
  • Keep explanatory copy centered and steady beneath it.
SpacePlay/Pause←→Seek 1sShift←→Seek 10s