Contact person: Business Client

Phone:Show

Email:Show

Location: Los Angeles, United States

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I have already rolled out the foundation of our new Shopify 2.0 theme—core product-page sections are in place and the staging store is live—but my internal team has reached the edge of its bandwidth. I now need an experienced Shopify developer to bring the project to the finish line with our direction, polish every remaining detail, and make sure the site is launch-ready for heavy traffic and paid campaigns.

Scope of Work (SOW)
Nature’s Turn – Shopify 2.0 Website Redesign, Development & Migration

PROJECT NOTES
Nature’s Turn has already begun redesigning the new Shopify 2.0 website and has progressed as far as internal resources allow. The initial product page layout and theme foundation have been implemented, but further professional development is required.
We now require assistance to complete the redesign, finalize templates, migrate all products, install apps, ensure ADA compliance, and prepare the site for high-volume traffic, influencer activations, and paid advertising.
Current staging environment:
[login to view URL]
Password: 1
This staging environment reflects the early product page foundation and will be the base for all development tasks.

PROJECT OVERVIEW
This SOW covers the ENTIRE Shopify development portion of the project, including:
Full [login to view URL]–style product page redesign (layout, structure, functionality)


ADA (WCAG 2.1 AA) compliance


App installation & configuration


One-page “Shop All Flavors” landing page


Full product sync (live → staging → live)


Theme deployment and testing


QA & accessibility verification


All graphic creation (infographics, icons, image sets) is now handled separately in SCOPE 2.

------------------------------------
PHASE 1 — Foundation Development
------------------------------------
These tasks prepare the site for traffic, ads, influencers, and migration.

1. Sync All Products From Live Site → Staging Site
Includes syncing:
Product listings


SKUs, variants, pricing


Descriptions


Images (existing)


Collections


Tags


Inventory quantities


Goal: Staging mirrors live so redesign templates apply consistently.

2. Product Page Redesign (Variety Pack PDP) – Modeled After [login to view URL]
Staging URL:
[login to view URL]
Reference PDP:
[login to view URL]
Deliverables:
Completely redesigned PDP template


Updated hero/media gallery


Layout built to accommodate new graphics (provided separately in Scope 2)


Benefit row placeholders (top-12 allergens, “no sugar,” etc.)


“Is this right for me?” section


Ingredient & nutrition accordions


Lifestyle use-case modules


Trust badge area


[login to view URL] review widget integration


Mobile-first optimization


Structured data markup (SEO)


Variant logic, pricing, and ATC functionality


This becomes the master template for Phase 2 (all products).

3. ADA Compliance — WCAG 2.1 AA
A full accessibility implementation across the theme.
Includes:
Color contrast verification


Heading structure correction (H1/H2/H3)


Alt-text support for all product images


Keyboard navigation testing


ARIA labeling for accordions & interactive components


Screen-reader-friendly buttons and tags


Accessible Klaviyo pop-ups


Accessible [login to view URL] review structure


No keyboard traps


Accessible form labels (newsletter + checkout)


A full ADA Audit Report will be delivered at the end of Phase 3.

4. App Installation & Configuration (Staging)
Klaviyo
App install


Shopify integration


Event tracking setup


Flow connections (welcome, cart abandonment, post-purchase, review request)


[login to view URL]
App install


Star badge on collection tiles


Full PDP review widget


Review request automation


Zipify One Click Upsell (OCU)
Connect to checkout


Pre-purchase & post-purchase upsell funnels


Global funnels for variety pack + individual SKUs


Zipify Pages
Install and prepare to build landing pages


Configure templates for LDPs and sections



5. Build One-Page “Shop All Flavors” Landing Page
Modeled after [login to view URL]’s product layout.
Landing page features:
6-wide desktop grid; responsive 2–3 mobile


Variant selector on each product tile


Dynamic price updates


Add to Cart per tile


Filters (Singles, Variety Packs, Best Sellers)


ADA-compliant structure


Layout includes placeholder sections where graphics from Scope 2 will be plugged in


This becomes the core page for marketing, influencers, and ads.

------------------------------------
PHASE 2 — Full Product Page Rollout
------------------------------------
After Phase 1 is approved, apply final structure to all SKUs.

1. Apply New PDP Template Across All Products
Includes:
All individual fruit flavors


Mini / Classic / Mega variety packs


Bundles


Future seasonal SKUs



2. PDP Copywriting for Each Product
Includes:
Search-optimized product titles


Benefit bullets


Ingredient & allergen info


“Perfect for” use cases


“Is this right for me?” section


ADA-compliant long-form product description


Graphics are inserted when provided (Scope 2).

3. Product-Specific Upsells (OCU)
Examples:
Add Strawberry for 10% off


Upgrade to Variety Pack


Add a second bag at a discount


Bundle & save



4. Collection Page Redesign
Includes:
Clean grid layout


Review stars visible


Badge system (Best Seller, Kid Favorite)


Matching styling across all flavors



------------------------------------
PHASE 3 — Deployment, Testing & Compliance
------------------------------------
Once everything in staging is finalized:

1. Install New Theme on Live Store
Includes:
Transfer finalized theme from staging → production


Global settings migration


Assign templates to correct products & collections



2. Final Product Sync
Ensures:
All products, variants, and inventory match


New SKUs added during development are included


No outdated data remains



3. Install Apps on Live Store
Re-install and configure:
Klaviyo


[login to view URL]


Zipify OCU


Zipify Pages


Ensure all tracking events fire properly.

4. Full QA Testing
Functional testing:
Add to Cart


Variant selectors


Upsell flows


Klaviyo forms


[login to view URL] reviews


Checkout logic


Price updates


Mobile responsiveness


Cross-device testing across iOS, Android, Desktop Chrome/Safari/Edge.
Performance testing:
Shopify speed score


Image optimization (after graphics are provided in Scope 2)


Lazy loading


Script audit



5. ADA Compliance Verification
Final WCAG 2.1 AA audit includes:
Keyboard-only navigation


Screen reader pass


WAVE scan


axe DevTools scan


Mobile accessibility review


Color-contrast validation


PDF/alt-text review


Final remediation list


Deliverable: ADA Compliance Summary Report" (client-provided description)