Hotpot App
Service Redesign
Hotpot App
Service Redesign
Overview
The App faced some questions about how we could reinvent the shopping service and turn eating hotpot at home into an exciting and anticipated experience?
The App faced some questions about how we could reinvent the shopping service and turn eating hotpot at home into an exciting and anticipated experience?
Role
Senior UX Designer
Senior UX Designer
Timeline
Jun 2022 - Oct 2022 (5 months)
Jun 2022 - Oct 2022 (5 months)
Design Process
Background
User Research
Design Definition
DISCOVER
Explore Solution
Product Design
Interaction Design
DEVELOP
Interaction Design
UI Design
Final Display
DELIVER
Discover
Background
Background
Guoquan is a brand of hot pot and barbecue ingredients supermarket, which is a community retail model of hot pot and barbecue ingredients. With the Internet sales platform + physical shops + supermarket delivery model, to create a Chinese family kitchen ingredients supply chain, for more and more "home, urgent, busy, lazy, old" people to provide family life convenience.
Guoquan is a brand of hot pot and barbecue ingredients supermarket, which is a community retail model of hot pot and barbecue ingredients. With the Internet sales platform + physical shops + supermarket delivery model, to create a Chinese family kitchen ingredients supply chain, for more and more "home, urgent, busy, lazy, old" people to provide family life convenience.
Hot pot customer analysis
Hot pot customer analysis
32.7%
A family of three
21.9%
Large family
20.0%
A family of four
9.8%
A family of two
9.5%
Living alone
6.1%
Living with friends
Family Status Proportion
Female 69%
Male 31%
21.1%
31.9%
25.0%
10.9%
6.8%
4.5%
18-24
25-30
31-35
36-40
41-45
45+
Gender & Age Group
Less than 3000
3000-4999
RMB
8000-9999
No less than 10,000
5000-7999
Personal income
Household income
20.6%
7.0%
43.8%
20.1%
23.7%
20.9%
18.3%
5.4%
6.5%
33.7%
Monthly Disposable Income
Hot pot market analysis
Hot pot market analysis
Frequency of hotpot consumption
Frequency of hotpot consumption
Average monthly/weekly/yearly
At least 1 time per week
29.4%
1~3 times per month
47.3%
1~5 times per year
4.6%
6 to 10 times per year
5.4%
10 or more times per year
10.5%
Other
2.9%
In terms of regular frequency of consumption, the percentage of users who have regular hotpot every week and every month is over 70%, with a relatively high frequency.
In terms of average annual frequency, the percentage of those who eat it more than 10 times a year on average is the highest, at around 10%, and the percentage of those who eat it 1-10 times a year on average is 10%.
In terms of regular frequency of consumption, the percentage of users who have regular hotpot every week and every month is over 70%, with a relatively high frequency.
In terms of average annual frequency, the percentage of those who eat it more than 10 times a year on average is the highest, at around 10%, and the percentage of those who eat it 1-10 times a year on average is 10%.
Hotpot Dining Features
Hotpot Dining Features
Q: Reasons why users choose to eat hotpot
Q: Number of people dining when users choose hotpot
Q: Who do users dine with for hotpot?
The main reasons why users choose to eat hot pot are gathering, relieving cravings, cold weather, etc..
At the same time hotpot has strong social attributes, with users usually dining in groups of 3 to 6.
The crowd is compatible with friends, family, colleagues, etc. It is one of the important choices for gathering and dating.
The main reasons why users choose to eat hot pot are gathering, relieving cravings, cold weather, etc..
At the same time hotpot has strong social attributes, with users usually dining in groups of 3 to 6.
The crowd is compatible with friends, family, colleagues, etc. It is one of the important choices for gathering and dating.
Discover
User research
User research
From the questionnaire users, I selected 20 people of different ages, professions, marital status, residential status and education, and tried to discover the design issues and the real demands and expectations of users of fresh food services.
From the questionnaire users, I selected 20 people of different ages, professions, marital status, residential status and education, and tried to discover the design issues and the real demands and expectations of users of fresh food services.
Qualitative interviews with user information
Qualitative interviews with user information
User feedback
Key finding
Key finding
Careful User
Discover how to eat different hotpot ingredients and share my experiences on social media platforms
Enjoys discovering and exploring different ways to eat hotpot ingredients
Enjoys discovering and exploring different ways to eat hotpot ingredients
Willingness to share food experiences on social media platforms to gain likes and a sense of achievement
Willingness to make full use of the platform to play, get vouchers and participate in special offers
Willingness to share food experiences on social media platforms to gain likes and a sense of achievement
Willingness to make full use of the platform to play, get vouchers and participate in special offers
Carefree User
Carefree User
No need to pick and choose, you can get high quality ingredients and enjoy a hassle-free service
No need to pick and choose, you can get high quality ingredients and enjoy a hassle-free service
No need to pick and choose, you get high quality and beautiful ingredients
Place your order quickly and easily to find the right hotpot pairing
Entertain your family and friends with ease and hassle-free service
No need to pick and choose, you get high quality and beautiful ingredients
Place your order quickly and easily to find the right hotpot pairing
Entertain your family and friends with ease and hassle-free service
Design Goals
Design Goals
How can we turn eating hotpot at home into an exciting anticipated experience? and reinvent our online shopping service.
How can we turn eating hotpot at home into an exciting anticipated experience? and reinvent our online shopping service.
Develop
Explore solution
Explore solution
Service touchpoint; Competitor analysis - Home Page; Prototype & Test; Functionality assessment
Service touchpoint; Competitor analysis - Home Page; Prototype & Test; Functionality assessment
Service touchpoint
Service touchpoint
Competitor analysis - Home Page
Competitor analysis - Home
For the flow of the home page, four competing products were studied and their functionality and information architecture were analysed
For the flow of the home page, four competing products were studied and their functionality and information architecture were analysed
Prototype & Test
Prototype & Test
Option One
Option One
Option one is to select the sharing image of the waterfall on the home page, go to the product detail page and add the product in one click scenario and enter the shopping cart for visual editing.
Option one is to select the sharing image of the waterfall on the home page, go to the product detail page and add the product in one click scenario and enter the shopping cart for visual editing.
Option Two
Option Two
Option two is to select the product image in the waterfall on the menu page, add the product directly or go to the product detail page, add the product and enter the shopping cart to edit the list.
Option two is to select the product image in the waterfall on the menu page, add the product directly or go to the product detail page, add the product and enter the shopping cart to edit the list.
Functionality assessment
The implementation of the functionality was tested against two add-on paths and the results are shown below.
The implementation of the functionality was tested against two add-on paths and the results are shown below.
Conclusion
After testing, most of the functions operate smoothly. For users with different usage habits, both Option one and Option two shopping cart display forms have a certain degree of rationality, but for editing products in the shopping cart, Option one has better User Experience feedback, so the graphic is the default display method. Considering the user habits that have been developed in the market, so at the same time, the list-style display of Option two is retained.
After testing, most of the functions operate smoothly. For users with different usage habits, both Option one and Option two shopping cart display forms have a certain degree of rationality, but for editing products in the shopping cart, Option one has better User Experience feedback, so the graphic is the default display method. Considering the user habits that have been developed in the market, so at the same time, the list-style display of Option two is retained.
Wireframe diagram
Deliver
Final Display
Final Display
With this vision in mind, I created a scenario to show how users can achieve focused goals in a learning environment.
With this vision in mind, I created a scenario to show how users can achieve focused goals in a learning environment.
The home page displays the share image in a waterfall format to attract users to browse and buy
Products in the share image can be added to the shopping cart with one click
Menu bar clearly displays search bar, categories, larger image of the product, and product promotion information
Rotate to view ingredients, long press on an ingredient to enter the edit page
Slide to view ingredients/select categories, slide to the middle to edit
Featured packages on the homepage, displaying ratings, can be added with one click
Featured package recommendations with product information clearly displayed on the detail page, allowing users to purchase with confidence
Develop
Servise blueprint
Servise blueprint
Servise blueprint; Stakeholders Map
Servise blueprint; Stakeholders Map
Stakeholders Map
Stakeholders map
Deliver
Final Display
Final Display
Roles in the map; Key touchpoints
Key touchpoints; Roles in the map；
Roles in the map
key touchpoints
Key touchpoints
