RAVE Mobile App

Team
Creative Director - Brian Desautel
Art Director - Sarah Allen
UX Designer - Yours truly
 

The RAVE mobile app allows users to engage with in-flight entertainment before the flight begins. My role was to build an experience upon user stories and features from the client. 

 
InPlace.jpg

THE PROBLEM

A user needed the ability to pair their own mobile device to the their seat screen in order to customize their in-flight experience and enjoy content. The process needed to be as frictionless and clear as possible. 

The SOlution

 Working with beacon technology, The Buddy Group team was able to create a simplified user flow. We also emphasized the action of “Pairing” devices so that the user would learn that it was key to accessing the application fully. 


The Process

Discovery

A breakdown of the onboarding process helped reveal potential experience issues.

Sketching

From Discovery, the strategy for onboarding became akin to gamification - making the lengthy questionnaire fun to move through.

Wireframing

Rounds of wireframes were created to define the specific charm that was needed for the prototype totaling in three different styles. 


Discovery

Research into STACKED restaurant users revealed that the tablet experience worked very well up to a certain number of people at a table. Beyond that number, users were ending up waiting for their turn to input their order and adding anything new in became troublesome. These large groups were the targeted users of the STACKED web app.

 
The final cast of the Syndicate at the party's end. 

UX Strategy

For a user to connect to the in-store ordering system, they would have to go to the STACKED ordering site url and then receive an access code from the table tablet. We worked on a solution to allow the url to pop up when a user entered the establishment via beacon technology and have the access code readily available from the tablet screen at all times.  From there, each user could have control over their order and payment.

 

Whiteboarding

One of the biggest challenges was the rearrangement of key features in the tablet app to make sense on someone’s phone browser. We wanted the mobile experience to still tie into the current restaurant interface to avoid confusion for the users comparing both at the same time, and still push the boundaries to make the web app as frictionless as possible. Whiteboarding out initial ideas and questions were key to help determine the solution.

 
12-10-15_Session4_01.jpg

Wireframing

Low-fidelity wireframes were mocked up from sketches and mapped out to understand the entire flow map of the product. These wireframes were then given over to development to be built into a HTML prototype. 

 

Visual design

The colors of the original STACKED brand were brightened and tweaked in this project to entice the user’s hungry through the pscyhology of Western color theory. The UI elements were designed to emphasiz “stacked” bars with a dash of STACKED’s restaurant retro theme brought in. Whimsical iconography was created to match the food theme as well as a little square emoticon character that helps guide users through the process. Does anyone like UX puns because the hamburger menu is in fact using a hamburger icon. YUM!

 
UI_website.jpg

Final Product & Insights

The final product created was not only a responsive web version of the STACKED tablet app, but a more modern and bright approach in experience.