RMIT Airborne Airlines

The Airborne Airlines project was the last part of the RMIT UI/UX design course I enrolled in 2021. The main intention of the app was to create a simple flight-booking app which will allow users to book flights. By the time of this project kickoff, I was ready to incorporate all the theoretical knowledge into a design project.

UX Process

Research

Before entering the design process I started off with my desk research first to see the existing apps and what they offer. I had a look at the flight booking app Booking.com and an airline portal Emirates.com mainly to study and understand the customer flow.

On further iteration I narrowed down my research to the Booking.com app and with the help of flowcharts I wrote down the user flow which made it easier for my next step in the design process, which was to sketch out some ideas in the form of low fidelity screens for each step in the flow chart.

Flow charts

Flow chart was a step by step process of the user flow on a tentatively simpler Booking.com app. In other words I took the most basic part of a flight booking app to use it in my design. The project was to create the most basic flight booking app.

Prototyping

Once the flowchart was ready an image was forming in my mind which I used for the first iteration on paper prototyping for the ease of idea flow and to see how much details I could gather from iterations. It was a basic sketch concentrating on the details. From low-fidelity design, I jumped onto mid-fidelity on the paper again to go on with a bit more descriptive iteration which will help in high fidelity and tried to define the button's placement and general screen flows across the application.

Styleguide design

Moodboard

Before stepping onto the high-fidelity design I tried to set up a mood board containing several inspirations. Along with paper prototyping, the design started to take shape and I was able to visualise a style guide of the theme, colours and an overall design experience..

Typography

I chose a font family and defined the usage of size and formatting for the project. This helped me in maintaining uniformity throughout my design files within Figma. Learning about Figma earlier during my thesis and spending several hours helped me to get set up with the type configurations.

Colours

From the inspiration from the mood board and iterating a few screens, I was able to lockdown my colour palette for the project. Since this was the initial stages of the design process, I wanted to iterate the usage of primary and secondary colours based on the further evolution of user interface design.

UI Design in Figma

Along with my paper prototypes, I was ready to start the screen designs on Figma. Spending time on several iterations on paper came into help with which I was able to define where I could place design components like fields/button/images on the screen.

Final outcome

UI designs and UX flow The RMIT course gave me a good insight into design process and how to design a mobile app using Figma. Being a first-timer I was able to follow the instructions and present my prototype via video recording and complete the project successfully.