.svg){kind=logo}
memobottle: PDP Optimisation
A design-led hydration brand redefining everyday carry through form, function, and sustainability.
How we did it
Shift the user mindset from 'checkout checklist' to 'playful creation' by gamifying the customisation process.
Increase AOV by positioning add-ons as desirable upgrades rather than necessary extras.
Integrate sustainability storytelling and subscription models seamlessly into the purchase flow without friction.
Created an interactive 'builder' interface with clickable hotspots and live visual feedback for immediate gratification.
Designed a 'lifestyle gallery' split-screen to contextualise the product size and usage in real-world scenarios.
Developed a visual product grid referencing A-paper sizes to intuitively communicate scale and proportions.
Engineered a bespoke Shopify Plus customisation engine to handle complex product dependencies and live preview rendering.
Implemented advanced subscription logic for cleaning tablets using Shopify's native checkout extensibility.
Optimised frontend performance to ensure smooth, app-like transitions during the customization process across all devices.
The Challenge
Turning a functional PDP into a fun, creative experience.
- Key product information lacked hierarchy and was easy to miss
- Add-ons felt mandatory rather than optional or enjoyable
- The gallery didn’t show how bottles looked or functioned in real life
- Sustainability messaging and the water.org partnership were buried
- Customers struggled to compare bottle sizes and use cases
- Cleaning tablets were under-promoted and disconnected from the journey
The Solution
A playful, user-led PDP that makes building your bottle part of the brand experience.
- Restructured the PDP layout to surface inclusions, USPs, and customisation options clearly
- Reimagined add-ons as a gamified experience using clickable hotspots and live feedback
- Introduced a lifestyle gallery alongside product imagery to build real-world context
- Integrated sustainability and water.org content into lightweight, tabbed story blocks
- Added a visual size-comparison grid inspired by A-size paper standards
- Built a streamlined upsell module for cleaning tablets with one-time and subscription options
Grow with the mo.
.svg){kind=small}
