Case Study

BookAir

Type: Product
Services: UI/UX Design
Year: 2020
Platform: Figma, Adobe xd, iOS, Android
Main Banner Mobile
Case Study

BookAir

Type: Product
Services: UI/UX Design
Year: 2020
Platform: Figma, Adobe xd, iOS, Android

About the project

BookAir Logo

BookAir is a flight booking UI kit that was designed to be highly engaging, customizable and easy-to-use with emphasis on User Experience. It is a fully-featured kit with 37 screens, 7 fully-editable vector illustrations and 40 icons,all created from scratch.

BookAir is intended to be the easiest app to navigate around, and help users find flight options from and to their preferred destinations. Users are able to find flights based on their preferences, ranging from connecting flights direct flights, as well as the most economic route options.

It also comes with an Adobe XD file with a fully interactive & linked prototype to help with UX and to build the app faster.

SF Pro Img Left
SF Pro Img Right

37

Screens

7

Illustrations

40

Icons

SF Pro was chosen as primary font due to its edgy shape which gives the design an elegant look. We chose gradient red with white and black colors to make a good contrast between them.

SS Mobile Img OBS-Mobile Img Splash Screen On Boarding Screens
SS Mobile Image Screen Search Screen SS Dots

Well-researched, fully editable
screens

The app gives its users the capability to book tickets using custom filters that would help them find the most convenient flight options. All screens are designed in high-quality resolutions to suit any mobile resolution, and are fully sorted and combined into Figma and Adobe XD files. We decided only to use vector elements to maintain the high quality of design elements, and to offer easy modification capabilities.

SR Mobile Screen Search Result
Notification Mobile Img
Notification Img Left
Notification Bell

Notifications

A special screen that allows the user to receive all important notifications related to their flight, such as reminders, confirmations, delays, offers and other important updates

Xd Figma

Available for Adobe XD and Figma

The UI Kit includes 37 high quality, ready-made screens with a fully interactive Figma and Adobe XD prototype within their source files to showcase the design flow. The app has a minimalist and intuitive design that makes interacting with the user interface a pleasant experience.

Get UI-Kit Get UI-Kit Mobile

Get the BookAir
Mobile App Design UI Kit

BookAir is a fully featured flight-booking mobile app UI kit with 37 screens, 7 fully-editable vector illustrations and 40 icons, all tailor-made from the ground up. It comes with a fully interactive & linked prototype inside the Adobe XD file to help with the UX, and to build the app quicker.

Buy BookAir in

Complete UI/UX Mobile Img Complete UI/UX

Whether you need a basic or enterprise solution, the Pixelative team has all the necessary, professional expertise.

Book a call