Cycle-Synced Supplements, Beautifully Delivered
The Challenge
Fourmula is a cycle-synced sports supplement brand for active women, built around a unique two-phase system (Phase A and Phase B) that aligns with the menstrual cycle. They needed a Shopify store that could clearly communicate this innovative product concept while feeling clean, modern, and trustworthy — not clinical or overwhelming.
Our Approach
We built a fully custom Shopify store on the Horizon theme with over 40 bespoke custom blocks. The centrepiece is an interactive Phase A/B product breakdown with a toggle that lets customers understand the two-phase system at a glance. We paired this with scroll-driven animations, a sticky app demo section, and Instagram-style social proof carousels — all mobile-first.
What We Delivered
- 40+ Custom Blocks — A complete library of bespoke interactive components built from scratch
- Interactive 2-Phase System Block — Toggle between Phase A (cyan) and Phase B (purple) with animated product breakdowns and responsive compact mode
- Sticky App Demo Section — Scroll-driven phone mockup with glass cards showcasing the companion Fourmula app
- Instagram Carousel — 9:16 aspect ratio image carousel for social proof screenshots
- Feature Accordion Block — Interactive accordion-style feature cards with checkmark animations
The Result
A polished, conversion-focused store that makes a complex product concept feel intuitive and approachable. The interactive elements help customers understand exactly what they are buying, while the clean design and soft gradient colour palette reinforce the brand's premium positioning in the women's health space.
Tech Stack
Shopify Horizon Theme, Custom Liquid Sections, Vanilla JavaScript Web Components, CSS Animations, ResizeObserver API