Pott Candles: site mockups from the 14 Oct critique

Before · mobile first screen

After · mobile (live, scroll it)

Changes (numbers match the markers)

1. 1Fix the typo, make the headline the H1"Never throw away an empty candle jar again." Headline marked up as the page's only H1; empty H1 in the header removed.CopyTheme code
2. 2Hero: text on cream, solid buttonSplit layout (Palo Alto "Image with text"), dark ink on cream so it passes contrast on both devices. "Shop Starter Packs" 50px solid button plus a quiet "How refills work" link.Customiser
3. 3Collection names under the photosName in ink below each tile plus one line of scent notes pulled from the products. Photos stay untouched.CustomiserCopy
4. 4Pott Perks launcher moves bottom-rightSmall pill, bottom-right, delayed 10s so it never covers "Christmas Shop" on load.Smile settings
5. 5Starter Pack picker: scent first, in stock firstChips read "Fir · Holly Pott" with a colour dot; sold-out Starlight goes last; one line of notes under the selected scent.Option namesTheme code
6. 6How Pott works: numbered, text under imageStep 1/2/3 in ink below each photo. Step 3 copy fixed: "Pop out the last of the old wax and drop in your new refill."CustomiserCopy
7. 7Press logos: static row, padding halvedNo marquee clipping "Good Housekeeping" on mobile; the dead 200px gap below closes up.Customiser
8. 8Workshop video: poster still, tap to playSharp pottery-shelves still (already on the CDN) with a play button. Video re-exported as a 6 to 10s loop under 3MB, preload="none", plays only in view.P0CustomiserRe-export
9. 9Tonka and blog: text off the photosRefill Club becomes a split block (ink on black panel, photo untouched). Blog titles sit under their images.Customiser

Before · mobile first screen

After · mobile (live, scroll it)

Changes

1. 1Petite / Standard / Grand switch under the H1Links the three existing collections, price per size shown in the control. Nothing to merge in admin.Theme code (small snippet)
2. 2Intro cut to one line, rest behind "Read more""Pott, refill and MatchPott in one box. Keep the Pott, refill forever."CopyTheme code
3. 3Saving stated once, as a stripReplaces eleven "Save 16%" badges with one line: £69, saving £13.50 against buying separately.CustomiserCopy
4. 4Filter chips and sortChristmas / Seasonal / Everyday / In stock, driven by product tags via Shopify's free Search & Discovery app. Scrolls sideways on mobile.Search & DiscoveryCustomiser
5. 5Card: scent name, notes, price, starsTitle 19px Bodoni ("Tomato Vine"), notes 13px sans, price 15px sans. Suffix dropped; the page title already says Starter Pack and size.Theme codeMetafields: scent name + notes
6. 6Badges only for New, Limited Edition, Sold OutSale badge switched off on cards. Sold-out card dims its image and moves last.Customiser
7. 7Breadcrumbs hidden on mobileWith 1, 2 and 3 the first row of products lands inside the first screen on a phone.CSS

Before · mobile first screen

After · mobile (live, scroll to see the sticky bar)

Changes

1. 1Add to Cart full width, moved up, sticky on mobileOrder: title, price + stars, scent line, size, purchase options, button, then description. Button lands at ~990px on a phone (was 1,607) and a sticky bar takes over once it scrolls away.Customiser (block order)Theme code (sticky bar if not in Palo Alto)
2. 2Description under the button, rest in accordionsFirst paragraph only; "The Scent and the Pott" accordion holds paragraphs 2 and 3. Desktop Add to Cart at ~600px (was 912).CustomiserCopy
3. 3Purchase options: today vs monthlyTwo cards. One-time £69.00. Subscription: "Today £65.00, then £25 a month for a refill, free delivery. Swap, skip or cancel any time." The black statement bar is gone. One-time is pre-selected here; which option defaults is a business call.Recharge widgetCopy
4. 4Size selector and "Also in" swatchesPetite £49 / Standard £69 / Grand £99 linking the three products (metafield list), with burn time for the selected size. Scent swatches link sibling Starter Packs.Theme codeMetafields
5. 562MB refill video becomes three stillsStep 1/2/3 using images already on the CDN. If the video stays, same treatment as the home video (poster, ≤3MB, preload none).P0Customiser
6. 6Reviews re-skinned to the siteSite sans, 16px body, near-black stars, cream background, no avatars. Summary row with "Write a review" as a ghost button.Yotpo settings + CSS
7. 7One H1, real H2sProduct name is the only H1; Fragrance Notes, How to Refill, Reviews, FAQs are H2s. Title drops "(Standard Size)" because the size selector says it.Theme code
8. 8Long copy left-aligned on mobileFragrance Notes paragraph left-aligned under 768px; headings stay centred.CSS
9. 9"4.7 · Read 23 reviews" jumps to the reviewsExisting summary made into an anchor link to the section.Theme code