Overview

This is a project that I worked on for Tea King, a local bubble tea business. The task was to design and build a website for customers to order boba and understand the company’s background.

For this project I worked with the business owner and improved on what was initially designed. I used Figma to design and finalize prototypes and used Cargo to code (HTML, CSS, JavaScript) and build the website.

Previous Iterations

Low Fidelity Prototype

Designed a low-fidelity prototype to build a website layout that was easy to understand and follow. Because there was no focus in color and images at this stage, we built a structural prototype that we can easily add content to in the future.

Final Designs

Reflection

Covid-19 was a serious problem as it shut down many businesses. I decided to take on this project, because I wanted to apply my knowledge and skills to keep a local business, such as Tea King, to be able to function. It is also a fairly new company, so I wanted to help lead it in the right direction. Before being part of the project, the website did not have the proper structure and fundamentals of a well-designed website. However after being part of the project, I believe that the website has improved exceptionally.