zsty.us

Before / After · Case Study

Let's Go Paint — pottery brochure to Square-source-of-truth headless commerce

  • Painting & Trades
  • Local Pro Services

Seal Beach paint-your-own-pottery studio (1065 Pacific Coast Hwy). The legacy site was a brochure with limited booking. Rebuilt on the same headless stack as BMH and Buck Mountain — Next 15 storefront + Medusa 2.x backend — with Square as the catalog + payment source of truth so anything ringing through the POS lands in the storefront automatically. Multi-domain strategy (.com, .art, .space, .org) collapsed into one storefront with brand variants per host.

🔒jackiej.events
jackiej.events — modern site

The pixel diff

Overview, then the walkthrough.

Left: everything the legacy site shipped — frozen in place. Right: an auto-scrolling tour of the rebuild, from hero to booking. No slider to fight with.

Before — the overview
🔒djjackiej.com
Before — the overview

This is everything the legacy site had to offer above the fold. No pricing, no calendar, no booking — the funnel ended at a mailto.

After — scroll through what shipped
🔒jackiej.events
After — scroll through what shipped

Auto-scrolls through the modern site so you can see the booking surface, the package grid, the pricing table, and the calendar inline — without leaving this page.

The four beats

Problem · Insight · Build · Outcome.

Scroll past the legacy frame. The four beats land in order. At the end, the modern site fades into the same window.

🔒djjackiej.com
Legacy
01 · Problem

Studio POS, no web pipeline.

The legacy site was a brochure. Booking was manual. POS sales didn't surface online; online inquiries didn't surface in the studio.

02 · Insight

Treat Square as the catalog database and bend the storefront to it.

Square is already where the studio runs day-to-day operations. The storefront reads from Square, not the other way around.

03 · Build

Headless Medusa + Square-backed storefront + multi-domain variants.

Same headless pattern as BMH and Buck Mountain. Phase 1 visual contract pinned to `storefront/public/lgp-modern-v1.html` so component ports compare against a known target.

04 · Outcome

A studio that runs online the same way it runs in person.

POS ring → storefront inventory update. Online booking → studio calendar entry. Email + voice + fulfillment all wired to the same Medusa customer table.

🔒jackiej.events
Modern

What changed

Grouped by what kind of system shipped.

Each claim ships with concrete evidence — env vars, table names, cadence chips. No marketing fluff.

Design

Square as catalog + payments source of truth

Anything that rings through the studio POS lands in the storefront automatically. Inventory stays single-source, payment provider is already wired for in-person + online.

Design

Multi-domain strategy collapsed into one storefront with brand variants

All 4 owned domains (.com, .art, .space, .org) render from the same storefront, themed per host — same pattern as the JP Taylor Group multi-tenant platform.

← All rebuilds

Let's Go Paint — pottery brochure to Square-source-of-truth headless commerce — zsty.us