
BUBBLE TEA
SUPPLY
The bubble tea supply is e-commerce website that sells everything related to bubble tea such as syrups, toppings, flavor powders, supplies and equipments.
Website Realignment,
Web Design, UX/UI

THE PROCESS
The current website has all the content needed, but lacks visual interest and easy navigation. Too much informations are squeezed into small spaces with no hiearchy. For new users, color, typography and imagery will help add visual interest to inform the user about the products.
PERSONA
To further the development of the website re-alignment, personas were created to validate different user experiences and the goals established for Bubble Tea Supply.

STYLE TILE
After establishing Supply Tea Supply's ideal customer's and needs, I went on to
develop style tiles to determine the overall visual tone and design direction
for the website re-alignment.
.jpg)
SKETCHES
The sketches shown below were used to establish both content and hierarchy of all the pages on the website. The main focus of these sketches were to show the movement and adaptation each page had through various devices.


HOME PAGE DESIGN


Home Webpage - Desktop Design
MOBILE HOME PAGE DESIGN




Home Webpage - Mobile Design
ABOUT PAGE DESIGN

About Webpage - Desktop Design



MOBILE ABOUT PAGE DESIGN

About Webpage - Mobile Design



BUSINESS PAGE DESIGN

Business Webpage - Desktop Design



MOBILE BUSINESS PAGE DESIGN

Business Webpage - Mobile Design





