🍃 Organic Tea eCommerce

Type: Responsive Web App

Role: UI/UX Designer

Tools: Figma

Timeline: 1 week

✨ Overview

Tea Haven was brewed to be more than just an online store—it's a calm, elegant digital tea room. With soothing visuals, earthy palettes, and a clean structure, the goal was to reflect nature's purity and guide users toward wellness-based purchases.

"The idea was to wrap the user in a sense of calm—like walking into a tea lounge, right from their screen."

🎯 Goal

To create a refreshing, mobile-first eCommerce experience for an organic tea brand—where users can quickly explore, trust, and purchase without cognitive overload.

🌟 Core Features

🫖 Nature-inspired homepage with ambient illustrations

🛍️ Product card grid with badge tags (Best Seller, Immunity Boost)

🌱 Sustainability callouts (Eco-friendly, Ethically Sourced)

💬 Customer testimonials with avatars for trust

🔥 Deal of the Week promos for conversion boosts

💳 Minimalist cart CTA and price indicators

🎨 Design Strategy

Tea Haven's design evokes peace, clarity, and quality. From its muted greens to its soft shadows, every detail contributes to an immersive shopping vibe.

🍃 Earth-tone color palette for a calm and clean look

🧼 Pill-shaped tags and CTA buttons for elegance

💎 Glassmorphism hints to reflect freshness and clarity

📐 Responsive grid with layered imagery and micro-interactions

🫶 Soft shadow depth to mimic real-world tea setups

Tea Haven pill-shaped tags and CTA buttons

🧰 Tools & Techniques

Built with reusable Figma components for speed
Custom icons and imagery aligned with brand voice
Optimized for mobile and tablet views
Consistent spacing system with 8pt grid
Typography pairing for headlines vs body text

💡 Lessons Learned

🍵 Storytelling is key—even a product grid should feel curated

💚 Reviews + imagery = trust at first glance

🚀 Offer placement can make or break the conversion journey

🛒 Lightweight checkout is better than over-designed funnels

✅ Outcome

An aesthetic, user-friendly organic tea shop that balances conversion goals with peaceful design. Users get pulled in by warmth, clarity, and nature—all while sipping on smooth UI.

🔮 Next Steps

🌘 Dark mode for late-night tea shoppers

📦 Smart product bundles with dynamic pricing

📈 Integrate A/B tested layouts for product sections

🌍 Explore localization for regional tea preferences