Terravita
At Terravita Teas, we are passionate about bringing you the finest organic teas that nature has to offer. Our mission is to create a harmonious blend of health, flavor, and sustainability in every cup. We source our tea leaves from certified organic farms, ensuring that each sip is free from synthetic pesticides and fertilizers.
Role:
UI Designer
Industry:
Food
Duration:
1 Week
1. Brand Identity Alignment
The UI design embodies Terravita Teas’ mission: purity, wellness, and sustainability. Earthy tones like sage green, herbal browns, and muted creams are used throughout to echo the natural, organic roots of the brand. Imagery of tea leaves, farms, and wellness moments reinforce this connection with nature.
2. User-Centered Experience
The layout was created with a user-first mindset:
Clear hierarchy: Hero sections lead with strong brand messaging and CTAs.
Product exploration: Easy-to-scan product cards allow users to explore by benefits, flavor profiles, or origin.
Education-focused storytelling: "Our Farms," "Health Benefits," and "How It’s Made" sections build emotional connection and trust.
3. Design System
To maintain consistency across the platform:
I created a modular design system using Figma with reusable components, including buttons, product cards, banners, and form fields.
The system supports scalability and speeds up design iterations.
4. Typography & Readability
Headings use a warm serif font to evoke a hand-crafted, organic feel.
Body text uses a modern, legible sans-serif for clarity.
Generous line spacing and soft contrast keep the content approachable and easy to read.
🧩 Final Thought
This UI brings together aesthetics, accessibility, and authenticity—creating a calming, informative, and trustworthy space for users to connect with the Terravita Teas brand.
