Tree 2 Cup Hero

Tree to Cup

Website and Packaging Design for Sustainable Coffee

Project Summary

The goal of the project was to design a user-friendly and visually appealing website for Tree 2 Cup, a coffee brand. The objective was to make the online shopping experience simple, engaging, and accessible to all users.

The website emphasizes intuitive navigation, clean layouts, and responsive design across desktop and mobile. From exploring coffee blends to completing a purchase, every interaction is designed to feel seamless and enjoyable.

I developed a prototype that showcases the full user journey, from discovery to checkout, highlighting clarity and ease of use throughout.

Moodboard

Moodboard showing natural textures and earthy color palette
Moodboard featuring packaging inspiration and organic material studies

Desktop

Desktop Wireframe for Tree to Cup

Mobile

Mobile Wireframe for Tree to Cup

Prototype

Brand Applications

Bucket Hat Mockup for Tree to Cup

Project Reflections

This project gave me an exciting introduction to UI/UX design and the process behind creating intuitive digital experiences. I learned how much thought goes into every detail — from layout and flow to accessibility and user behavior. Understanding how customers interact with a website helped me think more critically about clarity, navigation, and usability. Overall, the experience strengthened my design thinking and deepened my appreciation for the balance between creativity and functionality in user-centered design.