Bustle Co. rewards app

A coffee shop app focused on encouraging loyalty and improve the coffee shops' experience by giving the customer a new way to interact and track their rewards. Scan and pay in-store and customize your favorites drinks. Rewards are built right in, so you’ll earn points towards free drinks and food on your purchases.

Scope of Project

UX/UI
Mobile app design
Digital marketing assets

This was a supervised passion project. The goal was to create a

Share

Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text Paragraph text

Brainstorm features

To see what users might want in the app I created an information architecture. This helped me to think about their motivations and what information they might look for while using the app. I later used some of these possibilities as questions in a survey I would conduct.

While I would later go back and revise this information architecture it helped me think about different scenarios that might come up later in user testing.

User Research:

Survey:

To gather more information to help to understand what the user really wants, I created a survey to answer a few questions before going into the sketching and wireframe phase. This allowed the user to get involved in the process early on to ensure that they are the focus of the design.

Analysis:

From the survey, I was able to gather data that confirms users would be willing to try an app, think that an app could improve their experience at a coffee shop. It also gave me the average age range of the possible users The responses informed me about an aspect I did not think of such as adding nutritional facts to the menu.

User Persona's:

The research showed me the users want an app the allows then to gain rewards each time they go in and possibly get special rewards on a certain day like their birthday or the second Saturday of the month. The users want a say in the coffee shop and an app can give them that interaction to improve their experience

Visual Vision:

The research showed me the users want an app the allows then to gain rewards each time they go in and possibly get special rewards on a certain day like their birthday or the second Saturday of the month. The users want a say in the coffee shop and an app can give them that interaction to improve their experience

User Journey:

This applications main focus is the rewards and drink menu. It takes only a few taps to go from the home page to the rewards or menu were users can order a drink to pick up.

Wireframes:

User Feedback:

I ran through a round of user testing and discovered that the users found the app's interface to be too small. They also found the navigation on the left to be awkward to use. They thought it odd to have a carousel on the start screen of an app as well.

Exploreations:

User Feedback:

After running through another round of user testing with higher fidelity screens I discovered that the users felt that moving the navigation on the top to not quite be the right solution because it made it hard to reach. They felt that the start screen unnecessary and needed to reworked somehow. The Coffee and Location page felt boring and cluttered and they would like a different use of text.

Overall they reacted to the rewards page the best and thought that more of the app should be structured that way. I used this feedback to create a second round of designs that would feature more pages.

High Fidelity Design

User Feedback:

I ran through a round of user testing and discovered that the users found the app's interface to be too small. They also found the navigation on the left to be awkward to use. They thought it odd to have a carousel on the start screen of an app as well.

Final Testing:

Usability Testing:

To test the user experience of the app I prototyped the screens and asked 10 people within the audience group to test it. I asked them to perform 5 tasks: 1. Sign in 2. Redeem a reward 3. Find the lattes nutritional facts 4. Which to light mode 5. Find what song is playing I gathered data by recording each session, utilizing heatmaps, user flow tracking, and timing each task.

Analysis:

The user feedback showed that the sign-in page of the prototype was causing some of the testers to give up. The nutritional facts button on the menu was difficult for users to click and or understand to click. The users also felt it was more like a to-do list than a menu. The home screen needs a call to action without having to scroll. It might also need more engaging information, such as a news feed and social links. Correcting these issues I finish the final prototype.