Online Tea Shop Concept

I designed an online tea shop concept as a personal project. The target audience is tea lovers who are interested in trying teas from around the world. They enjoy adventure, exploration and unique experiences.

GOAL FOR THIS PROJECT

Create a concept including visual design direction, interaction flows and design assets to communicate the concept.

PROJECT OUTCOME

I created the main shopping flows, page layouts and the visual design direction in low and high fidelity as well as a quick prototype which shows how the site behaves with different browser widths.

Sketching UI Flow

As a starting point, I sketched out UI flows for the browsing and shopping use cases.

Low-Fidelity Wireframes

Visual Design

I put together the visual design to bring a “friendly, inviting to explore and unique” feel to the overall site branding.

High-Fidelity Wireframes

Prototypes

I created prototypes in order to communicate the design. Here is one to show browse and shop UI flows in action.

Responsive Website

Here is another prototype in action showing how design will change based on different browser widths.