🌙 LUNA — Supplement Website Design is a wellness ecommerce website concept for a biohacking brand of sleep, stress and focus supplements. LUNA is a fictional brand I created to show how a health supplement website design can feel calm and premium instead of clinical. The supplement brand website mixes lab glass, moss and water into an "Organic Science" look: a quiet luxury website design with Space Grotesk headlines, Cormorant Garamond italics and a palette of pine teal, muted teal, bright snow and carbon black. This wellness website design keeps every screen light and clear, so the science reads as easily as the mood.

Designed a comprehensive e-commerce concept for LUNA, a fictional next-gen wellness brand. The objective was to bridge the gap between clinical precision and organic comfort, moving away from the sterile feel of traditional pharmacies. I focused on creating a "Organic Science" aesthetic and a seamless user journey, positioning the product as a premium lifestyle choice through visual storytelling and intuitive functionality.

UX Design: Structuring the product information architecture to organize complex ingredients and benefits clearly. Mapping a seamless user flow from emotional discovery to checkout, focusing on "Shop by Goal" navigation and subscription logic to encourage user retention.

UI Design: Crafting the "Organic Science" visual identity by blending clinical minimalism with natural textures (moss, glass, water). Developing a comprehensive design system (typography, color palette, UI kit) and designing high-fidelity, responsive interfaces that convey a premium "Quiet Luxury" aesthetic across all devices.

The primary goal was to transform a complex buying process into an intuitive journey. By balancing ingredient transparency with emotional comfort, the interface minimizes cognitive load, seamlessly guiding users from identifying a symptom to finding the perfect scientific solution.

Defined as "Organic Science," the visual language merges the precision of laboratory glass with raw textures of moss and water. This aesthetic mirrors the body’s natural rhythm—creating an experience that is calm, fluid, and absolutely clear.

Market differentiation. Stand out in a saturated supplement market by moving away from generic medical aesthetics.

Navigation complexity. Simplify the product selection process for users who don't know which supplement matches their specific biological needs.

Trust barrier. Overcome user skepticism regarding supplement efficacy and justify the premium price point.

Mobile experience. Address the high bounce rate on mobile devices by optimizing the interface for smaller screens.

🛒 The supplement store website starts from what people need, not from product names: the Shop by Goal menu lets shoppers browse by health goals — Sleep, Stress and Focus. The homepage works as a supplement landing page, from the "Restore your natural rhythm" hero to the featured collection, customer reviews and a first-order offer. Ingredient transparency is part of the design: Absorption Technology (absorbs better, gentle on the stomach, lasts longer, 100% clean) and Inside the Formula with magnesium, L-theanine and apigenin explain the science in plain words. The supplement product page design for SLP-01 Deep Sleep puts Subscribe & Save right next to the price, and Add to Cart opens a cart drawer, so shoppers never leave the page.

✨ The whole ecommerce UI/UX design was built in Figma: information architecture, user flows from goal to checkout, an interactive prototype and a responsive design system with typography, color styles and UI components. Every screen, from the homepage to the product page UI design and the cart drawer, adapts from desktop to mobile, so the responsive ecommerce website design works on any device. The moss, glass and water visuals were created with AI (Midjourney and Google Gemini).