Chai Route

A concept website for a fictional single-origin Indian tea company, tracing each blend back to the estate and growers it comes from.

Web Design

Client Project

2023

Role

Web Designer

Duration

3 weeks

Team

Independent project

Tools

Figma, Squarespace

Status

Client Project

View live website

View Process

Overview

Chai Route is a concept website for a fictional Indian tea company built around traceability — every blend links back to the specific estate, altitude, and growers it came from.

Tea brands often market flavour alone, leaving out the origin story that increasingly matters to conscious buyers. The challenge was making provenance the hero of the shopping experience.

The Problem

Shoppers looking for ethically-sourced tea have little visibility into where a blend actually comes from, making it hard to differentiate genuinely traceable brands from generic ones.

Research

I researched Indian tea estate practices, single-origin coffee branding (which handles traceability well), and existing tea e-commerce sites to see how provenance is typically communicated.

Research synthesis visual.

Research visual

Key Insights

Buyers responded strongly to specific, verifiable detail — estate name, elevation, harvest season — rather than vague terms like ‘ethically sourced’, which felt like marketing language.

Design Challenge

How might we make the origin of a cup of tea as vivid and central as its flavour notes?

Ideation

Concepts ranged from a map-first browsing experience to a simple product-first shop with an origin tab. I landed on a map-led estate browser feeding into individual blend pages.

Early concept exploration.

Ideation visual

Information Architecture

The site is organised by estate first, then blend: visitors explore a map of growing regions, select an estate, and see the specific teas sourced from it alongside grower details.

User Flows

A visitor browses the estate map, opens a region to see its story and climate, selects a blend from that estate, and adds it to cart with the origin details carried through checkout.

Wireframes

Wireframes tested a full-screen interactive map versus a simple list of estates. The map won out for stronger engagement despite added complexity.

UI Design

The UI uses warm greens and terracotta tones drawn from the tea gardens themselves, with full-width photography of the estates and a clean type system for tasting notes and specs.

Final interface detail.

UI design visual

Prototype

The prototype shows exploring the estate map, opening an estate page, selecting a blend, and reaching a checkout that displays the grower and harvest details on the receipt.

Testing

This concept project hasn’t been tested with real customers. Validating whether map-based browsing helps or slows down purchase intent would be a useful next step.

Iteration

The estate map moved from a decorative banner to the primary navigation method after early feedback that burying it in a secondary tab undercut the whole premise of the brand.

Final Solution

The final design is a map-led shopping experience where every blend is reached through its estate story, keeping provenance central to how tea is discovered and bought.

Final concept screens.

Final solution visual

Outcome

As a concept for a fictional company, this hasn’t launched. It demonstrates how traceability can be designed as the primary navigation and storytelling device for a food and beverage brand.

Reflection

This project reinforced how much specificity builds trust — vague sustainability language convinces no one, but named estates and real numbers do. I’d explore grower profiles further next.

More Work

Snow Leopard Tours product preview
Snow Leopard Tours product preview

UX/UI Design

A portfolio preview for an ethical tourism platform that helps people understand conservation-first travel choices.

UX/UI Design

A concept mobile experience imagining a co-branded Audi F1 x Revolut card, letting Revolut users design and manage a motorsport-inspired card inside the app.

UX/UI Design

A concept interface letting Audemars Piguet clients configure their own Royal Oak — case finish, dial, strap, and engraving — before reserving it with a boutique.

Have a project or opportunity in mind?

Let’s talk →

DillonB

Turning complex problems into clear digital experiences.

© 2026 Dillon Borkhatria. All rights reserved.

Designed & built by Dillon