A coffee shop app focused on encouraging loyalty and improving 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 favorite drinks. Rewards are built right in, so you’ll earn points towards free drinks and food on your purchases.
UX/UI
Mobile app design
Digital marketing assets
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.
Survey:
To gather more information to help to understand what the user 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, and 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.
The research showed me that users want an app that 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
I created a mood board to showcase the visual theme and aesthetic I wanted to target for the UI. This made it easy to use the color and other visual elements as a template not only for the design system but also for the look and feel.
This application's 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.
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.
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 was unnecessary and needed to be 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.
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.
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 the song that 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.
