$56M+ Revenue Generated for Clients 450+ Happy Clients 30+ Team Members AI Powered Services $56M+ Revenue Generated for Clients 450+ Happy Clients 30+ Team Members AI Powered Services $56M+ Revenue Generated for Clients 450+ Happy Clients 30+ Team Members AI Powered Services
E-Commerce / UX Optimization

Fuel Your Body

Scaling a meal subscription service in PEI, Canada from a basic checkout to a comprehensive lifestyle brand, increasing average order value by $20 per customer.

Client Jamie (FYB)
Scope of Work UI/UX Design
Shopify Development
Subscription Flow
Duration Jan - Sept 2025
Key Result +75% Sales Growth
Goal

Scaling a meal subscription service in PEI, Canada from a basic checkout to a comprehensive lifestyle brand, increasing average order value by $20 per customer.

Objective

The objective was to craft a distinctive brand identity for Sorbet & Co. and develop a sleek, user-friendly website. The goal was to reflect the brand’s elegant, trendsetting style while enhancing customer experience with a responsive design that showcases their fashion jewelry collections.

The Challenge

Fuel Your Body is a subscription-based meal platform for busy individuals in PEI, Canada. When we began in January 2025, the website was purely functional but confusing.

With 75% of traffic coming from mobile, the existing flow was creating friction. Users struggled to decide between "One-Time" and "Weekly" orders, leading to high abandonment. We needed to transform the experience from a basic cart to a lifestyle brand.

Healthy Food Prep
User Drop-off Rate
12% from 63%

Massive improvement in funnel efficiency after simplifying the subscription options.

Avg. Order Value
$85 from $65

Driven by the new tiered plan structure (4, 6, 12 meals) and clear savings.

Subscribers
350+ from 220

Steady weekly growth post-launch in March 2025.

The Roadmap

01
Jan 2025

Discovery & Audit

We started with a CRO audit, identifying bugs and major friction points. Tools like Clarity and Lucky Orange revealed users were confused by the navigation structure.

CRO Audit Heatmaps
02
Jan Week 3

Competitive Analysis & Strategy

We studied competitors like WeCook, HelloFresh, and Factor. We completely overhauled the subscription flow to a tiered model: 4, 6, 12 meals, or a custom plan. This simplified decision-making.

Competitor Research Pricing Strategy
03
Feb - Mar 2025

Design & Development

Designed a mobile-first UI in Figma focusing on brand storytelling. Development on Shopify took 4 weeks. We added pickup locations (Fridges) and emphasized PEI delivery.

Figma Shopify Mobile First
04
July 2025

Continuous Optimization

Post-launch data showed older demographics (50+) struggling with the order process. We introduced a dedicated "How It Works" page and upgraded meal cards to show Macros (Calories, Carbs, Protein, Fats) upfront.

Accessibility Iterative Design

Rethinking the Flow

We shifted from a transactional model to a plan-based model to reduce cognitive load.

Strategy
Old Flow
  • No clear savings shown for larger plans
  • Users couldn’t switch plans mid-selection
  • Limited meal information provided
  • Users guessed which plan offered best value
  • Nutrition tracking required extra effort.

Problem: Users hesitated at the first step. Pricing per meal was unclear until the end.

New Flow
  • 1 Displays savings clearly for each meal plan size
  • 2 Shows detailed macros for every meal
  • 3 Allows switching between plans anytime on meal page
  • 4 Shows delivery date upfront on build page
  • 5 Offers pickup or home delivery flexibility
  • 6 Provides customizable plans and flexible options

Solution: By committing to a quantity first, users see the value per meal instantly. The 12-meal plan offers the best value ($11.99), incentivizing higher AOV.

The Benefits of Upgrading the Build My Meal Plan Flow

  • Shows clear savings for larger meal plans.
  • Displays meal macros for informed nutrition choices.
  • Allows easy plan switching during selection.
  • Shows delivery dates early for better planning.
  • Offers flexible pickup or delivery options.
  • Simplifies user decisions with transparent information.
  • Builds trust through clear offers and savings.
  • Enhances overall user convenience and flexibility.

Mobile-First Experience

75% of users order on their phones. We optimized the UI for thumbs.

Sticky Plan Builder

A sticky footer allows users to see their progress (e.g., "2/6 meals selected") without scrolling back up.

Macro Transparency

Meal cards now display Calories, Protein, Carbs, and Fats directly, aiding decision-making for health-conscious users.

Tiered Offers

Clear visual distinction of savings: $12.99 (4 meals) vs $11.99 (12 meals).

The Impact

We tracked everything using Shopify analytics. Comparing the pre-optimization period (Jan-Apr) with the post-optimization period (Apr-Sept), growth is evident.

Total Sales
$427,032 +75%
Apr - Sept 2025
Performance Comparison
Total Sales
$243k
Jan-Apr
$427k
Apr-Sept
Total Orders
3,077
Jan-Apr
5,071
Apr-Sept
Sessions
17k
Jan-Apr
30k
Apr-Sept
Results

Outcome

Fuel Your Body's website was redesigned to simplify healthy eating for Canadians with clearer products, smoother meal-plan selection, and an improved subscription flow. The enhanced UX, faster checkout, and stronger nutritional storytelling help customers easily explore meals, customize plans, and fuel their lifestyle with confidence.

Visit Website
- BOOK YOUR CALL - LET'S DISCUSS YOUR IDEA
owl