UX Strategies
Total Wine: Party Planner
Party Planner is a party planning tool which can help party holder from create event to buy to collect attendees and their preference to recommend them appropriate amount of alcohol to buy.
Client /
Total Wine
Timeline /
Oct - Dec, 2019
Tool Used /
Figma
Photoshop
Principle
Contributions /
User Research
Wireframing
User Interface Design
Prototyping
Total wine & More
Total Wine & More is America's Wine Superstore® — the country‘s largest independent retailer of fine wine. Majority of the customers prefer to buy product in Total wine for their expert recommendation and fair price.
Project Overview
Total Wine & More is exploring the development of a mobile app with the ultimate goal of driving sales. While there are no specific topic restrictions, initial ideas could revolve around themes related to parties and celebrations
My Design Process
My project's initial concept is to establish a platform tailored for party planners, simplifying the invitation process while also enabling them to gather attendance confirmations and drink preferences. This functionality aids hosts in assessing the quantity of drinks required and streamlines the purchasing process via Total Wine & More's app.
Strength
-
Include party essentials checklist for user to understand what to prepare for their party.
-
Countdown function is clear for user to
Weakness
-
Get confused when doing drink calculator question.
-
Poor navigation in how to start to plan my event.
-
The function of the tab menu on the top is unknown.
1️⃣ Competitive Analysis
While conducting my research, I discovered a unique gap in the market where no existing platform seamlessly integrates party planning tools with an alcohol calculator. To explore this opportunity further, I conducted a competitive analysis, evaluating two party planning apps and one alcohol recommendation app
Strength
-
The structure of the screen and the information they provide is very clear.
-
Information with icon help people find information they want.
-
Keep the most important information in the page, use secondary navigation to find more information.
Weakness
-
Don't know where to start in main page
-
STRENGTHS
WEAKNESS
Strength
-
Shopping process is easy to follow.
-
Beers introductions are well-organized, clear and helpful for user to explore in beer world.
Weakness
-
External inconsistency on tab bar home button.
-
Sign up and login screen is not clear.
-
Unclear & Confusing Visual display
2️⃣ User Interview
I conducted a note-taking type interview, where are the people who all, either for their Birthday, holiday or invite people to their house.
Interview Type
Duration
Number of People
Notetaking
15 minutes each
3 people interviewed
01 How often do you throw a party?
02 Where did you hold your event/party?
03 How do you invite people to your event/party?
04 Do you hold a party for specific reason?
05 Do you have any frustration while holding a party?
06 Do you provide food or drink on your party?
After conducting the interviews, I created a personas to embody the potential user profiles for the app
Persona
Henry Johnson
Male, 27, Freelancer
Bio
Henry is a design freelancer in the Unite States. He loves to invite people to his house at least once a month. He is frustrated with the fact that no matter how experienced he is in holding a party, he still can not measure the amount of drinks he has to buy.
Frustations
-
It is time-consuming to send invitation one by one.
-
Always buy too much alcohol for attendees.
Goals
-
Easy way to posting party information.
-
Collect attendees
-
Collect attendees' drinking amount.
User Scenario
.jpg)
Listing out user scenarios allows me to anticipate the actions users may want to take and identify features that need to be addressed during the design ideation phase.
I've segmented the event invitation process into five distinct stages:
-
Create event initiation
-
Input event details
-
Send out invitations
-
Gather attendee RSVPs and their drink preferences
-
Facilitate alcohol purchases
3️⃣ Design Ideation
Sketch
By breaking down the event-inviting process into these five fundamental stages, I created sketches for the key screens associated with each stage.
Sketch
Wireframe
I employed low-fidelity wireframes to outline the fundamental user flow for each of these stages
Wireframe
4️⃣ Design Implementation
Typography
Aa
Roboto Black
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
Primary color
# FFBC5D
# 010101
Aa
Roboto Bold
a b c d e f g h i j k l m
n o p q r s t u v w x y z
Aa
Roboto Regular
0 1 2 3 4 5 6 7 8 9
Supporting color
# 62A765
# 4D5CE9
# E97258
