Site Redesign of Teasider
Improving the visual aesthetic & flow of my favorite tea shop’s website.
Role
Visual & UX Designer
Tools
Figma
Timeframe
3 Days | 2026
Project overview
Teasider is a cozy and welcoming space in the heart of Madison, WI, with intentionality in everything they do, clearly visible in their tea, goods, decor, and service. However, their current website fails to capture its character and provides a rather awkward experience -
not exactly exciting to someone planning to visit in person.
In this project, I focus on changing that.
The vibe check
Along with previously being a regular, I looked into how others viewed Teasider and analyzed how the owners did the branding. This allowed me to have a better understanding of how to approach the visual design for the website.
Perusing Google reviews
Searching “vibes” and “atmosphere”, a common thread was shown.
Along with other reviews based on service, I decided to move forward with the following adjectives to focus on:
Cozy
Welcoming
The branding
With their branding & presentation choices, a few notes stood out:
center aligned text
use of vibrant colors balanced with minimalist packaging and rounded labeling
preference of warm tones
Improving user navigation
The current UI of the website is rather clunky and forces the user to explore around to understand what is provided due to unnecessary browsing and clicks.
The issues
Unintuitive main menu
Main menu items are a mix of various product pages and others, making it unclear if the menu item links to where you can shop or see descriptive content.
Interaction with the main menu items are also not consistent, some you can click, others only a drop down.
Unnecessary clicks / repeated content
Some pages’ contents are short and / or contain the same info shown on another, making extra clicks to view this content superfluous.
Content that is generally considered more important / should be more visible to the user is more hidden.
Final design - putting it all together
