Add to Collection
Tools Used

Tools

About

About

Corporate web design for international tea house company. simple and clean typographical layout for content focused site. brand color were tea le… Read More
Corporate web design for international tea house company. simple and clean typographical layout for content focused site. brand color were tea leaf green, boiled tea redish brown and yellow and white. Read Less
Published:
JayTea - international tea house corporate website design
information architecture, wireframe development, user interface design, coding guidelines
This is my third project with same client, this time it was to create corporate website of an india born tea house which over time now has reached more than five countries. its also an umbrella corporation for various sister companies such as JayPackCo - an agricultural product packaging company which i am happy to create brand identity for. The JayTea wanted a simple rather than a graphic intensive website.

I started with looking company's previous communication materials such as brochures etc. I also collected content of website before taking on IA, i was very happy to see they put a section of History Of Tea in their corporate website which was a year wise timeline of historical origin of tea very good content strategy. I also noticed other pages also will contain quite enough text to read.

With this i started the IA then Wireframe and Eventually landed on a Typography Based Layout, which after adding color such as Tea Leaf green, Boiled tea redish brown, yellow, white and appropriate graphics becomes final homepage.
the first detailed wireframe, i wanted typography as design element for a content focused site
initially we played with header a lot, we didnt wanted it to be too strong
while in communication with client i found that "it should encourage having a cup of tea" was often said so i simply created tea flowing behind company logo. client revised it with more lighting yellow to represent strongness of the drink.
Once we finished with overall look&feel of website, it was time to create internal pages. I already had content and layout in my mind. I wanted to have it easily readable and yet not too Text-y. I wanted to put visual interest here and there to keep user interested in content.
this was one of my favorite pages, a graphical representation of monumental milestones of company history
All types of tea in a single easy to scan page
tea leaves instead of Stars to rate product and custom icon design
tea-tized popin box
most favorite section, used typography as design element and yet easy to read and edit
country wise corporate addresses, a nice landmark photograph indicating location
That was it. i created CSS guideline document for developer and handed over final files to client. I really enjoyed this one.