A brand site and a separate shop, rebuilt as one store that plays like the game.
Space-Off is a team party game from Rule 1 Games: two crews, more than 120 mini-games, one ticket home. It sold from two places. The brand site on Squarespace had the trailer, How to Play, the reviews and the Timer, whose QR code is printed on the box; every Order button left it for a Shopify store on a subdomain with its own header and look. We rebuilt both as one custom Shopline theme in the existing brand: four editions chosen on the product page, a cart that counts down to free shipping and offers the add-ons, How to Play and the Timer rebuilt for a phone at the table, and every page editable by the client. It is built and published on the client’s store, behind the storefront password, ahead of launch.
Before
After
The brand site on Squarespace and the store on Shopify, each with its own header, footer and look, are now one Shopline store.
Base Game, Complete, Deluxe and Deluxe Complete, chosen on one page with the price of each. The old store sold one edition.
The old homepage never showed a price; the new one shows all four editions, from $49.99 to $99.99.
Lighthouse accessibility, median of three runs. All four pages we measured score 97 on the new store, against 84–96 before.
Nine dimensions, scored 0–10 from what we measured and clicked through on 9 Nov 2026. Before is the two sites a shopper used: spaceoffgame.com and shop.spaceoffgame.com. After is the Shopline store as it stands today behind the storefront password, including what is still on the punch list.
The old homepage explained the game well: the trailer, the five kinds of trial, the ages, players and play time. What it didn’t have was a headline, a price or an edition, and both of its buttons left for a separate store. The new homepage opens on the pitch, shows the four editions with their prices and keeps the shopper on one site from the first screen to checkout.
The Squarespace brand site. Cookie bar accepted for the capture.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture. Captured with reduced motion, so the scroll effects hold still.
Every “Order” button on the brand site opened a Shopify store on a subdomain. That store had a header of its own, and 6 of its links (How To Play, Gameplay & Reviews, Timer, Team, FAQ, Contact) sent shoppers back to the brand site. Now there is one header, one footer and one shop for all nine listings.
The Shopify store every “Order” button opened.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
The store’s full catalog: five products.
The old product page sold the base game the way a stock Shopify theme does: title, price, quantity, Add to cart. The client added three new editions for the move, so the new page lets the buyer choose between all four on the page itself, add the expansion parts, and see what is in the box and when it ships.
The Base Game on the Shopify store.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
An add-on on the Shopify store.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
Free shipping is the client’s biggest worry for the new store: a different threshold per market, and it has to show the visitor’s own amount everywhere. The old store never mentioned a threshold. The new cart drawer opens on add to cart, shows how far the basket is from free shipping and offers the add-ons that would get it there.
The Base Game added on the Shopify store.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture. The Base Game added.
The cart page with the Base Game.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture. The cart page with the Base Game.
How to Play has its address printed on the box, so players open it mid-game, on a phone. The old page was two videos and two rulebook buttons on a page with no headline. The new one puts the short video, the one-sheet rules and the timer first, then explains a turn in three animated steps and the five kinds of trial.
The brand site’s How to Play page.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
The Timer is the other address printed on the box. The old one worked: five presets and a chime. But on a desktop screen the page ran 62,109 px tall. Its code block left about 60,000 px of empty page under the timer before the footer. The new timer follows a phone layout the client drew themselves.
The brand site’s timer. The page is 62,109 px tall on a 1440 px screen; the capture stops under the timer.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
Gameplay & Reviews, Team and FAQ were the brand site’s best pages, and they sat one site away from the cart. They are on the store now, in the same design as the product pages, and the reviewer quotes from Gameplay & Reviews also appear on the homepage and the product pages.
The brand site’s Gameplay & Reviews page.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
Team on the brand site.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
FAQ on the brand site.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
Contact was a Squarespace form; wholesale enquiries went through an unlisted page with a Google Form whose QR code the client hands to retailers. Both are native Shopline forms now, so enquiries arrive in the store’s own admin. The 404 page got the K’ube playground.
Contact on the brand site.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
The unlisted retailer page with its Google Form.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
The brand site’s 404.
Published theme on the client’s Shopline store, behind the storefront password. Our feedback widget is hidden for the capture.
From 29 October to 8 November, four people at Rule 1 Games reviewed the new site page by page in our feedback tool, first on the design preview and then on the store itself. They left 141 threads. 125 are resolved; the other 16 wait on the client: photos of the Deluxe components, which markets to open, a reviews app, the order of the shop, three design and wording calls of their own, and two legal answers. Below is a cross-section: the asks that shaped the store, the Safari and phone fixes the client’s team found, and everything still waiting, with what was done about each.
| Thread | What the client asked for | What shipped | Surface | Status |
|---|---|---|---|---|
| P-6 | Redesign the timer for phones, following the client’s own sketch | Tap the dial to start and pause, a preset resets, − and + by 5 seconds when paused, the QR share button back, linework aliens in the dial. | Timer | Shipped |
| P-7 | Tap a chime twice to mute it; stop the chime after “Time’s up”; add ticking | All three, plus a higher tick for the last three seconds. Sound off silences the ticks too. | Timer | Shipped |
| P-51 | Turn the explainer GIF into something on brand | A new section: a turn in three animated steps on a running dotted path. | How to Play | Shipped |
| P-1 | A dotted trail behind the rocket instead of dashes | Round dots, same colour gradient. | Homepage | Shipped |
| P-44 | A new home header, from the client’s designer | Built to her design: the trailer in a circle with three floating items that move out of the pointer’s way. The previous header stays in the editor as a second style. | Homepage | Shipped |
| S-10 | The scrolling rocket lags in Safari | The trail was redrawn so Safari repaints about 17 ms per frame instead of about 290 ms. It looks the same. | Homepage | Shipped |
| S-30 | On phones the dotted line runs ahead of the ship | The trail now follows the ship as drawn. On a fast flick it never passes the nose; before, it ran up to 321 px ahead. | Homepage | Shipped |
| S-17–23, S-25 | Gradient words in headings disappear in Safari (eight threads) | Each word carries the gradient itself, so it reads as one gradient in Safari and Chrome. Checked in Safari on every page named. | Whole site | Shipped |
| P-37 | Witz’s teeth filled white everywhere, and a glow on every alien | New artwork in the store’s files, every picker repointed; the glow is one style for the whole site. | Whole site | Shipped |
| P-36 | Hold the scroll on the tug-of-war board until “3 of 5” lands | The board pins until the third Lander Part is in place; “Any 3 = victory!” and a ring around the winning parts. | Product page | Shipped |
| S-41 | The foam cubes scatter on phones instead of stacking | A finger picks a K’ube up and carries it, a quick tap makes it hop, a tap on empty space nudges its neighbours. | Product page | Shipped |
| S-38 | A returns line with a link in Shipping & returns | The client’s wording, with “return policy” linked to the store’s refund policy; editable text. | Product page | Shipped |
| S-9 | Upsells in the cart drawer, to reach the free-shipping threshold | “Add to your mission” under the lines: the add-ons not yet in the cart. | Cart | Shipped |
| S-43 | Menu links show through the header when the phone menu scrolls | The header turns solid while the menu is open. Checked at 390, 619, 734 and 1024 px. | Whole site | Shipped |
| S-11–15, S-31–33 | Photos of the Deluxe components and the edition in its sleeve | The pages reuse the base box until the photos arrive (eight threads). | Product page | Waiting on client |
| S-39 | Test prices in other markets | Only the United States is set up on the store. The theme already shows each market’s own prices and free-shipping threshold; the client decides which markets and at what prices. | Whole site | Waiting on client |
| S-29 | A place for customers to write a review | The product page has a slot for a reviews app; the client is choosing which. | Product page | Waiting on client |
| P-11, P-16 | The registered-trademark mark, and Terms and Privacy for Shopline | Both wait on the client’s legal answers; the ™ stays until then. | Whole site | Waiting on client |
Paired pages on both sides, 9 Nov 2026. Desktop 1440px and mobile 390px, Chromium. Lighthouse 12.8, mobile preset unless stated, median of three runs with the range where runs disagree; our feedback widget and the Meta and TikTok pixels blocked on both sides. The Shopline store measured behind its storefront password.
| Metric | Before · Squarespace + Shopify | After · Shopline build |
|---|---|---|
| Sites a shopper moves between | 2 | 1 |
| Editions to choose from on the product page | 1 | 4 |
| Prices on the homepage | None | All 4 editions |
| Free-shipping threshold shown | Nowhere | Top bar, product page, cart |
| Add-ons offered in the cart | No | Yes |
| Paired pages with an H1Before: the product page, and Contact, whose H1 is a scrolling hashtag. | 2 of 10 | 10 of 10 |
| Content pages with their own meta descriptionHow to Play, Timer, Gameplay & Reviews, Team, FAQ, Contact. On the list before launch. | 6 of 6 | 0 of 6 |
| Timer page height, desktop | 62,109 px | 1,948 px |
| Third-party services, product pageThe new store has no tag manager yet; adding one at launch will move the speed figures. | Google Tag Manager, Shop app, Google Analytics and Ads, Printful | Stripe (Shopline’s checkout), Google Fonts |
| Page weight · homepage, mobileAfter: 2.7 MB of it is video. | 7.9 MB | 5.1 MB |
| Page weight · product page, mobile | 2.5 MB | 3.0 MB |
| LCP · homepage, mobileRange 12.8–20.6 s before, 5.5–10.0 s after. | 16.9 s | 8.9 s |
| LCP · product page, mobile | 5.0 s | 7.7 s |
| LCP · How to Play, mobile | 9.3 s | 4.2 s |
| Total Blocking Time · homepage, mobile | 410 ms | 24 ms |
| Lighthouse Performance · homepage, mobile / desktop | 26–49 / 58 | 38–62 / 72 |
| Lighthouse Performance · shop, mobile / desktop | 85 / 96 | 66 / 74 |
| Lighthouse Performance · product page, mobile / desktop | 67 / 89 | 58 / 67 |
| Lighthouse Performance · How to Play, mobile / desktop | 55 / 74 | 72 / 61 |
| Layout shift (CLS) · desktop, How to Play / shopAfter: the quick-action row and the product grid move as the page loads. On the list. | 0.004 / 0.000 | 0.37 / 0.14 |
| Lighthouse Accessibility · four pages, mobile | 84–96 | 97 |
| Lighthouse Best Practices / SEO · four pages, mobile | 75–100 / 92–100 | 100 / 100 |
Lighthouse 12.8, 9 Nov 2026, median of three runs, mobile preset unless stated; our feedback widget and the Meta and TikTok pixels blocked on both sides. Accessibility is up on every page, and Best Practices and SEO reach 100 on all four. Performance is mixed: the homepage (45 → 60) and How to Play (55 → 72) are faster than the Squarespace pages they replace; the shop (85 → 66) and the product page (67 → 58) are slower than the stock Shopify theme they replace, which was lean. The new pages carry more images and video. Mobile Performance moved by up to 24 points between runs of the same page, so read single figures as ranges.
Everything we found on the current site, what we changed, and where each item stands today. Filter by severity or area.
| Severity | Finding | What we did | Area | Status |
|---|---|---|---|---|
| high | The brand site and the store were two different sites Every “Order” button on spaceoffgame.com opens shop.spaceoffgame.com, a Shopify store with its own header and footer; 6 of its header links send shoppers back to the brand site. |
One Shopline store for both: one header, one footer, one cart. | Navigation | Fixed · live theme |
| high | One edition on sale, and no way to compare The store sold the Base Game, the Ship Shape set and its three parts as separate products. The client’s three new editions (Complete, Deluxe, Deluxe Complete) had nowhere to go. |
All four editions chosen on the product page with their prices; the parts as tick boxes on the Base Game; the Complete Edition’s saving spelled out. | Product page | Fixed · live theme |
| high | The two addresses printed on the box don’t exist on the store yet /how-to-play and /timer, the QR codes on every box, return “page not found” on the Shopline store, like the brand site’s other 8 old addresses. The old store’s product addresses already work: the handles were kept. |
Redirects in the store admin when the domain moves: /how-to-play, /timer, /retail-shop and the rest to their new pages. | Launch | Launch blocker |
| high | No headline and no price on the homepage No H1 on the Squarespace homepage; the first screen is the logo and “North American orders available!”, and no product or price appears on the page. |
The pitch as the H1, and the four editions with their prices on the homepage. | Homepage | Fixed · live theme |
| Medium | Free shipping was never mentioned No page of the old store states a free-shipping threshold. For the new store the client set one per market and called it their biggest worry. |
The threshold in the top bar, beside the buy button and as a meter in the cart, from one setting per currency. | Cart | Fixed · live theme |
| Medium | Nothing offered at the cart Add to cart showed a small confirmation panel with View cart and Check out; no add-on anywhere in the cart. |
“Add to your mission” in the cart drawer: the add-ons not yet in the basket, one tap each. | Cart | Fixed · live theme |
| Medium | The Timer page ran 62,109 px on a desktop screen Its code block is about 61,500 px tall: the timer, then empty page down to the footer. On a phone the page is 1,773 px. |
A rebuilt timer, laid out from the client’s own phone sketch; the page is a normal height. | Timer | Fixed · live theme |
| Medium | The reviews lived one site away from the buy button The reviewer quotes and fan comments were on the brand site’s Gameplay & Reviews page; the store showed none. |
The same quotes on the homepage and every edition page. Customer reviews wait on a reviews app. | Trust | Fixed · live theme |
| Medium | Every content page shares one meta description On the new store, the shop, the cart and 7 content pages all carry the homepage’s description. The brand site had one per page, and titles like “Learn How to Play Space-Off | Official Rules, Gameplay & Quick Start” are now “How To Play – Space-Off”. |
A title and description per page in the admin, carried over from the old site, before launch. | SEO | Before launch |
| Medium | Wholesale enquiries went through a Google Form The unlisted retailer page embedded a Google Form; its QR code is in retailers’ hands. |
A three-step wholesale form on the store (a native Shopline form), at the same address once the redirect is in. | Forms | Built · to test by hand |
| Medium | Only the United States is set up on the store The client sells in the US and Canada, and in the UK and EU through GamesQuest. The theme shows each market’s own prices and free-shipping threshold, but the store has one market. |
The client chooses the markets and their prices; set in the store admin. | Markets | Waiting on client |
| Medium | The shop and product page load slower on phones than the old store Mobile LCP 2.6 s → 5.6 s on the shop and 5.0 s → 7.7 s on the product page; Lighthouse Performance 85 → 66 and 67 → 58. The old store was a lean stock theme. |
Load the first product image first and trim what the product page loads before it is needed. | Speed | Open · build fix |
| Medium | Two desktop pages shift as they load CLS 0.37 on How to Play (the quick-action row) and 0.14 on the shop (the product grid), on a desktop screen; phones are fine. |
Reserve the space for both before their content arrives. | Speed | Open · build fix |
| low | The store looked like a stock theme The Shopify store ran Dawn with its default type (Rubik) and white product pages; the brand site used Orbitron and Obvia on plum. |
One design across every page: Unbounded, Saira and Space Mono, the linework aliens, the K’ubes and the rocket. | Brand | Fixed · live theme |
| low | No H1 on 7 of the brand site’s pages Home, How to Play, Timer, Gameplay & Reviews, Team, FAQ and the retailer page have no H1; Contact’s H1 is a scrolling “#spaceoff” banner. |
One H1 on every page, saying what the page is. | Accessibility | Fixed · live theme |
| low | The UK and EU agent statement showed to everyone The GamesQuest block sat on the Shopify store’s front page for every visitor, US buyers included. |
On the product page for UK and EU visitors only; on Contact and Retailers for everyone, as the client asked. | Legal | Fixed · live theme |
| low | “© 2025” on the brand site Every Squarespace footer says © 2025; the client asked for © 2026 everywhere. |
© 2026 in the footer. | Brand | Fixed · live theme |
| low | A lighter homepage than before, with room to go 7.9 MB → 5.1 MB on a phone and LCP 16.9 s → 8.9 s; the new homepage still loads 2.7 MB of video. |
A smaller video file for phones. | Speed | Open · build fix |
You should hear it from us rather than find it later. The punch list to launch, with owners.
We audit before we quote: a full CRO / UX read of your current store, page by page, with every figure measured — then the plan to fix it.
