What The Cup?
Spring 2026
Case Study and Prototype
This website was created for the fictional brand What The Cup?. After creating this fictional company, designing the branding, and creating a mobile app prototype. The goal of this website was to maintain the same functions as the app while providing additional information, maintain the design system at a different scale, and create an easily navigable interface.
The Research:
To prepare for the design of this website, research was conducted through a usability survey of the Starbucks website, a comparative analysis of different companies' websites, and a heuristic analysis of the Starbucks website. Research was centered around the Starbucks website primarily because of its popularity.


After the completion of this research and the comparison of websites utilized by different companies, it was very clear that the website had to maintain all of the functions of the ordering system within the mobile app, while correctly utilizing the horizontal space, and providing additional information on the company.
The Process:



The Final Product:


If I were to continue working on this project, I would like to add more interactive elements to the buttons and navigation bar, as well as other smaller animations, making the interface more engaging and clear. I would also like to fully prototype this website to have a fully functional prototype.