How Flowout helped Backbone migrate to a full Shopify build

Company size
11-50 employees
Industry
Mobile gaming
Services
Migration
,
Development
,
Shopify development
,
Redesign
,
Location
Beaverton, Oregon, USA
Backbone website case study by Flowout
INDEX
About
Approach
Challenge
Plan
Solution

About Backbone

Backbone makes mobile gaming controllers and a companion app for cloud, console, and PC game streaming on mobile. The brand is known for collaborations with names like Hideo Kojima, Post Malone, Xbox, and PlayStation, and sells globally through a Shopify storefront.

Key features delivered

Full Shopify migration
Full migration of the front end from a custom CMS to native Shopify
Reusable component library
A reusable component library built in Shopify's native language
Multilingual content
Manual migration of content across 10-12 languages
Flexible page structure
A flexible page structure that supported a mid-project shift from migration to redesign
Checkout upsell app
A custom Extension-only app for subscription upsell at checkout
OneSignal integration
OneSignal integration in place of Klaviyo
Event tracking via Shopify Flows
Shopify Flows sending event data through API for triggers like Purchase, Add to cart, and Product view

The challenge

Backbone ran a headless Shopify setup. Only the checkout was on Shopify, while all front-end pages ran on a separate custom CMS. Backbone wanted to move the entire site to native Shopify. The project needed to:

  • Migrate the full front end from the custom CMS onto Shopify
  • Rebuild pages using Shopify's native component language, structured into reusable blocks
  • Carry over localization across 10-12 languages
  • Extend checkout with subscription upsell and connect the site to marketing and event tracking tools
Backbone website case study previewBackbone website designed and built by Flowout

Our approach

We began by building a component system in Shopify's native language, so pages could be assembled from consistent, reusable blocks.

Partway through, Backbone shifted from a straight migration to a full redesign. We adapted the plan quickly to keep the project moving without losing the progress already made on the component system.

Localization added another layer of work. There was no tool or systematic way to move 10-12 languages into the new component structure, so this had to be done manually, page by page.

Beyond the migration itself, we built a custom Extension-only app to handle subscription upsells at checkout, connected the site to OneSignal in place of Klaviyo, and set up Shopify Flows to send event data through API for triggers like Purchase, Add to cart, and Product view.

Backbone website, page section 1

Why Flowout

With a proven track record of building complex Webflow and Shopify projects for brands like Frontify, Jasper, Stripe, and Kajabi, Flowout brings the technical depth needed to handle shifting scope without losing sight of the underlying goal: a site that works.

Backbone website, page section 2
Backbone website, page section 3
Backbone website, page section 4Backbone website case study by Flowout