Details coming soon
June 2021 - Aug 2021
Knowledge Planet
June 2021 - Aug 2021
Knowledge Planet was a knowledge-sharing platform launched in 2017. The user base grew fast in the first few years, and now it has over thirty million users. There are two types of users: Community Host and Subscriber. The community hosts are industry experts who usually create quality content, host activities, and provide advice. The subscribers join in seeking guidance and sharing thoughts with people. Since 2020, page Community and page Moments have been facing a declined user retention rate.
Problem
Subscribers need a way to quickly and easily connect and share thoughts with others so they can improve themselves. But currently, they feel hard to find the information they want.
Solution
Improve the discoverability, efficiency, and scannability to provide a more delightful and accessible experience.
ROLE
Product Designer
- Conducted user research and user testing.
- Came up with solutions based on research findings.
- Created wireframes, clickable prototypes, and design specifications
Team
1 Product Manager
2 Main Engineers
1 Product Designer
Design comparison
Community
Before

After

Moments
Before

After

introduction
Community
Community has two core features: Questions and Activity. Subscribers can ask questions and join the activities during the membership period. Community hosts usually answer these questions within 24 hours.

Moments

understanding
To get a better sense of users' everyday experiences, I asked the following question:
“I want to read posts from the people I followed but it’s impossible! There are too many posts every day and they are only sorted by time. And posts on Moments are simplified, so I regard Moments as a preview or notification page.”
“It’s really annoying that there is no way to collapse or filter the comments from the people I’m not interested in.”
“I know members can ask questions, but I didn't find out how to do it. I only participated in the challenges once or twice, but I need to click the challenges button to check out the new challenges, I think it’s inconvenient.”
Low discoverability

Low efficiency

Poor scannability

ideation
Improving discoverability
Reposition the Questions button to a more prominent area.

Improving scannability
Redesign the layout of posts to improve scannability

Optimizing Information Aquisition Experience
Incorporate a search bar and a customizable filter to improve efficiency
Improving scannability
New layout for posts to keep consistency
02. Shortcuts on Moments provide a convenient way to enter communities.
user testing
Learning goals
02. Evaluate the discoverability of Questions and Activity
03. Evaluate the satisfaction of reading and info acquisition experiences
Tasks
02. Ask a question in the community
03. Find your favorite community host's latest post and save it to your collection
Activity button lack of usability
Iteration
design
option A
Clean and easy to read
Challenges card
Assignments card
option B
Inviting colors and easy to be noticed by users
Challenges card
Assignments card
preference test
final design
Questions before

- Lack of contrast in text color
- Disappear while scrolling
Questions after

- High contrast in text color
- Fix position while scrolling

Prototype
Check the new assignments and publish an assignment post


Prototype
Accept a challenge and check in for the first day


Prototype
Find a post from the following user and save it to the collection


Prototype
Add an interested category to the filter bar

design impact

design system
retrospection
Dragon Baby Seafood
June 2021 - Aug 2021
Dragon Baby Seafood is an online seafood grocery store based in San Francisco. At first, their target customer group was only nearby Chinese, customers usually just placed orders through WeChat groups. In 2020, as the user base grew, Dragon Baby launched their app and website for customers to purchase and track orders more efficiently and conveniently.
Problem
Now, Dragon Baby has been expanding its customer groups and delivery areas. At the same time, however, users reported more issues with the purchasing process.
Solution
Redesigned the user purchasing process and optimized main features to create a frictionless and efficient interaction.
ROLE
Product Designer
- Helped with usability studies.
- Collected study insights, and brainstormed for possible solutions.
- Created wireframes and clickable prototypes.
team
4 Product Designers
Prototypes

Sign In / Sign Up

Auto Location

Announcement Popup Window

Browse

Back in Stock Notifications

Product Page

Shopping cart Page

check out Page
usability testing
Tasks
Findings
01. Hard to see the critical information
02. Users felt confused about no free-shipping offers or billing information on the shopping cart page.
03. Some products' descriptions are outside of the screen on the product information page.
04. Freshness is the most significant advantage of Dragon Baby compared to other similar products. But those seafood images with dark overlay look unattractive and make it hard for users to believe they're freshly caught.




Recommendation
02. Use clean and attractive product images
03. Provide discounts, free shipping information on the cart page
04. Inform users of other fees, including tax, service fees, and tips
Findings
02. Hard to find the products

Recommendation
02. Relayout the homepage, separate categories and products
Findings
03. Missing error prevention
02. Users felt unreliable because there was no error alert when entering the wrong information.

Recommendation
02. Autofill the address
03. Locate the user's address before purchasing
ideation
The previous customer user flow
The new customer user flow
Onboarding experience
Add products to the cart
Check out process
final design

Onboarding experience


Add products to the cart

Check out process


Sign In / Sign Up

Auto Location

Announcement Popup Window

Browse

Back in Stock Notifications

Product Page

Shopping cart Page

check out Page
retrospection
It's necessary to provide helpful notifications when we cannot meet the customer's needs, such as the products being out of stock or the orders cannot be delivered. A warm and sincere welcome not only gives a sense of caring and makes customers feel appreciated, but also helps sustain customer interest by creating an expectation. All in all, a good user experience needs all elements working in unison.
GM Renaissanse
June 2021 - Aug 2021
GM Renaissance was a project that I participated in during my Product Design Internship at General Motors. It consists of designers from multi-disciplines with an absolute passion for designing concept cars, architectures, UI/UX, and life experiences for the future.
Team
Shixiong Du - Graphic Designer
Rex Cong - Graphic Designer
Yunlei Shen - Product Designer
Mark O’Dell - Advertising Designer
Krithika Sengottaiyan - Fashion Designer
Tool
Webflow, Figma, Conceptboard, Slack
FINAL screens
overview
multi-sensory research
5 Senses
Team Axon

Team Wanderer

Team Durant City

Team Halioi

Web design
Color Palette
(Credit to Shixiong Du and Rex Cong)




Project logo
(Credit to Rex Cong)
Team logo
FINAL screens
retrospection
Working with multidisciplinary designers with different cultural backgrounds was an incredible opportunity for me to understand the importance of communication. As the web designer, my job was not only to design the website but also to understand other teams’ needs while meeting the requirements of General Motors. Communication, understanding, and punctuality were the keys to my success.
Champagne Diner
June 2021 - Aug 2021
Champagne Diner is Seattle’s dream restaurant, which is classic carefully balanced with modern. It doesn’t feel either retro or quite present-day; too spacious, too tasteful, calm, even. However, its logo looks slightly chintzy, and the website doesn’t match the store decoration. I decided to rebrand it and design an ordering system to provide a better experience for the customers.
PROBLEM
Although Champagne Diner has a dedicated interior decoration. its branding was poor. The logo looked chintzy, the website didn't match the decoration.
SOLUTION
Rebrand and design an ordering system to provide a better experience for the customers.
Role
Visual Design
Brand Design
Tool
Figma, Photoshop, Illustrator, InDesign
branding
Connect neighbors and create a convivial atmosphere by welcoming guests with fresh, handcrafted meals, quality champagne, a broad spectrum of libations, and friendly, familiar environments.

Sketches

Logo variations
The Logo
Logo Anatomy
Minimum size
Responsive logos
Clearspace
Logo animation
