Wireframes & User Flow

Creating wireframes and user flows is important to help you understand how your vistor will navigate your website. It also helps you outline what pages are needed to achieve that Minimal Viable Product (MVP) in order to get your website launched faster. Thinking through the customer journey will help highlight any potential pitfalls and errors.

Wireframes & User Flow

Creating wireframes and user flows is important to help you understand how your vistor will navigate your website. It also helps you outline what pages are needed to achieve that Minimal Viable Product (MVP) in order to get your website launched faster. Thinking through the customer journey will help highlight any potential pitfalls and errors.

User Flow
The Tea Leaf Creations user flow is designed for new and returning customers. For a new user, you do not need to create an account to browse or discover more about the business and products. This will most likely help with acquiring new customers who are not sure about the business and want to try it out first.
_____________________________________________
Sketches
Quick wireframe sketches help get layout and flow ideas out fast. This gave a better sense of exceptions needed on each main page in order to start building the main structure of the website.
_____________________________________________
Wireframes
The wireframes for Tea Leaf Creations consist of the homepage, about, menu, create and connect. Explore more by interacting with the Figma prototype below. For the best experience click on the full screen button on the top right, pan with your mouse and zoom in and out with +(plus) -(minus) keys to see details.
Back to Top