Brewery finder app ux case study

UX Case study — iOS native mobile app

Photo by Christin Hume on Unsplash

Introduction

Brewery Finder is an iOS Business to Consumer (B2C) native mobile application for finding and recommending Canadian craft beer breweries and their products to the people of Vancouver who want to try unique beer with friends. This app will help connect local brewery businesses with consumers.

The app provides these benefits to :

The user

  • Local breweries navigation
  • Breweries information
  • Recommended beer types
  • Personalized beer
  • Keep track of favourite beers and breweries
  • Share brewery experience with friends

The business

  • Communication with consumer
  • Better marketing for the local business
  • Collaborate with other small local businesses e.g. food trucks, snacks business

Target market

Interview

In order to have a better understanding of brewery app users, I interviewed 5 participants with different genders and ages between 25 and 38 years old in the technology, design, service and marketing industries.

In person interview focusing on which devices and apps they use, their social network habits, their past breweries experiences, how to navigate to breweries, and the pain points that they experience at the breweries.

Survey

The survey was completed by 27 local Vancouver people. The goals for the surveys were find to out brewery consumers pain points and motivations when they visit a brewery, and how they navigate to the location. In this survey, I found that 41% people are frustrated when they choose their beer because they are not familiar with the different types of beer and 52% of people ask for recommendations at the brewery from an employee. The survey results show that it would be great to have features that educate the user about different beer types and recommend and personalize their favorite beer type.

From the survey I also found that:

Interviewers’ pain points and gain

Personas

Based on the user interviews and survey I came up with the following Primary and secondary personas.

Key features of the MVP

Since I have limited time for this project, prioritization was crucial. In order to create solutions for Lucas(primary persona) and Catherine(secondary persona), I set up the following key features.

Must have

  • Show nearby breweries
  • Narrow down a brewery’s beer list to A BEER
  • Give beer recommendations based on user’s personalities

Good to have

  • What are the ingredients
  • Notification setting
  • Share breweries/beer info with friends

User flow & wireframes

User flow

Wireframes

I used digital design tool Sketch to create wireframes.

Usability testing

After creating rough wireframes, I’ve done user testing with 2 people in my target age. I found many ways to improve the design layouts from the user tester.

Iteration 1

Nearby screen iteration

Lucas wants to know where the closest place to go is. So I have the Nearby breweries screen where he can easily find out directions and information for the place.

I came up with map view first and I found that people wants to see more places on the list from the user testing so I add the Nearby list screen. It gives the user options to list out the nearby breweries or see the map.

Iteration 2

Beer detail screen iteration

Both Lucas(primary persona) and Catherine(secondary persona) want to know the list of beer at the brewery. When I was working on the wireframe, I listed out two different categories on the same screen. From the user testing, I noticed that it would be great if both categories make a tab so that the user can find out available and seasonal beer easily. By default, the available beer list displays on the main beer screen.

Prototype

Invision prototype

This prototype is not a high fidelity prototype and only shows from the dashboard screen to navigate to a beer detail screen.

Take away

As a ux designer, this case study taught me how to think about the user through out the design process.

User testing is crucial for any project

During the test, I found many good ideas from people that improved the design for the user. Also, a small change or tweak could allow the user for maximum task success after user testing.

Time management and using efficient tools

Since this course had tight deadlines, I had to manage my time wisely. Creating the User flow and Key features took me a while. I did some prioritizing card sorting when I was stuck, it was very helpful.

This RED Academy UX design course case study also taught me how to do design thinking and human centered design.

Thank you again to the people who help me as interviewees, survey participates and user testers. Without these people, I wouldn’t have been able to solve the problems.


Thank you for reading! If you want to collaborate, talk about UX design, or just want to say hello, contact me at hi.ericajung@gmail.com or connect via LinkedIn.