Branding, UX UI Design

The Challenge

Branding, Visual Identity, UX Design, UI Design

As AirBorne Airline is new to the market, they will release a minimum viable product. The goal is to make the ABA stand out from the crowd. The challenge is creating a user-friendly product website and mobile application. Required services were Brand identity, Brand strategy, and UX UI Design. The 3D logo followed by the icon of the airplane and color-blind friendly presents the industry. This logo will be visible on every screen to establish the company and make it easier for users.

Easy to use, Easy to find deals, Easy to book, Easy to navigate

Branding, Visual Identity, UX Design, UI Design

The challenge was creating a user-friendly website and mobile application. Required services were Brand identity, Brand strategy, and UX UI Design.

Key words

Branding, Visual Identity, UX Design, UI Design

New, Bold, Cool, Exciting, Comfort, Family

Design system

Typography

Typography, I found Roboto family fonts as an excellent choice to make the information easy to read on the screen.

Color Palette

Branding, Visual Identity, UX Design, UI Design

An example of this includes the app's color palette being friendly toward color-blind users. Based on today's regular use of smartphones in need of battery, the app is presented in the dark mode to save energy levels.

Component library

Visual Identity, UX Design, UI Design

All components are customized.

Component library

Visual Identity, UX Design, UI Design

Search system

Visual Identity, UX Design, UI Design

The search system is available on most of the screens. All the deals are tagged by the start and the end date.

User testing insights - Home page

Visual Identity, UX Design, UI Design

Modification After user testing insights-Home page Adding sort by lowest/highest option to improve the booking flight table for users to complete the booking process and have a better chance to check deals before booking the ticket The final outcome is, to log in, the Deals, Experience, Help & Support pages. 2 pages for mini iPad and desktop pages.

AIRBORNE AIRLINE MID FI DESIGN

https://www.figma.com/proto/tC6AzO3WiH1nxRAADKG3P8/UI-AirBorne-Project?page-id=0%3A1&node-id=0%3A1&viewport=241%2C48%2C0.13&scaling=scale-down&starting-point-node-id=69%3A4990