Web Design & Development — Case Study
LIQUID I.V.
A high-energy landing page concept for Liquid I.V. — hydration drink mixes presented like a lifestyle brand, designed in Figma and built in Webflow.
HYDRATION. TURNED ALL THE WAY UP.
Liquid I.V. makes Hydration Multiplier drink mixes — electrolyte powders in stick packs, from Mango Tamarind and Yuzu Pineapple to Sugar-Free Raspberry Lemonade. This concept reimagines the brand's e-commerce landing page as a single high-energy scroll: healthy living made energetic, accessible and impossible to skim past.
Designed in Figma and built in Webflow, the page runs hero, best-selling products, flavour stories and FAQs in one conversion-focused flow — vibrant product photography, fresh greens and citrus yellows, and science-backed credibility carried through every section, from desktop down to the phone in your hand.
Design
The Hero Board
The landing page presented on sky blue — "Electrolyte Powder Drink Mix" in deep green, the Mango Tamarind pouch centre stage and lemons mid-air around the frame.
Motion
The Page, in Motion
The concept in motion — 28 seconds inside the landing page, from the hero down through the product stories.
Concept
Modern Ecommerce, Introduced
The concept board — hydration made energetic, accessible and engaging, built on vibrant product photography and a science-backed story.
Process
The Challenges
Two problems to solve: make functional wellness products feel like lifestyle essentials, and show multiple flavours and formulas clearly — without visual overload.
Design
Visual Highlights
The design in four moves — a refreshing hero section, a bright wellness palette of greens and citrus, product-centred storytelling and clean e-commerce architecture.
Design
Responsive, and Built to Convert
The page on mobile, and the thinking behind it: lifestyle-driven experience, strong product discovery, trust-building information and a conversion-focused journey.
Preview
The Full Page
The complete landing page in one board — hero, best-selling products, the Sugar-Free Raspberry Lemonade story, FAQs and footer.
START YOUR WEB PROJECT
From the first sketch to a page that converts — we've got you covered.