One App for Drinks, Ingredients, and Recipes

One App for Drinks, Ingredients, and Recipes

One App for Drinks, Ingredients, and Recipes

Various screens of the mobile app, featuring homepage, recipe, product, gift, and profile pages
Various screens of the mobile app, featuring homepage, recipe, product, gift, and profile pages
Various screens of the mobile app, featuring homepage, recipe, product, gift, and profile pages

Project

App Design

App Design

App Design

Timeline

3 weeks

3 weeks

3 weeks

Company

DrinkUp

DrinkUp

DrinkUp

Tools

Figma, Instagram Polls, & WebAIM

Figma, Instagram Polls, & WebAIM

Figma, Instagram Polls, & WebAIM

Role

UX/UI Designer

UX/UI Designer

UX/UI Designer

In a hurry? Watch a short video of the prototype:

This case study was a conceptual assignment I did as a part of 10kdesigners.

"Published on Bootcamp: Case study: An e-commerce app for drinks"

This case study was a conceptual assignment I did as a part of 10kdesigners.

"Published on Bootcamp: Case study: An e-commerce app for drinks"

This case study was a conceptual assignment I did as a part of 10kdesigners.

"Published on Bootcamp: Case study: An e-commerce app for drinks"

👀Overview

Redesigned the app to support not just alcohol delivery but also mixers, bar tools, and curated recipes for cocktails and mocktails. I mapped out a new flow inspired by grocery apps and created screens for ingredient bundles and drink suggestions. The goal was to turn alcohol delivery into a fun, all-in-one experience.

📋Problem Statement

Many users who want to order drinks currently switch between multiple apps or websites, one for groceries, one for alcohol, and one for bar accessories. This fragmentation creates friction and wasted time. The app aimed to unify this experience under one roof, making it easier and more satisfying for users.

🎯Goal

  • Design a mobile shopping experience that lets users discover drinks, related accessories, and even gift options seamlessly.

  • Improve browsing efficiency, helping users find what they need in fewer taps.

🤭Storytime!

Being in your early 20s is all about exploring, socializing, and trying new experiences. But during lockdown, opportunities to go out and connect were limited.

One day, while ordering pasta 🍝, I wanted the perfect drink to go with it. Since I’m not a huge fan of soda, I looked up what pairs well with pasta and discovered that wine was the ideal match.

I pulled out my phone to find a delivery app that could bring both drinks and related items. Every app I found either focused solely on alcohol delivery or on grocery and party supplies. Curious to see if others faced the same issue, I reached out to friends and fellow foodies, and I wasn’t alone! Many were looking for a single app that could handle all their beverage and accessory needs.

🔎Research:

To validate the idea, I conducted an Instagram poll. Because this was during/after COVID, many users had shifted to online ordering and wanted everything in one app.

Key Insights (India-specific & Global)

  • Cultural sensitivity: Many women felt judged buying alcohol in stores; delivery felt safer and more private.

  • Mixology gap: Users wanted bar-like experiences at home but lacked tools, ingredients, and guidance.

  • Convenience matters: Younger users disliked juggling multiple apps.

Quantitative and Qualitative Analysis

I tried to reach out to as many younger generations as I could via “Instagram Poll”

alt=""
Instagram Poll
alt=""

All user data shared in this case study was collected with full consent from participants. I received permission from all respondents to use their feedback and insights for this project.

Qualitative Data:
  • 91% preferred ordering food + drinks from the same app

  • 59% wanted drinks + party supplies in one place

  • 40% of women avoid in-store alcohol due to stigma

  • 65% would use a cocktail recipe feature

Quantitative Data:
  • Users wanted a complete experience: drinks + ingredients + tools

  • Gifting should allow vouchers rather than just choosing a bottle

  • Recipes increase engagement

  • Users want non-alcoholic options too

User Personas

User 1
Kunal Desai, a 29-year-old Marketing Manager from Mumbai. He enjoys socialising with friends, prefers drinking at home, frequently uses delivery apps, and likes fried food with drinks. Needs: liquor delivery with glasses, mocktail recipes for parties, discounts on local drinks, and gift recommendations. Pain points: delivery apps take long, recipes are scattered across many websites, and local discounts usually require waiting in long store queues. He likes whiskey, vodka, an orange cocktail, and martinis.
User 2
Eshika Gupta, a 32-year-old Event Manager from Mumbai. She enjoys hosting parties for friends and colleagues, prefers non-alcoholic beverages for herself but buys fine alcohol for guests, and needs party supplies because she hosts often. Needs: liquor delivery with glasses and party supplies, recipes for mocktails and cocktails for events, and soft drink options for both non-drinkers and drinkers. Pain points: can’t find liquor, recipes, and supplies in one place; must browse multiple sites to collect recipes; and needs to buy soft drinks separately from other stores. She likes mocktails.

An interesting tip from the users: People prefer to give a gift voucher that allows another user to purchase their favorite beverage.

