Theme/UIPDPCheckoutMigration

Rebuilding Flewd natively and migrating to Checkout 2.0

Flewd's homepage was built on a page-builder app that made it heavy, hard to maintain, and slow to edit. We rebuilt it natively, developed a new PDP, and migrated to a modern checkout that carries upsells and trust signals.

Flewd Client
DTC Wellness Industry
Shopify Platform
Phased migration Approach
Flewd storefront — desktop and mobile
About the client

Flewd — DTC brand outgrowing its architecture

Flewd is a DTC brand whose storefront had been assembled with a page-builder app. As their product line and traffic grew, the weight and rigidity of that architecture became a liability.

The homepage was slow, hard to edit, and locked into a third-party dependency. The brand also needed a stronger product page and a checkout that could carry upsells, a progress bar, and custom trust badges — none of which were possible on the legacy setup.

Project at a glance
Client Flewd
Industry DTC Wellness
Platform Shopify
Scope Homepage · PDP · Checkout
Approach Phased migration
Outcome Native, page-builder-free
The challenge

A storefront built for day one, not for growth

Flewd's page-builder homepage looked fine at launch, but it was creating compounding problems as the brand scaled.

01

Page-builder bloat slowing the site

The page-builder injected extra scripts and markup that weighed down the theme, hurt page-speed scores, and made editing unpredictable.

02

Content locked into a third-party app

Every layout and section was tied to the page-builder app — meaning a subscription dependency, potential lock-in risk, and edits that required app access.

03

PDP wasn't driving bigger orders

The product detail page lacked the merchandising tools to guide buyers toward higher-value decisions at the moment of intent.

04

Checkout missing modern conversion tools

The legacy checkout couldn't support native upsells, a free-shipping progress bar, or custom trust badges — all now table stakes.

Page-builder vs. native Liquid section architecture comparison
The constraint

Why the page-builder had to go

Page-builder apps inject extra scripts and markup that weigh down the theme and lock content into the app. The legacy checkout couldn't support native upsells, a progress bar, or custom trust badges.

  • Page-builder markup is hard to override cleanly without breaking the app's own logic.
  • App-generated HTML can't be optimised like native Liquid sections.
  • The old checkout blocked all extensibility — no custom blocks, no progress bar, no trust components.

The approach: rebuild the homepage from scratch in native Shopify sections, removing the dependency entirely, then migrate to Checkout 2.0 to unlock modern conversion tooling.

Our solution

Native sections, stronger PDP, modern checkout

UpSolite rebuilt the homepage with native Shopify sections, removing the page-builder dependency entirely. We then developed the navigation, footer, additional pages, and a new PDP optimised for conversion.

  • Full homepage rebuilt as native Shopify sections — editable in the theme editor, no third-party app required.
  • Navigation and footer rebuilt natively alongside additional content pages.
  • New PDP designed to drive clearer product understanding and bigger orders.
  • Checkout migrated to Checkout 2.0 with an upsell block, free-shipping progress bar, and trust badges.
Rebuilt Flewd homepage — native Shopify sections
What we delivered

Three phases, one cleaner stack

01
Homepage & core pagesNative Sections

Rebuilt the homepage in native Shopify sections, then developed navigation, footer, and additional content pages — removing the page-builder dependency completely.

Homepage rebuildNav & footerShopify SectionsTheme Editor
02
Product detail pagePDP

New PDP designed for clearer information hierarchy and higher-value purchase decisions, with media, variants, and key messaging structured to guide buyers.

PDP designVariant UXMobile-first
03
Checkout 2.0 migrationCheckout

Migrated to Checkout Extensibility with a custom upsell block, a free-shipping progress bar, and trust badges — unlocking modern conversion tooling at the final step.

Checkout 2.0Upsell blockProgress barTrust badges
Results

Native, fast, fully owned

Primary outcomeNativeHomepage rebuilt with zero page-builder dependencyFully editable in the Shopify theme editor with no app required
0 Third-party page-builder dependencies remaining
Better Typical Lighthouse scores after native migration
2.0 Checkout now on the modern extensible foundation
3 Checkout conversion tools added: upsell, progress bar, trust
Before
Homepage architecture Page-builder app
Content editing Via third-party app
Page weight Bloated with app scripts
Checkout version Legacy checkout
Checkout features None
After
Homepage architecture Native Shopify sections
Content editing Direct in theme editor
Page weight Lean native markup
Checkout version Checkout 2.0
Checkout features Upsell · progress bar · trust
The work

Screenshots from the rebuilt store

Rebuilt Flewd homepage
Native homepageZero page-builder dependency
Flewd PDP
Product detail pageClearer hierarchy, conversion-focused
Flewd Checkout 2.0
Checkout 2.0Upsell · progress bar · trust badges
Flewd navigation
Native navigationRebuilt alongside homepage
Flewd mobile view
Mobile experienceNative sections, responsive by default
Our tech stack

Shopify-native, no external dependencies

Every part of the Flewd rebuild uses Shopify's native tooling — sections, Liquid, and Checkout Extensibility — so the team edits content directly without touching code or managing third-party apps.

Shopify Sections
Shopify Liquid
Checkout 2.0 / Checkout Extensions
Shopify Theme Editor
JSON Templates
Approach & timeline

Phased — homepage first, then PDP, then checkout

Phased delivery: homepage and core pages rebuilt first to remove the page-builder dependency, then the new PDP, then checkout migration to Checkout 2.0 — each phase deployable and testable independently.

Common questions

What a migration like this actually involves

Questions we often hear before a page-builder migration or checkout upgrade.

Yes. We extract the visual design intent from the existing pages and rebuild it in clean, native Liquid sections — faster, lighter, and fully owned.
We build redirect maps and test every URL before launching. Structural changes are coordinated to preserve rankings.
Checkout Extensibility lets you add custom blocks — upsells, progress bars, trust badges, countdowns — directly into the checkout flow without modifying checkout.liquid, which Shopify is deprecating.
For Flewd it was phased: homepage and core pages first, then PDP, then checkout. Each phase is independently shippable so you see results progressively.
Native, fast, yours to own

Ready to own your stack?

Whether you're stuck on a page-builder, need a stronger PDP, or want to unlock Checkout 2.0 — let's talk about what your Shopify store should be doing.

See how we approach store optimisation →