Shopify / Liquid / Subscription commerce

From prototype to upgrade-safe Shopify storefront.

A visual homepage direction became a real Liquid experience with merchant-controlled content, isolated brand extensions, responsive draft-preview QA, and explicit boundaries around checkout and subscription migration work.

  • Liquid sections
  • theme editor
  • Reviews.io
  • Recharge
  • live draft QA

Challenge

Make the prototype real—and keep the store editable.

The homepage needed to match a high-fidelity prototype, but a visual match alone was not enough. The result had to remain Liquid-first, preserve native theme behavior, give merchants useful controls, coexist with third-party apps, and remain understandable when the Flux vendor theme changes again.

Constraints

Merchant ownership

The result could not become a static custom page.

Content, layout options, review behavior, and visual settings needed useful theme-editor controls after handoff.

Vendor baseline

The installed Flux theme was not a trustworthy upstream reference.

A supposed newer snapshot identified itself as an older customized release, so cleanup could not assume file provenance.

App boundaries

Third-party behavior still had to feel native.

Reviews.io output, product cards, mobile swipe, popup dismissal, and theme controls needed to coexist without owning the whole page.

Decisions

Extension boundary

Brand behavior belongs in brand-owned files.

  • Dedicated sections, CSS, and JavaScript own Express Pods behavior.
  • Theme settings carry merchant intent instead of hardcoded markup.
  • Third-party widget quirks are contained inside the section wrapper.
  • Native theme files retain only the smallest necessary integration hooks.
Provenance audit

A folder name is not evidence of an upstream baseline.

  • Traced theme copies and product-card changes through Git history.
  • Found that a supposed newer vendor snapshot identified itself as an older customized release.
  • Separated isolated additions from native runtime modifications.
  • Stopped cleanup work until a genuine vendor reference could be established.

What shipped

Delivered

Prototype-to-Liquid homepage

Rebuilt the design through editable Shopify sections while retaining established controls and storefront behavior.

Delivered

Dedicated reviews architecture

Scoped Reviews.io behind merchant controls for limits, columns, carousel behavior, mobile swipe, colours, and popup dismissal.

Delivered

Isolated extension layer

Kept brand sections, CSS, and JavaScript separate from vendor-theme internals so future upgrades have a clearer boundary.

How it was verified

6boundary widths
0new Theme Check offences
Livedraft preview
Localprototype comparison

What remained gated

Investigation

Subscription migration readiness

Recharge and Shopify exposed a payment-provider mismatch. The migration package documented the blocker and a safer cutover window instead of changing a gateway.

Dependency

Customer Accounts sequencing

Account behavior, subscription management, order history, and the incoming theme needed coordinated QA before a store-wide account migration.

Release boundary

No automatic live publication

Theme work stayed on an unpublished draft until evidence, migration dependencies, and explicit publication authority aligned.

Need a Shopify redesign that remains maintainable?

Good theme work preserves both customer experience and the merchant's ability to operate the storefront after handoff.

Start a conversation