Jerri Zhang
jerri zhang | interactive designer
tazothumbnail.png

Tazo Custom Blend Tea

A website redesign for SpaceX.

Tazo Custom Blend Tea Site

A site that allows users to customize their tea. Each ingredient they drag and drop is represented by an abstract texture or pattern, which combine to create art for the tea’s label. Users can hover over the ingredients to visually taste test their blends and adjust the intensity of the flavor profile.

 

The home page features the latest artwork/tea blend, created by other users.

tazobrowsermockhome.png

 

Hovering over each option instantly previews the base.

tazo-Base.gif

 

Each base has a different color scheme. Clicking through the palette options bring up different ingredients that the user can add to customize their tea.

 

If the user wants, they can create an account and re-order blends that they've already made.

tazobrowsermockblend.png

 

Users can adjust the intensity of the flavor profile for each ingredient. Visuals will adjust to reflect the changes.

tazo-teaIntensity.gif
tazobrowsermockfull.png

 

Users are lead to name their tea, which is going to be on the label.

tazobrowsermockname.png
tazobrowsermockbill.png
book_photos-68.jpg

Photos: Rachel Jeffs