Taichi Website Redesign
Taichi Website Redesign
Taichi Website Redesign
Figma | 2026
Figma | 2026
Figma | 2026
Redesigning a favorite boba tea website
Redesigning a favorite boba tea website
Redesigning a favorite boba tea website
UX Research
UX Research
UX Research
observing people navigate the original site
Observing people navigate the original site
Observing people navigate the original site
Users relied on the header buttons as opposed to scrolling
Frustration with inefficient functions and disorganization
Users relied on the header buttons as opposed to scrolling
Frustration with inefficient functions and disorganization
Users relied on the header buttons as opposed to scrolling
Frustration with inefficient functions and disorganization
How can I improve the experience?
How can I improve the experience?
How can I improve the experience?
Problems
Problems
Problems
Solutions
Solutions
Solutions
Lack of information
Lack of information
Lack of information
Add restaurant must-haves
Add restaurant must-haves
Add restaurant must-haves
Confusing layout
Confusing layout
Confusing layout
- Remove redundancy and unimportant details
+ Add intuitive features
- Remove redundancy and unimportant details
+ Add intuitive features
- Remove redundancy and unimportant details
+ Add intuitive features
Technical details - buttons don't work
Button issues
Button issues
Bug fixes
Bug fixes
Bug fixes
Changes
Changes
Changes
Shortened home page, information spread among other headers
Minimal scrolling
Reduced to 3 headers + order button
Shortened home page, information spread among other headers
Minimal scrolling
Reduced to 3 headers + order button
Shortened home page, information spread among other headers
Minimal scrolling
Reduced to 3 headers + order button
What stayed
What stayed
What stayed
Font, brand colors
Inviting language and imagery
Font, brand colors
Inviting language and imagery
Font, brand colors
Inviting language and imagery
New Feature
New Feature
New Feature
Make an Account
Make an Account
Make an Account
Why?
The Taichi mobile app focuses on this feature
Difficult to access on the official site
Why?
The Taichi mobile app focuses on this feature
Difficult to access on the official site
Why?
The Taichi mobile app focuses on this feature
Difficult to access on the official site
Functions
Pen Tool shows that you can edit the input
Dietary Restrictions Filter allows user to personalize the menu and ordering experience
Checkbox System makes filtering efficient and simple
Functions
Pen Tool shows that you can edit the input
Dietary Restrictions Filter allows user to personalize the menu and ordering experience
Checkbox System makes filtering efficient and simple
Functions
Pen Tool shows that you can edit the input
Dietary Restrictions Filter allows user to personalize the menu and ordering experience
Checkbox System makes filtering efficient and simple
Reflections
Reflections
Reflections
Learned : How to make a carrot drop down, ways to conduct user research and testing
Went wrong : Reorganization of menu layout led to more confusion - too minimal can be just as confusing
Change : avoid scrollable pages when possible, and if not then target the most important information as the landing sections
Learned : How to make a carrot drop down, ways to conduct user research and testing
Went wrong : Reorganization of menu layout led to more confusion - too minimal can be just as confusing
Change : avoid scrollable pages when possible, and if not then target the most important information as the landing sections
Learned : How to make a carrot drop down, ways to conduct user research and testing
Went wrong : Reorganization of menu layout led to more confusion - too minimal can be just as confusing
Change : avoid scrollable pages when possible, and if not then target the most important information as the landing sections
Psst down here!
Psst down here!
