Case study: An app that teaches you to brew beer

Vaishnav Ramayan
Nov 29, 2020 · 5 min read

This case study was an assignment project I did as a part of the 10kdesigners masterclass with a duration of 10 days.

Image for post
Image for post

What is beer geek ? 🍺

Beer Geek is an App which helps Beer Enthusiasts to learn Brewing Craft Beer right at their comfort from home.

Project Goals 🎯

Goal of this assignment is to make a media and edtech platform in Beer Brewing niche.

Deliverables:

  • Research
  • IA and Wireframes
  • Visual Design
  • Prototype
  • Documentation

Business Goals 💰

Attempt to align design process to business goals of Beer Geek using Pirate metrics.

Pirate metrics are a way to categorize and group together metrics depending on what aspect of the business you want to measure. The groupings are Attention, acquisition, activation, revenue, retention and referral or as a pirate would say “AAARRR.”

  • Making an eye-candy design and logo to maintain User’s Attention through out.
  • Giving 7 day free trail to Acquire Customer.
  • Lower Subscription price for better Activation.
  • Adding Shop Feature to increase app’s Revenue.
  • Using Gamification techniques to maintain User’s Retention.
  • Making a specialised Referral Flow to increase number of Referrals.

Research 🔎

Objectives:

  • Immersion and understanding of the Craft Beer market and supply chain.
  • Finding Potential Customers for beer geek.

Craft Brewery

A craft brewery or microbrewery is a brewery that produces small amounts of beer, typically less than large breweries, and is often independently owned. Such breweries are generally perceived and marketed as having an emphasis on enthusiasm, new flavours, and varied brewing techniques.

Image for post
Image for post

Craft Beer Market in India

The India Craft Beer market is projected to have reached 43 million litres in 2019 from 0.15 million litres in 2014. It has grown a staggering compound annual growth rate (CAGR) of 304% during the period 2014 and 2018, says GlobalData, a leading data and analytics company.

Image for post

📌 Source

Potential Customers For Beer Geek

Mainly there are four customers:

  1. Breweries: Main producers of Craft
  2. Distributors: They take the beer from breweries to bars
  3. Bars, shops, restaurants: These ones have special beer taps and they sell beer
  4. Drinkers: Could be anyone loves having a beer.
Image for post
Image for post

Information Architecture (IA) 📈

The goal is to focus on organizing, structuring, and labeling Beer Geek’s content in an effective and sustainable way.

Image for post
Image for post

Wireframes 📎

I have used wireframes to lay out content and functionality on a page which takes into account user needs and user journeys. It helps me in early development process to establish the basic structure of a page before visual design and content is added.

Image for post
Image for post

Visual Design 🌟

Attempt to showcase and document entire visual design details and decisions of Beer Geek.

Image for post
Image for post

Design Thinking Around Onboarding Screens

  1. A brief presentation explaining what the app does to help users understand how the mobile app works.
  2. Familiar swipe right interaction
  3. Skippable onboarding expirience.
Image for post
Image for post

Design Thinking Around Signup Flow

I believe signup is most important step for Acquiring customer and it need not be boring. Signup flow needs to be like a conversation, which helps user relate to real life.

Progress Tracker to ease user’s cognitive load -

  1. The start: the Zeigarnik Effect
  2. The body: the result of the Endowed Progress Effect
  3. The end: the Goal Gradient Effect
  4. The very end: the Goal Visualisation Effect
Image for post
Image for post
Image for post
Image for post

Design Thinking around Home Screen

Attempt to gamify entire home screen filled with rewards and course progress trackers.

Gamification -

  1. Clear progress bar on left of the screen to track user’s progress.
  2. After finishing every course lesson, giving away Bcoins as reward.
Image for post
Image for post
Image for post
Image for post

Design Thinking around Popup quiz and Badges.

  1. Popup quiz helps user understand and evaluate his learning.
  2. Badges are more like rewards to gamify process and make sure user keeps going.
Image for post
Image for post

Design Thinking around shop

  1. Shop feature was introduced to increase Beer Geek’ Revenue.
  2. End user’s essentially like doing all tasks in one place rather than switching apps
Image for post
Image for post

Design Thinking around user’s profile

  1. Motivating user’s to refer other user and hence they will be rewarded with B-Coins.

2. Feature to track User’s orders in my orders page.

3. Remind me feature on wishlist to avoid unwanted notifications.

4. Badges to gamify user’s expirience on app.

Thank you for reading my Case Study ! 🤝

Did you know 😲

You can give up to 50 Claps for an article? Click/Tap and hold the clap button for a few seconds and BAM! Try it out 😋

Bootcamp

From idea to product, one pixel at a time.

Vaishnav Ramayan

Written by

Think More, Design Less

Bootcamp

Bootcamp

The best resources for designers starting in Design, UX, and UI. Bootcamp is a new product publication from the team behind the UX Collective (http://uxdesign.cc). To submit your story: hello@uxdesign.cc

Vaishnav Ramayan

Written by

Think More, Design Less

Bootcamp

Bootcamp

The best resources for designers starting in Design, UX, and UI. Bootcamp is a new product publication from the team behind the UX Collective (http://uxdesign.cc). To submit your story: hello@uxdesign.cc

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store