Skip to content
Hops Brewery App
Hops Brewery App
Team

CSUF Spring 2020

Class Project (Solo)

 

My Role

Project Lead

UX Designer

UI Designer

Tools Used

Adobe Illustrator

Adobe Photoshop

Adobe XD

Adobe After Effects 

Key Contribution

Concept Ideation

User Research

Interaction Design

Motion Design

Prototyping

 

Hops Brewery App

Discover new local breweries

Locate breweries around your area and be notified when they host events, along with being alerted when new breweries open.

 

 
Hops Brewery App

Seek top crafted beers

Our app allows users to view top rated crafted beers from breweries all around the world.

 

 
Hops Brewery App

Unlock exclusive avatars

Show off your beer expertise to other users by unlocking exclusive avatars along the way.

 

 
Hops Brewery App

Get rewarded for drinking

Easily get rewarded by visiting your favorite local breweries. The more visits, the more offers.

 

 

Project pROCESS

Empathize

User interview & competitor analysis

Define

Feature Prioritization & App Functionality

Ideate

Design an app that creates a unique experience each time they visit a brewery

Prototype

Create a prototype on Adobe XD

Test

Start user testing and receive feedback

The Challenge

How can I design an app that creates both a helpful and unique experience every time you visit a brewery? 

 
Hops Brewery App
Hops Brewery App

Project Goals

 

Goal #1

Schedule interviews with users who visit a brewery at least 3-5 times a month.

 

Goal #2

Create an app that addresses issues for both new and returning users.

Goal #3

Determine some sort of reward for using the app every time the user login.

Goal #4

Find out what the competition lacks & implement the solution to the app.

 

What I’ve learned from the users.

Here are some important insights I’ve learned from interviewing users who visit a brewery at least 3-5 times a month. Along with these interviews, I also selected a handful of people who don’t often visit breweries to understand why and how we can get them to visit one.

 
Insight #1 

New visitors tend to spend an average of 5-10 minutes figuring out their first drink.

Preliminary Solution:  Create a section on the app that allows users to view top rated beers at that same brewery. You’ll be able to sort the type of beers on that same list and read reviews from other users who have had the same drink.

Insight #2 

The average craft drinker wants to try a new beer every time they visit.

Preliminary Solution: Have the app alert the user when new beers are on tap from their local breweries. Once they try it, they will be able to accumulate points to unlock an exclusive avatar for their profile. More points will be rewarded to the user if a review is left.

Insight #3 

Those who don’t visit breweries often say the drinks are too expensive.

Preliminary Solution: Have local breweries announce upcoming events and special offers straight on the app in order to draw more people in. Offers will have a QR code that allow the employees to scan and mark redeemed. It’s a win-win situation for both the consumer and the business.

Time to design.

With all the research done and prelimiary solutions in mind, I begin drawing sketches and creating low fidelity wireframes. Before going any further, I sought feedback from my classmates when critiques took place. Once finalized, I start designing the application on Adobe XD.

 
Hops Brewery App
Hops Brewery App

Illustrations and motion graphics were also implemented to enhance and facilitate the user experience throughout the application.

Hops Brewery App
Hops Brewery App

Did it work?

Upon feedback from my classmates and limited user testing on the prototype, it was a winner.

Users who tested the prototype enjoyed the overall aesthetic of the application along with the simplicity of the user interface. A few adjustments were made to the prototype after users encounter minor setbacks while testing.

Change #1 - Users wanted to know the price and sizes they offer for a specific beer.

Solution: I added a feature which allows users or brewery owners to confirm the size and price of any beer that is available. This feature also allows them to upload their own photos for other users to view. 

Hops Brewery App
Change #2 - It was recommend to have a feature that allows users to show off their beer expertise.

Solution: Give the user an opportunity to showcase all their contribution to the application. This feature will include all the images they uploaded, badges they achieved and the option to add the user as a friend. 

Hops Brewery App

Try the prototype for yourself!

Click here to get started.