.25

Stonz

We partnered with Stonz, the Canadian mom-founded kids' outdoor gear brand, to build a best-in-class Shopify Plus experience that earns the trust of busy parents, makes sizing effortless, and opens up the US market for the first time with a fully localized D2C and B2B storefront.

Homepage

From First Click to Confident Purchase

We redesigned the homepage around the way busy parents actually shop — fast, on mobile, with limited patience for clutter. A streamlined hero, clear category entry points, and prominent trust signals (APMA, non-toxic, durability) give first-time visitors everything they need to orient quickly and move toward a product with confidence.

Challenges

Stonz had built something genuinely special — APMA-recognized, non-toxic kids' outdoor gear founded by a Canadian mom who understood what parents actually needed. But their digital presence wasn't keeping pace. Complex mobile navigation, inadequate sizing tools, and a checkout experience that wasn't built to convert were all holding growth back.

A strong Canadian base masked a larger missed opportunity: the US market was effectively underserved, with no localized pricing, no region-specific content, and no clear path to purchase for American visitors. And underneath it all was a brand identity gap — Stonz had a compelling story to tell, but the website wasn't telling it. The design needed to rise to meet the quality of what was inside the box.

Solutions

Deep Discovery & Brand Strategy — We ran collaborative workshops with the Stonz leadership team to validate brand positioning, develop customer personas, and establish a Golden Circle framework — giving every design and development decision a strategic foundation before any work began.

'Modern Adventure' Design Direction — We developed two creative concepts and refined the client's chosen direction — 'Modern Adventure' — into a full design system: lighter, brighter neutrals, Neue Haas Grotesk typography, and lifestyle photography that feels warm and premium without being overly polished.

Mobile-First Build — Every page was designed for mobile first and expanded to desktop — not the reverse — reflecting the reality that Stonz's core customer is a parent shopping on her phone between school pick-ups.

Solving the Sizing Problem — Inline foot-length confirmation on size selection, and a completely redesigned size guide modal that makes old and new sizing unmistakably distinct, turning sizing anxiety from a conversion barrier into a confidence builder.

Product Discovery & Navigation — Visual colour swatches across all product cards and filters, enhanced collection page filtering by colour, size, age, season and gender, and a flexible mega-menu giving shoppers an at-a-glance view of the full catalogue.

Cart & Checkout — A decluttered cart experience with Rebuy's Smart Cart powering intelligent upsell recommendations, a 'Continue Shopping' path in the mini-cart, and a streamlined checkout flow designed to convert rather than hesitate.

US Market Expansion — A dedicated US storefront with USD pricing, geolocation routing, a curated product assortment, and a subfolder domain strategy — delivered ahead of schedule in response to a tariff-driven change request.

B2B Wholesale Portal — Stonz's wholesale channel consolidated into Shopify Plus with a portal designed for both first-time retail browsers and efficient recurring wholesale buyers — replacing the legacy Jore platform before its contract end date.

Integrations & Technical Stack — Rebuy, Klaviyo, Aftersell, Sezzle, Affirm, and a NetSuite ERP connection — all configured and audited within a clean Shopify Plus architecture, with AI-based French translation validated against analytics data.
100%
increase in conversion rate
60%
decrease in bounce rates
30%
increase in Average Order Value

Product Page

About this Page

The proof is in the page. Parents land on the Stonz Cruiser Original product page and get everything they need to buy with confidence — no guesswork, no friction. Size selection instantly confirms the foot length fit. Seven colour swatches are always visible. The APMA badge explains itself in plain English. Affirm sits cleanly beneath the price without competing with Add to Cart. And a Rebuy-powered cross-sell surfaces the right complementary product at exactly the right moment. Every element was deliberate — and every one is live.

Find It Fast, From Anywhere!

Shoppers find what they need in seconds. Whether on desktop or mobile, Stonz's navigation puts the full product range immediately within reach. The desktop mega-menu opens to reveal category subcategories, a featured product card, and a direct 'Shop All' path — all without leaving the page. On mobile, the same structure translates into a clean drawer navigation with product imagery, giving phone shoppers the same clarity and speed. The 'Sale' tab sits prominently in the main navigation in red, exactly where deal-seekers expect it. Every path into the catalogue is one click — no hunting, no dead ends.

B2b Features

One Platform, Two Powerful Storefronts

Parents browsing the Rain Boots, Winter Boots & Booties collection get a shopping experience built around how they actually make decisions — subcategory tiles to orient quickly, key product credentials (Waterproof, Natural Rubber, For Low Temperatures) surfaced upfront, and filters for size, colour, availability, and MOQs that cut straight to what's relevant. Wholesale buyers get an entirely different but equally considered experience: a clean inquiry form to start the partnership conversation, and a streamlined order matrix showing every size, colour, and price variant in a single view — no back-and-forth, no confusion. Two audiences, two journeys, one platform built to serve both without compromise.

responSive design

Services
Strategy
Design
Development
A/B Testing
Technologies
Figma
Sass
Webpack
Shopify

A new vision

A new vision

A new vision

A Brand World, Fully Built Out

Beyond the core shopping experience, every corner of the Stonz site received the same level of care. Product category pages give parents an immediate, editorial entry point into the range.
The About Us page turns CEO's founding story into genuine brand loyalty. A Community page channels real parent voices and user-generated content, turning social proof into a brand asset.
And supporting pages — FAQs, size guides, product care, shipping and returns — all carry the same mobile-first clarity as the rest of the site. The result is a site that doesn't just sell — it represents a brand worth believing in.

typography choise