Routein Shopify D2C Conversion Optimization
Project Case Study
Routein Shopify D2C Conversion Optimization
An optimization project for an existing Shopify store, improving purchase flow, product structure, conversion touchpoints, and mobile usability to make the D2C buying experience clearer and smoother.
View Live Project →Overview
Routein Foods Inc. is a plant-based protein and superfood brand.
This project focused on moving away from an Amazon-led sales path and building a clearer D2C buying experience inside Shopify, where customers can explore products and complete purchases without leaving the store.
The live store can be viewed at routein.ca.
Problem
At the start of the project, Routein already had strong brand and product fundamentals, but the purchase experience had clear limitations.
The biggest issue was that product-page purchase actions were linked to Amazon instead of Shopify-native checkout.
Even if users explored products on Routein, they were pushed to an external platform for purchase, which broke continuity in the brand-owned buying journey.
Product architecture and page composition also needed cleanup. The original catalog was organized as separate flavor-specific products without a variant structure, so flavor/package options were not always easy to scan, and product exposure across the homepage and package pages could look duplicated or cluttered.
The original store also did not have a Trial package lineup, and the client requested adding one during the project. Trial product copy, nutrition details, and ingredient information still needed clearer communication. Some mobile text and layout behavior also needed refinement.
In addition, conversion and trust elements needed updates: subscription-to-coupon flow, cart visibility, live chat, and policy page clarity.





.webp)
.webp)
.webp)
 (1).webp)
.webp)
Legacy homepage structure before D2C purchase flow cleanup
1/10
Solution
The store flow was restructured so customers can understand products and continue directly to purchase inside Shopify.
First, the Amazon-led purchase path was cleaned up and Shopify-native cart/checkout flow was restored.
Customers can now continue through product detail -> cart -> checkout without leaving Routein.
Product architecture was also redesigned. Spout, Sachet, and Bulk products were reorganized with variant-based logic so flavor and size selection is more intuitive. Package pages were adjusted for flavor-first discovery.
A new Trial package lineup was added as a requested scope expansion, with a dedicated Trial Pack collection and connected product-detail flow for first-time buyers.
Legacy flavor-specific standalone products were consolidated into variant-based products, reducing duplicate exposure and making each packaging type easier to compare.
To improve first-purchase conversion, an email subscription popup and immediate discount-code reveal flow were applied. A tawk.to live chat widget was added to improve support responsiveness during pre-purchase decisions.
Additional usability and trust updates were included:
Mobile text/layout refinement and mobile header/menu cleanup
Cart page visibility recovery and cart quantity badge
Price range display for variant-based products
Terms & Conditions and Privacy Policy content updates
Trial product copy/nutrition/ingredient/gallery improvements
Typo and product naming consistency fixes by flavor/packaging structure









 (2).webp)
.webp)
 (1).webp)
.webp)
Homepage hero with clearer brand messaging and purchase entry points
1/13
Outcome
Routein moved from an Amazon-driven redirection model to a D2C-oriented Shopify structure where brand and purchase experience stay connected.
Customers can now understand products more easily, navigate flavor/packaging options more clearly, and continue through cart and checkout in a consistent in-store flow.
With conversion touchpoints such as subscription, coupon reveal, live chat, cart visibility, and mobile optimization improved together, the overall store experience became clearer and more purchase-friendly.