Skip to main content
Website Visual Upgrade

TNTS — Tea & Teas

Visual upgrade of a Shopify tea store — forest-led storytelling on the existing catalogue.

Visit live site
TNTS — Tea & Teas — homepage, captured live

About the client

TNTS sells teas from the old forests of Yunnan through a Shopify store. The products carry a lot of story — origin, altitude, the way each tea is aged — and the storefront needed to show that story as clearly as it shows the price, without changing the catalogue or checkout the team already runs day to day.

What we delivered

We redesigned the storefront on the existing Shopify store. The home page opens on Yunnan forest photography with the season's new teas set beside it; a best-seller spotlight lays out each tea like a spec sheet — type, origin, latitude, tasting notes; and the menu lets customers browse by tea type, by form (loose leaf, cake, dragon ball) or by taste. Further down, the five tea types sit on one scale from fresh to fermented, the making of each tea is drawn step by step from plucking to ageing, and an illustrated map shows the four mountains the tea comes from. Products, orders and stock stay in the same Shopify back office, so nothing changed for the team behind the counter.

Before and after

Drag across each frame to compare the old site with the new one.

TNTS home page after the upgrade: forest photography with the season’s new teas
TNTS home page before the upgrade: a forest banner with a 2025 new arrival headline
BeforeAfter
‹ ›
Home page — before / after
TNTS tea listing after the upgrade: teas grouped into new arrivals and own-label collections
TNTS tea listing before the upgrade: a plain product grid on white
BeforeAfter
‹ ›
Tea listing — before / after
TNTS home page with Yunnan forest photography and three new teas
Home — forest hero with the season’s new teas
TNTS best-seller section listing tea type, origin, latitude and notes
Best-seller spotlight laid out like a spec sheet
TNTS section comparing five tea types, showing raw pu-erh on a scale from unoxidised to fermented
Five teas, one leaf — each tea placed on a scale from fresh to fermented
TNTS section illustrating tea making steps: plucking, withering, fixing and rolling
Whole leaf, made the old way — the steps from plucking to ageing
TNTS illustrated map of Yunnan tea regions with Yiwu selected
Four mountains, one province — an illustrated map of where the tea grows