Kevin Lew

Tipplemix App


Tipplemix Cocktail App


A client in the brewery industry is dissatisfied with current cocktail apps on the market. He wants to create an app concept with a unique feature that generates recipes based on the type of alcohol users have at home. The client sees commercial potential for alcohol companies to advertise their products through this app and wants to pitch the idea to his company in the form of a prototype.

Role. As the UX researcher, UX designer and UI designer I worked alongside a team of researchers to collect quantitive and qualitative data. Using the data I created personas, scenarios, flow charts, wireframes and high fidelity screens for an interactive prototype.

Mockup _house party.jpg


The problem. The client is dissatisfied with the functionality of current cocktail apps in the market. They do not provide some functionality he expects such as showing how users can make cocktails from their existing ingredients. He believes they is an opportunity to develop an app which is unique from competitors which also has commercial appeal to alcohol companies.

  • The client is interested in finding out whether his idea is of any interest to people.

  • Who the target audience is.

  • If there is anything (functionality) that popular cocktail mixing apps do not provide and user need, want or desire.

Empathize and understanding the user

User interviews. To collect qualitative data we interviewed 2 users male and female who were both cocktail drinkers. We filmed them answering a series of prepared questions to understand users experience of cocktails.

  • Define if cocktail drinkers make cocktails

  • How much knowledge they have in making cocktails

  • Is there a demand for a tool to help educate users on how to make cocktails

  • What functions they would like to see in such a tool

Users were also filmed using competitor apps to complete tasks to see how existing products do not meet the expectations of the user.


Finding from interview

  • There is an interest in making Cockails at home but the roadblock is a lack of knowledge

  • People would like cocktail recommendations based on what they like.

  • Cocktail drinkers want to know happy hour details regarding local bars

  • Current cocktail apps were confusing to use offering a very mixed user experience


User surveys. To collect quantitative data we conducted research through social media such as Facebook asking friends and family a series of questions. We used the Typeform platform to setup a questionnaire which was sent out and eventually received data from 14 respondents.

Presented above are some quantative data compiled from survey respondents which gives an insight into who the potential user of this product would be.

Presented above are some quantative data compiled from survey respondents which gives an insight into who the potential user of this product would be.


Define user frustrations

User pain points. By combining the data we received from the research methods we were able to identify some key user expectations they would like to see in a  future product. The obstacles they faced we labelled as pain points which would need to address turning into actionable goals to prioritise and drive the purpose and features of our product. Below are some of the key obstacles we identified in the research.


User personas. Several personas were created based on the information we collected in the research stage of our project. A higher percentage of women responded to the survey showing interest in making cocktails so we created 2 personas to represent them. One was created for the male to not exclude male audience also interested in cocktails.

Creating the personas gave us an understanding of a target audience we would be designing for. To help us better understand the context in which they would be using the product we created storyboarded scenarios to understand how the app would be used.


Mapping user journeys and ideate solutions

Storyboards. With our personas created I decided to place them in a context by creating a series of storyboards which was designed to achieve the following aims.

  • Outline the main goal of the user for using the product

  • Test initial ideas before building prototypes

  • Validate the proposed features

  • Understand the users motivations for using the product

I will be looking at how the features developed help the user to perform tasks such as mixing cocktails with the ingredients at hand, creating cocktail recipes, finding recipes, locating bars that offer happy hour, etc.


Now that we have explored a context the user will use our product we start to prioritize which features we consider to be a essential and which ones would be a nice to have and perhaps available in a future iteration. We used a voting system amongst the research team to decide which ones we saw as a priority.

Once we had prioritised which features we wanted to develop we began to look into possible solution on how we could help the user achieve tasks such as generating cocktail recipes with ingredients at hand.


Sitemap. From the research data we collected we know have a clearer understanding regarding the users wants, needs and expectations regarding our product. Our research also indicated a priority on which features users felt where more useful to them.
My challenge will be to create a journey that allows the user to complete their intended goal in the most direct and user friendly manner.  Along the way I must keep the user clearly informed so that whenever a problem occurs the user is notified and presented with alternative options to continue their journey.


User flow. After generating a number of solutions on how we can help the user achieve their tasks, we being to understand how the user will use the products and which steps they need to take to achieve their goal.

One of the primary functions of the product was to educate and help users to create cocktail based on the ingredients that had at home. Several methods to add recipes to the app were considered such as manual input, scanning barcode of products but in the end I opted for a clickable list as it seemed much faster and efficient to compile an ingredients list that way.

cocktailApp_wireframe flow.png

Creative visuals for prototyping

Prototype. The wireframes were mocked up into high fidelity visuals to produce an interactive prototype. An interactive prototype will allow the designer to test the product proving or disproving theories on how a customer will interact with the product. By using the prototype as a test platform we can use the information to continue to improve and refine the user experience.


What was achieved?

On this occasion the prototype was used as a proof of concept for the client to present to his stakeholders in the brewery company. The idea was met with positive feedback and the app has now put forward as a product for its marketing department for potential funding and further development.