• Web Design
  • Development
A refreshing experience delivered for tea enthusiasts

The Republic of Tea provides premium teas, education and innovation to customers across the globe. This socially-conscious company partnered with us to upgrade their blog site in order to educate and engage their clientele as well as generating sales.

  • Challenge

    Generate ecommerce sales and distinguish the company as the leading premium tea brand online.

  • Solution

    Elevate the brand through strategic use of typography and custom illustrations throughout articles and blog pages.

  • Results

    A clean, elegant-yet-modern blog that provides multiple entry points into specialized content and easy access to purchase related products.

Extending the Brand

In creating an updated visual experience for the blog, we wanted to keep familiar aspects of the company’s branding while incorporating new elements developed for the blog’s specific needs that also felt in tune with The Republic of Tea’s unique culture. One of these additional components was the hand-drawn icon style featured throughout the blog, which was inspired by sketches contained within published letters between the company’s founders.

National Identity

We combined hues from the brand’s existing color palette with a refined display typeface for a high-class web experience, blending in a bit of organic authenticity in the form of illustrations and icons developed in a hand-rendered style.

RoT Swatches1
RoT Type1
RoT Illo1

Design & Development

We took the informative content already existing in their blog and overhauled the navigation, categorization, and visual presentation in order to deliver an experience that better reflects the company’s brand and market position.

LLT Group Laptop
RoT Homescroll Scaled
RoT IconCloseup
RoT DropdownMenu
Navigation Menu

The immersive, full-width navigation sub-menu makes the numerous links easy to digest and provides visual interest in form of custom icons for each topic.

RoT BlogGrid_spotlight2
RoT BlogGrid3
Blog Grid

We utilized large, photo-heavy tiles for the blog and recipe posts in order to leverage the beautiful product packaging as a visual element, as well as to prevent the grid from appearing too busy. To make sure users can access the content they are interested in while minimizing scrolling, we devised a set of filters that allows them to easily sort the posts by category or tag, or enter terms into the search bar to the right.

RoT Ecomm4
E-Commerce Experience

We included links and callouts to products within blog posts and recipes in order to provide opportunities for users to view and purchase, thus using content to drive lead conversion.

RoT CountriesTab
Company Branding

The Republic of Tea’s global mindset is on display as they detail where their products are sourced from. The depth of the information helps underscore their reputation as experts, all while providing valuable education to customers and non-customers alike. Instead of using standard digital maps as visual aids, we applied the brand’s distinctive hand-drawn illustration style to the countries in order to give a customized, brand-appropriate feel to this section.

Icon1
Icon2
Icon3
Icon4
Icon5
Icon6 2
Icon12
Icon11
Icon10
Icon9
Icon8
Icon7
Spotlight Image_RoT ChaiShortbread
Recipe Posts

We provided an engaging alternative to plain lists of ingredients by paying special attention to the top section of each recipe, grabbing the user’s interest with colorful photography and prominently displaying a link to a downloadable file for those who already know what they’re looking for.

RoT Bulletspotlight
RoT BlogStyling3 E1605822842412
Blog

Incorporating personalized details, such as a hand-drawn leaf icon used for bulleted lists, is part of what separates average websites from engaging digital experiences built with the brand in mind.

Spotlight RelatedPosts2
Related Posts

Each blog or recipe features suggested related posts after the article content, which aids the user on their journey to becoming more educated on tea-related topics and helps them find additional value in the site. The design of these card units was chosen to carry through familiar visual styles from elsewhere on the site and develop a harmonious experience from page to page.

Grab Your Passport And Take A Trip

The final product is a thoughtfully designed, brand-infused experience that elevates the blog to the lofty heights worthy of a republic, encouraging readers to take a sip and join the tea revolution.

RoT China E1605823163354
Back to Portfolio
Start a Project
Lets Do This!

Dig our Work?

Lets Do This!