Types of Users
There are four user types. Type 1 – light drinkers who prefer cocktails and calm environments; Type 2 – occasional drinkers who prefer hard drinks and quiet home settings; Type 3 – people who drink for enjoyment, prefer hard drinks and cocktails; Type 4 – non-drinkers who prefer soft drinks and mocktails in calm home environments.

Key Features

To address the needs identified in my research, I designed a set of key features that would create a seamless, comprehensive experience for users looking to order drinks and related products:

  • 🍹 Recipe Section: Users can follow these recipes to make popular drinks at home, catering to those who want to enjoy the bar experience without leaving their space.

  • 🍸 Bar Essentials: Beyond beverages, users can order bar-related materials, like glasses, mixing spoons, and cocktail shakers.

  • 🎁 Gifting Options: Users can either select gift recommendations, such as a bottle of wine, or present a Gift Voucher, which allows recipients to choose their preferred drinks or bar essentials.

  • 🥤 Soft Drinks: For users who prefer non-alcoholic options, soft drinks are also available, making the app versatile for all types of users and occasions.

📊Sitemap and IA

There is a site map diagram which has multiple pages and they expand into sub-sections: • Home: Best sellers, store locator, tools, recommendations (best for gifts, party, or recipes), accessories, gift types. • Product: Categories (types of booze, soft drinks, sort, filter), product details (like, details, price, share, add to cart). • Recipes: Video and text formats. • Account: My account, payments and refunds, order history, premium, gift types (bottle of booze or gift voucher), help/FAQs. • Cart: Order summary, shipping method, payment method. • Location: Current and delivery location.  Information Architecture is categorized as: • Tools: Items like bar spoons, bottle opener, corkscrew, cocktail shaker, strainer, cutting board, ice bucket, jigger, muddler, peeler, zester, glass washer, etc. • Accessories: Aprons, T-shirts, badges. • Ingredients: Gin, whiskey, vodka, tequila, scotch, rum, beer, wine, soda, soft drinks. • Recipe: Various videos and recipes.

This stage helped me to clearly define and represent how the user will navigate through the app and the information/metadata to be displayed on the screens.

📑Wireframe

A collection of mobile wireframes showing login screens, home screen with product grid, search results, user profile, and category pages for the DrinkUp app redesign. Includes early low-fidelity layouts for browsing, searching, viewing product details, and managing user settings

I conducted color psychology research to identify which colors are most appealing to users. To select the right color palette for my visual design, I also considered colors that might irritate or discomfort users, especially after they’ve had a few drinks. This research guided my choice of a color palette that enhances the overall user experience.

💡Moodboard

A moodboard of UI inspiration and research images, including dark-themed website designs, food and recipe app screens, color psychology snippets, and alcohol delivery app screenshots. Used to guide visual direction and feature decisions for the DrinkUp project.

📒Style Guide

Typography, color palette, button styles, icons, and logo are mentioned
Typography, color palette, button styles, icons, and logo are mentioned
Typography, color palette, button styles, icons, and logo are mentioned

🎨Visual Design

Shows mobile mockups of version 1 for the Homepage, and filters on the app
Shows mobile mockups of version 1 for the Homepage, and filters on the app
Shows mobile mockups of version 1 for the Homepage, and filters on the app
Focused on the Trending section and a Gift Cards Store banner offering occasion-based gift cards
Focused on the Trending section and a Gift Cards Store banner offering occasion-based gift cards
Focused on the Trending section and a Gift Cards Store banner offering occasion-based gift cards
Add-to-cart flow is explained by selecting a drink, choosing size and quantity, viewing category options, reviewing the cart with bill details, and verifying identity using Face ID or password before checkout
Add-to-cart flow is explained by selecting a drink, choosing size and quantity, viewing category options, reviewing the cart with bill details, and verifying identity using Face ID or password before checkout
Add-to-cart flow is explained by selecting a drink, choosing size and quantity, viewing category options, reviewing the cart with bill details, and verifying identity using Face ID or password before checkout
Screens showing trending and recently viewed recipes, a detailed recipe page with ingredients, adjustable serving size, preparation steps, video-based step-by-step view
Screens showing trending and recently viewed recipes, a detailed recipe page with ingredients, adjustable serving size, preparation steps, video-based step-by-step view
Screens showing trending and recently viewed recipes, a detailed recipe page with ingredients, adjustable serving size, preparation steps, video-based step-by-step view

🧐Outcome

Although this is a conceptual project, informal prototype walkthroughs revealed:

  • Users easily understood the app flow and core features

  • Recipes was a favorite feature

  • The idea of combining drinks + tools + soft drinks + recipes was highly valued

  • The color palette felt comfortable and non-straining

Future scope: expanding flows for food ordering and kitchen + bar bundles.

🌱Learnings

  • Empathy shapes meaningful features, especially around culture and stigma.

  • Strong IA and early user flows keep navigation intuitive.

  • Prototype testing, even informally, reveals actionable insights quickly.

  • Thoughtful visuals and context-aware color choices improve usability and comfort.

I want to thank Abhinav Chikkara for coming up with this assignment and giving me feedback.

Special thanks to Aboli Joshi for the constant feedback on this assignment.