CoffeeGenie

Best personalized coffee wizard at your service

The platform that allows users to understand their coffee and get recommendations based on their preferences

Assignment

To create a user-friendly platform that allows users to purchase their coffee easily

Role
Lo-fi & Hi-fi prototyping
UX/UI Lead
Team

Still 1 man army 😊

Introduction

CoffeeGenie is my brainchild. Even though I'm coffee addicted now, previously it was a really hard thing to figure out the best type of coffee to purchase. But lately, this idea strikes me again when one of my friends asks about the difference between the coffee types and making. So I thought about creating a platform that recommends the coffee based on the user's favors and method of making.

Keypoints

  • To make a best way to select correct coffee type
  • Learn about different aspects of coffee making
  • Choose own way to refill your coffee stock
  • Graw local coffee business

What’s a Rich Text element?

det

Top Key takeaways
  • 48.8% of respondents would like to have a guide when they purchesing coffee
  • 57.7% of respondents would like to learn new methods of coffee making
  • 66.7% of respondents would like to have some kind of guide to select a coffee type while they are on local coffee shop
  • 51.2% of respondents is refilling their coffee in every month
  • The most famous coffee type is Black Coffee & Ice Coffee
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

The Product Goal

Create an application to guide the user to order coffee that perfectly matches their preferences. While doing that our goal is to increase the sales of local coffee makers and promote a home brewing coffee experience.

HMW order perfect coffee that match with my favour

Research

With doubt in mind, I started doing quantitative research as a first step. Since coffee culture is so novel idea to Sri Lanka I didn't expect much of a result from the initial research. But it was a really surprising result to see how much people are attached to coffee even though it's such a new trend.

Even though my main target audience was people who make their own cup of coffee at home, I thought focusing on others also, those who purchase their coffee directly from local cafes.

Oh..Yah... This is so interesting, I just found a niche market even among the cafe drinkers (Nickname 🙂). which is the 26.9% who either don’t know to make coffee or don't have proper types of equipment.

Top Key takeaways
  • 48.8% of respondents would like to have a guide when they purchasing coffee
  • 57.7% of respondents would like to learn new methods of coffee making
  • 66.7% of respondents would like to have some kind of guide to select a coffee type while they are on local coffee shop
  • 51.2% of respondents is refilling their coffee in every month
  • The most famous coffee type is Black Coffee & Ice Coffee

Pain points

After initial Quantitative research, I have reached a few selective participants to capture their thoughts and identify the main goals and pain points. In these interviews, I manage to gather enough pain points, to begin with.

Key personas

It’s obvious that most of the users struggling to find out better coffee, and it's common among everyone either who prefer Home brewer or who prefer Caffe brewer

  • User 01 - Home brewers are a group of people that enjoy home brewing their cup of coffee, and they like to explore more methods of brewing.
  • User 02 - Cafe lovers are a group of people that directly go to the local coffee bar to get their daily dose of coffee. They also like to learn about the coffee and have a guide while they are ordering the coffee
  • User 03 - Local coffee farmers/sellers are a group of people who produce the coffee beans and sell those as a main business
  • User 04 - Local cafe businesses are literally local shops that sell coffee with a fancy touch.

User flow diagram

A good user flow can make feel great but the great flow will make you fly (Yep exactly sounds like the RedBull 😄). With that in mind I start making flow mapping from simple to advance.

Key features

After planing relevant user journeys I did identify the main key features that need to be addressed to cover up all the pain points that collected so far


The Genie

The main value proposition of the product is CoffeGenie, the recommendation-based assistant that can help users to identify the best coffee type that matches their taste, and Genie will deliver a test bundle to test your coffee if the user requested.

Genie Subscription

The Genie lets you set up a subscription based on your requirement and will deliver to your doorstep on every scheduled day. 

Brew with Genie

A guide to making the best cup of coffee that can user ever made in own home kitchen space.

Wireframes

Style guide

Hi-Fi mockups

1. Onboarding

2. Landing screen

3. Guide to order

4. Subscription setup

Key takeaways

Withdrawn from my own bias

Understanding the way of users think and feel via analyzing research data helps me to get rid of my own bias. And turn those feedbacks into opportunities. If I didn't go that far I would have rejected really valuable features based on my own assumptions