SBN’s shop had been buried three levels deep under a “What’s New” dropdown — and even visitors who found it hit a broken experience. No product categories, no filtering, no sizing options on clothing. Here’s what changed — from navigation down to the post-purchase thank-you page.
Overview
Navigation & Visual Overhaul
Moved to the main nav, one click from any page.
Product Catalogue & Filtering
8 categories, filterable by category, price, and size.
Individual Product Pages
Size selectors and quantity fields added to every product.
End-to-End Purchase Journey
Side cart, 3 payment options, and a branded thank-you page.
Table of Contents
The shop’s first problem was discoverability. Buried two levels deep in the navigation, it was effectively invisible to most visitors. It was moved to the main navigation bar — accessible from every page — and given a full visual overhaul to match the rebuilt site’s brand palette and design system.
Before the rebuild, the shop had no product categories and no way to filter or sort what visitors were browsing. Eight product categories were added across the full catalogue, with filtering by category, price, and size — and sorting across five options.
Sizing options and quantity selectors were added to every applicable product card, closing a gap that had made buying clothing impractical.
Every product page was reviewed and rebuilt to give visitors what they need to complete a purchase — size selectors, quantity fields, and product descriptions standardized across the catalogue.
Every stage of the purchase journey was reviewed, from product browsing through to post-purchase confirmation. A side cart lets customers review and adjust their order without leaving the shop page.
The cart page was rebuilt with a clear order summary and three payment options.
A custom thank-you page connects the purchase to SBN’s environmental justice mission — the last touchpoint of the journey, not an afterthought.
Before the rebuild, the shop was an afterthought — hard to find, incomplete, and disconnected from the rest of the site’s design. Moving it into the main navigation and building a complete purchase journey from browsing to confirmation addressed every layer of that problem.
A visitor who arrives on the site, learns about SBN’s mission, and wants to support it financially now has a clear, functional path to do so — in a shop that reflects the same brand they’ve encountered everywhere else.
