Show the product format immediately
The bottle and pouring image make the liquid format visible in the opening section. Lavender and orange establish a bright visual identity around the product range.
Shopify · Wellness & supplements
Elevatic
Elevatic combines a colourful product range with a detailed supplement proposition. My UI and visual design connects the opening product story, catalogue and product-detail layouts through a consistent hierarchy.
What the page needs to solve
Present a broad ingredient proposition in a way that feels digestible and visually engaging.
The visual approach
An energetic lavender-and-orange direction brings the formula to life. Short content blocks and ingredient groupings help people scan the proposition before exploring the details.
Three design decisions
Give the range a repeatable structure
Product cards use repeated image, name and action placements. The product-detail presentation separates imagery from selection and purchase controls so each area has a clear job.
Break up the explanation
Benefits, products and FAQs appear as separate sections. This creates places for short browsing and more detailed reading within the same page.
The design output
The presented work spans the homepage, product-detail layout, FAQs and supporting brand content. Consistent colour, headings and product presentation connect these page types.
Enlarge design ↗
Enlarge design ↗What I would validate next
Test whether visitors understand the liquid format, can choose the intended product and can find answers before adding it to their cart.
This walkthrough explains the presented designs. Suggested validation is a next step, not a claim of testing already completed. Post-launch performance data is not included.