AU office-furniture retailer · Office furniture, AustraliaA buy-first product page built as a theme template
A full product-page redesign delivered as an alternate Shopify template over eighteen build rounds: gallery, purchase panel, cross-sell, compare, showrooms and a new footer, with an honest above-the-fold budget.
- The existing page buried the purchase panel under content, and options were hard to read on a three-option product.
- The client wanted a purchase-first layout plus cross-sell, comparison, showroom and planning sections from Figma.
- The fork of the original template predated a live FAQ block, so the redesign was missing content the control had gained.
A purchase-first product page with clearer options and above-the-fold calls to action will increase add-to-cart and quote requests.
- New template and main-product section previewable via the view parameter, built section by section, with tabs and structured data ported verbatim from control.
- Gallery with in-image tags and larger thumbnails, wired to the existing zoom viewer.
- A hidden real buy-button snippet with click forwarding, driven by a publish/subscribe hook on variant change that updates price, SKU, freight band and button state.
- Sizes modelled as sibling products from metafields, replacing an earlier build that had wrongly treated them as an option.
- Fold levers exposed as section checkboxes, taking a three-option product from roughly 1,135 px to 947 px before the buy button.
The editor beats the schema
A dynamic heading was silently overridden by a stored theme-editor value. Fixed with a fresh setting ID and a rule that footer and FAQ get added through the editor, never by pasting template JSON.
Template drift
Full-diffed the fork against the current control and reconciled everything that had changed underneath it, rather than only applying the new design.
Measured on add-to-cart, quote submissions, revenue per visitor. Test results belong to the client and are shared in conversation, with their permission, rather than published here.
More experiments
View all →SA daily-deals marketplace · A promo banner that sits after exactly sixteen products
Place one banner after the sixteenth card, aligned to a row end, on a virtualised, lazy-loaded grid with mixed-width tiles. Simple brief, hostile page.
The hard part. The clearance page unmounts cards as you scroll and keeps only a few dozen of five hundred in the DOM. A naive placement 'chased' the scroll position and kept moving.
SA daily-deals marketplace · Guest and login as equal-weight checkout tabs
The checkout entry step was login-first, with guest checkout as a text link below the fold on mobile. The variant gives both paths a tab, defaults to guest, and prefills the native form without fighting React.
The hard part. Hydration on this store takes five to twelve seconds and wipes anything written to the inputs before then. The address bar also lies about which step you are on.