loader image

APP DESIGN  |  AVIATION

Flight Tracker

Flight Tracker is the app that calculates the driving time to the airport and informs when it's time to go

Logo-1

YEAR

2017

CLIENT

David

Challenge

The idea of the project was to design an app that would provide advanced searching options to quickly find the flights you want to track. Once tracked, the app will send notifications when it's time to drive to the airport. Besides, the client wanted the app to be customizable and to come with a couple of predefined themes (main, light, dark).

Strategy

The main objective was to create clear search & track user flows with nice visual elements to make the experience more delightful. Tracked flights should be easily accessible and manageable. The main UI theme reflects the brand identity and drove the design of the other two, sharing the same principles of color usage.

01

SOLUTION

Easy to search

Search by flight number, arrival or departure dates, route, airport. Quicky preview the card with the flight details.

2-1-2_seacrh_number
2-2-2_seacrh_route
2-3-2_seacrh_airport
2-2-3_seacrh_route

Track flights

Never be late for the airport again. The app calculates the driving time and sends push notifications when it's a time to go.

1-1-1_watch
1-2-1_watch_flight_ifo_departure
3-1-1_settings-1
3-2-1_settings_preferences

Customize

Setup the preferred time to arrive at the airport in advance to your tracked flights. Manage notifications, change color schemes and more.

Get more

Friendly messages show more features you can get in the app, such as customizing notification sounds.

3-3-2_settings_push_notifiations_share_to_facebook
4-1-1_unlock_pro_popup
flight-1

Choose your theme

The app comes in three themes: main, light and dark. Choose the one that resonates with you most.

Dark theme

Overview of the app screens in a dark theme.

1-1-1_watch_dark
3-3-2_settings_push_notifiations_share_to_facebook_dark-1
4-1-1_unlock_pro_popup_dark-1
1-2-1_watch_flight_ifo_departure_dark
2-1-2_seacrh_number_dark
2-3-2_seacrh_airport_dark-1
Flight-Card-1
2-2-2_seacrh_route_dark

Light theme

Overview of the app screens in a light theme. 

1-1-1_watch_light
3-3-2_settings_push_notifiations_share_to_facebook_light
4-1-1_unlock_pro_popup_light
1-2-1_watch_flight_ifo_departure_light
2-1-2_seacrh_number_light
2-3-2_seacrh_airport_light
2-2-3_seacrh_route_light-1
2-2-2_seacrh_route_light

02

STYLEGUIDE

Typography

Typography-Flight-1

Palette

MAIN: BASE

MAIN: ACTION

MAIN: ADJECTIVE

color_main_bg
color_main_highlights
color_main_additional

DARK: BASE

DARK: ACTION

DARK: ADJECTIVE

color_dark_bg
color_dark_highlights
color_dark_additional-2

LIGHT: BASE

LIGHT: ACTION

LIGHT: ADJECTIVE

color_light_bg-1
color_light_highlights
color_dark_additional

Iconography

Iconography-Flights-1
Logo-White

Thanks for watching

Let's create something amazing together!

Think I might be the right person for your next adventure?
Take a minute, I'd love to hear about your project.

I do digital like it's my own business.

BASED IN

Amsterdam,
The Netherlands

CONTACT

+31 614298087
aleksa.rdk@gmail.com

ic_social_media_linkedin
ic_social_media_dribbble
ic_social_media_facebook
ic_social_media_instagram
ic_social_media_twitter
ic_social_media_medium-1

© 2020 Aleksa Rdk