Working sample built for the DocVites brief - all four pages are live and fully responsive
Social campaign landing pages

Four audiences. Four designs. One brand.

A parent arriving from TikTok and a parent arriving from YouTube are in completely different mental states. So these are not four identical pages in different colors. Same DocVites brand, four pages built for how each platform's visitor actually thinks. Every page is live below, mobile-first, with a Shop Now and a Klaviyo capture.

USDA Organic brand system Built for 375 to 390px Shop Now + Klaviyo on all four

Same brand. Different intent.

The DocVites identity stays locked across all four: the navy and terracotta palette, the Fraunces and Hanken type, Dr. Tega, the USDA Organic mark, the voice. What changes is the design language, because the job of each page is different.

TikTok needs an instant payoff. One dominant CTA, bold type, no scroll required to act.
Instagram rewards beauty. Product photography leads, editorial calm, a shoppable feed.
YouTube brings researchers. Depth, doses, the doctor, an FAQ they can actually read.
Facebook runs on trust. Dr. Tega and the credentials lead, proof is everywhere.
tiktok.html
TikTok

Immediate payoff, above the fold.

Mindset: just watched a 15-second video, thumb already moving.

They arrive hot and impatient. The page opens full-bleed on a high-energy lifestyle shot with one bold headline and a single dominant Shop Now. No long intro, no competing buttons.

  • One dominant CTA in honey, repeated in a sticky bar that follows the thumb.
  • Oversized type and fast beats so the value lands in three seconds of scroll.
  • Email capture sits low and quiet, the fallback for anyone not ready to tap.
Open the live page
instagram.html
Instagram

Premium, editorial, photography-led.

Mindset: aesthetic-aware, brand-conscious, browsing beautiful things.

This visitor judges with their eyes. The page leads with a styled product hero, breathes with whitespace, and turns the product range into a shoppable feed grid that feels native to the platform.

  • Editorial type and air, light Fraunces, generous spacing, a refined palette.
  • Shop-the-feed grid, every tile links straight into the Shopify store.
  • Capture styled as an invitation, on brand, never a hard sell.
Open the live page
youtube.html
YouTube

Depth for parents in research mode.

Mindset: watched a longer video, ready to read before deciding.

These visitors want substance. The page is structured like a document, with jump links, a benefits breakdown, a full ingredient table showing exact doses, Dr. Tega's credentials, and a real FAQ.

  • In-page jump nav so they can scan to what they care about.
  • Ingredient transparency table, exact amounts, plus a what-we-never-include column.
  • Shop Now waits at the decision point, with email as the softer second option.
Open the live page
facebook.html
Facebook

Credibility before anything else.

Mindset: older parents and grandparents, trust over aesthetics.

This audience buys on confidence. Dr. Tega's photo and credentials sit above the fold, the USDA Organic mark appears immediately, and verified reviews carry the page. Larger type, calmer pace, a clear guarantee.

  • Doctor and badges above the fold, trust is the headline, not an afterthought.
  • Verified reviews front and center, with a 60-day guarantee to remove risk.
  • Bigger type, simpler flow, comfortable for an older reader on a phone.
Open the live page

One Shop Now, one email capture, never competing.

The brief asks for a primary Shop Now and a secondary Klaviyo capture on every page, without splitting the visitor's attention on a small screen. Here is how each page keeps the hierarchy clean.

Shop Now owns the fold

The primary action is the only button competing for the first tap, in terracotta, repeated in a sticky bar so it is always one thumb-reach away.

Capture is the fallback

The Klaviyo form sits lower and quieter, styled as a softer option for anyone who is interested but not ready to buy today. It never fights the buy button.

One decision at a time

Vertical rhythm means a visitor only ever sees one ask in view. Buy first, capture second, so attention is guided, not divided.

From handoff to delivery

How this becomes your real campaign.

This is a fast working sample built to the brief. Everything here is 100% editable and adjustable to your real copy, photography, Klaviyo code, and Shopify URLs.