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.
The category template (Bread shelf), now a complete draft with the site's real header and footer; the same template also serves Spreads and Snacks & Desserts.
Superseded: the old screenshot capture of this page.
The current food PDP (WiO Creamy Peanut Butter), now a complete draft with the site's real header and footer.
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
The capsule product page in the v2 language: facts strip in place of the macro strip, the product's own Stamped rating, printed-panel disclosure on mobile, one-time and subscribe states.
The accessory PDP template (WiO Shaker Bottle), now a complete draft with the site's real header and footer.
The bundle PDP template (Staples Starter), now a complete draft with the site's real header and footer.
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 science/mechanism page, now a complete draft with the site's real header and footer.
The peanut butter study page, now a complete draft with the site's real header and footer.
The reviews page, now a complete draft with the site's real header and footer.
Superseded by the new reviews-page draft, which replaces these retired figures with real per-product ratings and current Stamped quotes.
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.