Context
Before the Project Became a Brief.
Bear had grown beyond the limits of its storefront theme. The expanding catalog was a commercial success, but it made discovery harder, weakened organic visibility, and slowed the experience paid traffic landed on.
Problem
What Was Really Getting in the Way.
Bear, a niche craft beer distributor, hit the ceiling of their Shopify template. As their inventory grew to thousands of SKUs with complex attributes (ABV, IBU, Origin, Hops), customers found it impossible to browse effectively. SEO performance was stagnant because the purely client-side rendering of the previous store wasn't being indexed correctly by search engines.
The page load speeds were hurting their Google Ads Quality Score, effectively burning ad spend without results.
The big move
Rather than continuing to customize the theme, we separated the commerce engine from the customer experience. Shopify remained the operational source of truth while a purpose-built frontend took control of discovery and performance.
Build
How the Idea Became a Working System.
We executed a "Headless Commerce" migration. We kept Shopify as the robust backend for inventory and payment processing but built a custom frontend using Next.js. This gave us total control over the URL structure and metadata, perfectly optimizing for "long-tail" beer keywords.
We integrated Algolia for instant, typo-tolerant search and faceted filtering (e.g., "IPA under 6% ABV from Vermont"). The UI features an "Age-Gate" that transitions smoothly into a warm, rustic aesthetic using warm colors and textured paper backgrounds, separating it from cold, generic stores.
Keep the reliable commerce core
Inventory, orders, and payments stayed in Shopify, avoiding an unnecessary replacement of proven operations.
Build discovery around product language
Algolia filters reflected how enthusiasts search—style, origin, ABV, and flavor—not simply how products were stored.
Treat SEO as architecture
Server rendering, metadata, and URL structure were defined as part of the build rather than postponed until launch.
Impact
What Changed After Launch.
Organic traffic increased by 140% within 3 months, with the site ranking #1 for localized craft beer terms. The Algolia integration led to a 15% increase in average cart value, as users could finally find complementary products easily.
The "Beer Matchmaker" quiz we built has a 65% completion rate, driving significant personalized sales.
#1
SEO Rank
+15%
Cart Value
Headless commerce was useful here because it solved a specific constraint: the business needed Shopify’s operational reliability without accepting the theme’s experience ceiling.
What the project reinforced