WiO SmartFoods · Site Rebuild
The top 5 pages of the rebuild are live and clickable, right on the staging preview, no login needed. Click "Open the live page" on any card below. Cards marked "design mockup, not live yet" are still static previews. Full-page desktop + mobile captures of the live pages are at /new-site/. One caveat: any in-page nav link you click inside a live preview lands on the old pages until cutover, so come back here to jump to the next live page.
Klaviyo sends, rendered from the exact HTML bound live, for Jason's review before send.
Everything currently scheduled to go out, newest first: Thursday's win-back rotation, Friday's gift-vs-discount offer test, Sunday's last call, and the Labor Day launch arc (in production). One page, links to every detail page.
Friday Aug 28 restock send: free gift of choice worth $9.99 to $17.49 (Version A) vs. $15 off (Version B), both arms rendered side by side, audience + measurement plan.
The pages a visitor sees before they decide. Awareness → consideration → buy box.
Hero, best sellers, Nutrition Facts vs. Digestive Facts proof band, bundles (placeholder pricing, real SKUs land at cutover), guarantee band, founder story, science teaser, real verified reviews.
Bespoke per-collection masthead, real-catalog product grid defaulting to best-selling sort, in-grid bundle intercept, Nutrition Facts vs. Digestive Facts proof band, discount ladder, guarantee band.
Popup-free capture. Open the live page (shows Shopify's consent banner)
WiO Creamy Peanut Butter. Whole-page product template with current copy, built to the ratified Hybrid layout: real nutrition parsed from live data, subscribe & save toggle, complete-the-set companions, dual-panel Nutrition/Digestive device, real Stamped reviews, guarantee band.
Compare against the other two directions: open the comparison gallery
Same PDP, rendered as if the customer has an active BYO subscription. Inline "Add to my next delivery" CTA appears above the standard buy box.
Design mockup, not live yet
Every product and collection template on the live theme today, what it renders, what the rebuild replaces it with, and the short list of assignment calls still open before cutover.
The mechanism explainer, real photography where the staging hero was an empty placeholder box, Nutrition Facts vs. Digestive Facts dual-panel, peanut butter study tease, founder lifestyle band, FAQ accordion, citations, "Two ways to subscribe" close. Orphan fragments resolved, invented per-product ratings removed, copy unchanged from staging.
Independent double-blind 14-day study. Hero result ("Six people. A jar of peanut butter a day. A 14-day study."), study-at-a-glance panel, product bridge to WiO Creamy + Chocolate PB, lifestyle band, FAQ accordion, references. Placeholder study-product tiles replaced with real badge-free photography, invented ratings removed, original typography preserved, copy unchanged from staging.
Conversion-architected reviews destination for "wio reviews" search traffic. Dark-green proof-led hero ("WiO Reviews. 2,700+ verified. 4.6 stars."), top-3 starter buy-box (Chips / PB / Pizza Crust), 12-card mosaic review wall with verified-customer pills and product chips, "Is this actually real?" two-card legitimacy block (Stamped pipeline + Digestive Facts dual-panel), locked WiO 30-day MBG, unified Subscribe & Save ramp (10/13/17/22% by item count), "Two ways to start" close, hero CTAs to bestsellers + review wall anchor.
Design mockup, page is created at cutover
Full BYO customer journey: build the box → review → cart → manage the active subscription.
Step 1. Fully redesigned: replaces the sticky-bottom-bar layout with a persistent right-side "Your Box" panel on desktop and a tap-to-expand drawer on mobile. Footer is always reachable.
Design mockup, not live yet
What an active BYO subscriber sees in /apps/subscriptions: next delivery date, current items (editable), quick actions (skip/cadence/cancel), and the 3 most recent deliveries.
Design mockup, not live yet
Login screen that gates the subscriber area above.
Design mockup, not live yet
Pages still being extracted or that depend on rebuild work not yet shipped to staging.
Cart page captured from staging as-is, for comparison against the new BYO-grouped design.
Design mockup, not live yet
Slide-out cart drawer triggered from the header. Currently scroll the Cart page for the same content shape.
Design mockup, not live yet
Shopify-hosted checkout (we can't customize it without Shopify Plus / Checkout UI Extensions). Visual review will use upstream Shopify screenshots.
#8C3B22) is the storefront identity color; green-ink (#236730) is used for CTAs and links only, WCAG AA on white.