Taichi Website Redesign

Taichi Website Redesign

Taichi Website Redesign

Figma | 2026

Figma | 2026

Figma | 2026

Laptop mockup showing the Taichi Bubble Tea website redesign with navigation.

Redesigning a favorite boba tea website.

Redesigning a favorite boba tea website.

Redesigning a favorite boba tea website.

Skills

Skills

UI/UX Design

UI/UX Design

Goal

Goal

Make the Taichi Website a more efficient and enjoyable experience

Make the Taichi website more efficient and easy to access important features

Time

Time

1 month

1 month

UX Research

UX Research

UX Research

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

Solutions

Solutions

Lack of information

Lack of information

Add restaurant must-haves

Add restaurant must-haves

Confusing layout

Confusing layout

- Remove redundancy and unimportant details

+ Add intuitive features

- Remove redundancy and unimportant details

+ Add intuitive features

Button issues

Button issues

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

What stayed

What stayed

What stayed

  • Font, brand colors

  • Inviting language and imagery

  • Font, brand colors

  • Inviting language and imagery

(Scroll to see new header pages)

New Feature: Make an Account

New Feature: Make an Account

New Feature: Make an Account

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

Why create this feature?

  • The Taichi mobile app focuses on this feature

  • Difficult to access on the official site

Why create this feature?

  • The Taichi mobile app focuses on this feature

  • Difficult to access on the official site

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

Psst down here!

Psst down here!