top of page
Hygiene Checker Website & App
Covid-19 Solver
Design a tool to help adults to find restaurants, grocery stores, and more that are suited to their hygiene standard due to the Covid-19 pandemic.
//The Problem
In Taiwan, the government allowed the residents to eat out in restaurants, however, people still find uncomfortable to go to stores or restaurant that they don't know how the prevention of covid-19 work has taken place.
//The Goal
Design an RWD website and app to help adults to find stores that are suited to their hygiene standards to prevent them from catching Coronavirus. So by helping people find the stores and restaurants they are comfortable to go, it will eventually increase economic growth, and encourage the community to continue to do great covid-19 prevention works.
Overview
Role: UX Designer
Tool: Pen & Paper
Canva
Adobe XD
Rotato
Duration: 09/2021 - 10/2021
Project timeline
- Project Timeline -
Emphaiseze
-Secondary Research
-Interview
-Persona
-User Journey Map
Define/Ideate
-Problem Statement
-Competitive Audit
-Crazy Eights
Lo-fi design
-Sitemap
-Pen & Paper
-Layout & Structure
-Lo-fi prototype
Test/Iteration
- Testing w/lo-fi Prototype
- Iteration on the UI
High-fi design
-Visual Design
-Interaction Design
-Motion Design
Research
- Research -
2. Changing lifestyle
According to my observation, although the active covid-19 cases has declined in Taiwan, but people are still not comfortable enough to go out as often before the pandemic.
3. Less spending going out
As I walked passed to many stores, I see many stores are putting up big sales to attract customers, yet not many people are eating and shopping in the stores.
- Interview -
I conducted user interviews, which I then turned into empathy maps to better understand the target user and their needs. I discovered that many target users do not go out as often as before after the covid-19 breakout from everyday to 2 to 3 times a week.
Although the cases of covid-19 has dropped significantly, and the government has set up regulations for stores, but the fear to catch covid-19 still frustrated many target users. The users believe to have extra information about the pandemic prevention work for stores, can really help them to make good choices for grocery shopping and eat out.
1
Safety
Worry to catch covid-19, but still need to buy grocery and go out to work.
3
Hygiene
Every users have different standard for the hygiene in stores, but without this open information, may result the users to go out even lesser and have higher chances to be depressed and mentally ill.
“It is frustrating to go out to work with fear all the time, with the extra pandemic prevention work information definitely will help”
Frustrations
-
Afraid to take public transportation to places far away
-
When arriving before a store, then found out it is overcrowded is very frustrating
A 30-year-old marketing manager goes out every day before covid-19, to eat out and to work, but only goes out 2-3 times a week after covid-19 for takeout. Feels very frustrated when wasting time to find a not so crowded restaurant, not so comfortable to take public transportation, therefore always drive cars to the destination, with the extra information of pandemic prevention works of stores, can really help him to make good and safe choices when going out.
“I don’t go out that often anymore after covid-19, but it is nice to have this information to keep me even safer.”
50, Full-time mother with 2 children
Chicago, USA
Goals
-
Wants to be able to find a safe grocery shopping spot on a website, since she doesn’t go out that much after the covid-19 breakout
Frustrations
-
the requirement for go to different stores is different which makes it inconvenient
-
worry to catch covid-19 when going out
-
feels it is her responsibility to keep her family safe from the virus, therefore to go out less
A full-time 50 years old mom, go out 3-4 times a week before covid-19, to eat out, grocery shopping, park, visiting friends and family, but only go out 1-2 times a week after covid-19 for grocery. She worries to catch covid-19 when going out and sees it is her responsibility to keep her family safe. Although she doesn’t go out as often as before, the pandemic prevention work information for grocery stores is valuable for her.
James Gordon
User Journey
Make the camera button easy to click
Add restaurant specific filters(e.g. Partition, checkerboard seating)
Make the make review process easy and fun to use, to encourage the usage of review
Excited, worry if the pandemic prevention work is good
Anxious and excited to see if it is worth to go in
Stress relieving by the information
Excited to give a try
Feeling urgent to recommend and support this restaurant’s work to his friends
Task list
A. walk on the street to find food
B. notice a restaurant
A. open app
B. click on camera to scan the restaurant sign
C. click on the restaurant page
A. View Restaurants pandemic prevention description
B. View Restaurants pandemic review
C. View Restaurants menu
A. order meal
B. take picture of the meal and the restaurant’s interior layout
C.eat the meal
A. upload the pictures with review
B. share his review on social media
Emotion
Candice Campbell
User Journey
Make sure the filters are easy to use
The layout of the store page has to be clean and clear, so all information can stand out
Perhaps can collaborate with Google map
Make the make review process easy and fun to use, to encourage the usage of review
Excited to find a safe spot to do grocery shopping
Anxious and excited to see if there is any good store to go
Stress relieving by the information
Excited to shop in there
Feels overly joy to recommend and support this store by sharing it to her family and friends
A. open app
B. enable GPS
Task list
A. pick the categories of stories
B. sorting by the strictness of pandemic prevention, distance, number of people in store and off-peak period
A. View grocery stores pandemic prevention description
B. View grocery stores pandemic review
C. View grocery store interior layout
A. use road map to go to the store
B. receive notification for direction
C. arrived at the grocery store
A. Take note on the store’s prevention work
B. Take photos with the interior layout
C. upload the picture on the website with review
Emotion
Since the Covid-19 pandemic is a recent incident, there were no direct competitors. Therefore our indirect competitors are Coronavirus-covid19, Infected-COVID-19NL, and NHS COVID-19 which are all covid-19 prevention-related apps.
Coronavirus-covid19 serves anyone aged 12 or over and speaks English in the world with covid-19 statistics around the world.
Infected-COVID-19NL provided detailed covid-19 statistics of the regions in the Netherland, and NHS COVID-19 is a contact tracing app for England and Wales.
App design
- App Design -
Since users both use mobile and desktop platforms, I have decided to use the design method of progressive enhancement to sketched out app paper wireframes for each screen in my website. Also, I keep the user's pain points about navigation, browsing, and checkout flow in mind.
Confirmed Cases
Users are most afraid to run into areas with large amount of active Covid cases
Privacy
Users do not want their names to be exposed when they make public reviews
Users are having a difficult time in figure out what to click on.
App mockup
Responsive design
- Responsive Design -
To differentiate the purpose of the app and the website, I bring the merchant account and related articles into the website.
Design system
-Design System-
Secondary Color
Typography
Icons
Search Bar
Top Bar
Social Media
Map Icon
Button
Checkbox
Text Input
Illustrations
-Accessibility Considerations-
1
2
- Impact -
The app and the website solved the user problem of fearing to go out, and this platform gives back a sense of control through open information, and bring more income to the merchants during the pandemic.
One quote from user feedback
“ This is so good if I can use it, I will definitely use it every day."
Next steps
- Next steps -
Usability Studies
Conduct research on how successful the app is in reaching the goal to increase visits in stores.
Develop Functionalities
Add more different type of stores for users, including theaters, theme parks and more.
Merchant
Add more data for merchants to know how do they do in more aspects and contrast with their competitors.
- What I learned -
I love the fact that I can create something to give back to our community, especially during the hard time of the pandemic. Perhaps in some cases to solve a problem is easier than discover a problem, I have come to know that it is possible to solve a big problem with some creative ideas.
- Challenges & Constraints -
Since this is the study that I did on my own, therefore I don't know how the government of Taiwan thinks about this product, perhaps they will not like the part of the open information of active Covid cases in regions, which may lead to unnecessary panic and chaos over the region.
Also, merchants may not like the fact that the active Covid cases are that easily accessible regard their region because it will certainly affect their performace.
bottom of page