A student project completed in 2021 that took a fictional client brief, established user research, and wireframes through an iterative design cycle to build a mobile application prototype. The challenge here was to build an intuitive system that focused on highlighting flight deals and easy to access information about the flight experience prior to booking.
DISCOVERY
A mood board was created to collate a wide variety of potential UI inspiration. This process examined the wider market that Airborne would need to compete in and showed where it could stand out from the crowd visually.
The focus was on layout, colours and illustration styles. The goal was to create a look that was clean, futuristic, friendly and relatable. The final colour selection was tested to meet web accessibility standards.
The focus was on layout, colours and illustration styles. The goal was to create a look that was clean, futuristic, friendly and relatable. The final colour selection was tested to meet web accessibility standards.
DEFINE
A variety of visual approaches were tested with the lavender and mint option selected. This look provided the clean feel without looking like existing airline.
A user flow was created to outline all the pages and states the prototype would include
DEVELOP
A component library was built for Airborne to enable the quick and consistent building of pages across the prototype. The colour pallet was expanded to allow for different component states with accessibility in mind.
User feedback:
The site looks really clean and easy to use
There is a lot of purple, I would like to see more of this green being used, they really complement each other
Some of this text is hard to read, could there be more contrast?
I want to see how many steps are left when going through the booking process, if I stepped away or were comparing sites I want to know where I got up to
There is a lot of purple, I would like to see more of this green being used, they really complement each other
Some of this text is hard to read, could there be more contrast?
I want to see how many steps are left when going through the booking process, if I stepped away or were comparing sites I want to know where I got up to
DELIVER
User testing was conducted on the prototype to gain valuable insight into the creative direction taken with the UI. The feedback given was overall positive with actionable suggestions that allowed the next iteration of the prototype to be clearer and more useful for users.
User testing was conducted on the prototype to gain valuable insight into the creative direction taken with the UI. The feedback given was overall positive with actionable suggestions that allowed the next iteration of the prototype to be clearer and more useful for users.
