Ecommerce Website UI
💤 Blume – Sleep Well, Wake Refreshed
Introducing the UI for Blume, the official sleep aid partner of UFC. From premium sleep tapes to blueberry fantasy gummies, every detail of this interface is designed to help users relax, shop, and recharge effortlessly.
🌙 What we focused on:
-Smooth and clean shopping experience
-Relaxing visual tone with wellness-inspired elements
-Highlighted product benefits and ingredient details
-Seamless checkout process with order summary and same-day delivery options
-Micro-interactions that soothe as much as the products do
🛏️ Products featured:
-Sleep Tape (Sensitive, Brightening, Anti-Aging, Extra Firm)
-Sleep Gummies
-Herbal Detox Supplements
🎨 Tools used: Figma, Adobe Illustrator
📱 Designed for mobile-first experience
Let me know what you think!
🛍️ Homepage – Welcome to Blume⬇
A calming first impression. The homepage sets the tone with soft gradients and a wellness-forward layout. Clear CTAs guide users toward exploring
🟢⬇️ Product Details Page
Designed for clarity and desire. This page highlights key features, large product visuals, sticky call-to-action, and trust-building elements – all crafted to nudge visitors toward the “Add to Cart” moment.
🔵⬇️ Product Collection Page
Where browsing becomes effortless. Clean grid layout, smart filtering, and engaging hover effects help users explore products with ease and excitement.
🟣⬇️ Add to Cart Popup
A seamless micro-interaction. This subtle yet clear popup confirms the user’s action without interrupting their flow – promoting continued exploration or a quick path to checkout.
🟡⬇️ Checkout Page
Built for confidence and completion. A minimal, focused layout that reduces friction, shows clear steps, and emphasizes trust signals to help users finish their purchase without hesitation.
