Work · Web Design

Shwe Leaf

Tea shop · Web Design

An online shop for a small tea brand from the Shan hills of Myanmar.

Shwe Leaf website, homepage

The brief

The brand sells green tea, milk tea blends and laphet online. The shop had to feel as warm as a teashop, make buying and subscribing simple, and help first-time buyers choose and brew.

The idea

Soft rounded serif headlines, warm tea colours and friendly product cards give the shop its character. Every card ends with a price button, buying options sit in two clear cards, and brewing steps and questions sit on the product page.

Design direction

Warm, calm and hand-made

Typography

  • Fraunces — Soft serif with rounded edges for the logo, headlines and product names
  • Figtree — Clean, friendly sans for body text, prices, buttons and navigation

Colour

  • Pale leaf#F3F5EC
  • Rice paper#FBF8F0
  • Deep tea#1E3527
  • Shwe gold#C9962B
  • Young leaf#7FA36A
  • Lacquer red#A8321F
Shwe Leaf homepage, desktop

Homepage, desktop

Shwe Leaf shop all, desktop

Shop all, desktop

Shwe Leaf product page, desktop

Product page, desktop

Shwe Leaf homepage, mobile

Homepage, mobile

Shwe Leaf shop all, mobile

Shop all, mobile

Shwe Leaf product page, mobile

Product page, mobile

Web Design by Madderquill