Interval is a performance-focused sports nutrition brand built around making everyday supplementation simpler, more effective, and easier to fit into an active lifestyle. Its product range spans pre-workout, electrolytes, creatine, collagen, and other performance-focused staples.

The brand already had a strong visual identity and distinctive product packaging, but its website needed a more cohesive digital experience that could communicate the quality of the products while making the journey from discovery to purchase clearer and more engaging.

I partnered with Interval to redesign their Shopify website, translating the existing brand identity into a more refined, modern, and structured digital experience. I designed the full experience in Figma, then translated the approved designs into Shopify, ensuring the final implementation stayed faithful to the design system while remaining responsive, scalable, and optimized for the web.

The project focused on rebuilding the core website experience across the homepage, landing pages, product-page templates, and navigation, while introducing stronger visual hierarchy, product storytelling, social proof, ingredient/science communication, and a more intentional use of Interval's colour palette.

Rebuilt the homepage around a clearer visual hierarchy and stronger content flow.

Created a more engaging hero experience, introduced stronger product presentation, brand storytelling, micro-Interactions, social proof, science-led content, reviews, and lifestyle imagery to communicate the brand more effectively.

Brought Interval's existing visual identity into the digital experience, using its black-and-white foundation alongside the brand's wider colour palette to create more depth and personality across the website.

The product colours were also used more intentionally to help differentiate products and create stronger visual connections throughout the shopping experience.

Reworked how Interval's products are presented across the site, giving the packaging and product photography more prominence while maintaining a clean, premium visual style.

Designed a scalable product-page experience focused on helping customers understand the product, its benefits, ingredients, reviews, and purchasing options before making a decision.

Introduced Subscribe & Save functionality to give customers a recurring purchase option alongside the standard one-time purchase journey.

Structured product and bundle options to make different purchasing routes clearer and help customers understand the value of buying more.

Integrated ratings, reviews, guarantees, and other trust signals throughout key points of the customer journey.

Designed a visual mega-navigation system that allows customers to browse by product, benefit, and featured products.

The navigation includes:

Shop by Product — Pre-workout, Electrolytes, Staples, Bundles, Accessories

Shop by Benefit — Energy, Hydration, Recovery

Featured Products — Pre-Shot Variety, Electrolyte+, Creatine

The goal was to make the navigation more visual and useful while giving important products and collections greater visibility.

Designed a dedicated pre-workout landing page focused specifically on conversion.

The structure moves users through the problem, product introduction, benefits, formulation, social proof, UGC, comparison, offer, guarantee, and FAQs creating a focused journey for campaign and paid traffic.