Cinematic bottle hero
Frosted-glass bottle pinned to the headline with floating ingredient cards drifting around it. Framer Motion entrances, idle float loops, gated on prefers-reduced-motion.
Case study · Product · Brand site
IntelVit — a founder-tier nootropic brand, shipped before the first bottle.
An operator-built premium supplement brand. The waitlist site had to read as a fully-operating DTC — bottle-led motion, dose-disclosed editorial, a $49 founder tier capped at 500 — before a single capsule shipped.
- Role
- Brand site · design → code → deploy
- Timeline
- One week, brief to live
- Status
- Live · intelvit.com
Outcomes at a glance
One week
Brief to live waitlist
6 + 3
Dose-disclosed ingredients on the panel — no proprietary blends
500
Founder-tier reservation cap, visible from the hero
0
Urgency timers, coupon codes, or fake testimonials
The product
A frosted-glass bottle. Every milligram on the panel.
IntelVit is a single-SKU nootropic brand for ambitious operators — a mushroom-led daily capsule packed in a frosted-glass cylinder with a bronze cap. The v1 site is the product: every section reads like the supplement-fact label, every scroll moment earns its place, and the waitlist is the only place a buyer can convert before the first batch ships.
Founder tier · 47 of 500
Lion's Mane1,000 mg
Cordyceps300 mg
Bacopa150 mg
Supplement Facts
Six ingredients,
properly dosed.
- Lion's Mane1,000 mg
- Cordyceps300 mg
- Bacopa150 mg
- L-Theanine200 mg
- Rhodiola100 mg
- Citicoline250 mg
No fillers
No proprietary blends
Product in action
Three moments from the live site. Bottle. Panel. Price.
Screenshots from intelvit.com itself — rendered in the brand's own visual system (warm cream, olive primary, bronze accent), embedded here so this reads as a real case study, not an abstraction.
Moment 1 · Hero
Bottle, headline, named doses
The frosted-glass bottle is the first thing the eye lands on — framed by floating ingredient cards with the milligrams already visible. No stock photo, no robot brain, no gradient mesh.
Moment 2 · Panel
Every milligram, named
Six rows. Six doses. Each one at the level the research actually used. This is the page label-readers screenshot and send to a friend before they buy.
Moment 3 · Price
Founder tier, no theater
$49 for the first 500. $79 after that. The cap is real, the counter is real, and there isn't a single urgency timer on the page. Trust scales when you stop using dark patterns.
The problem
Supplement marketing is a candy palette and a fourth-paragraph disclaimer.
Most nootropic brands market like 2014 wellness DTC — pastel gradients, urgency timers, influencer mosaics, and a marquee ingredient buried at a tenth of the dose the research actually used. Label-readers see through it in seconds. Operators do too.
IntelVit was founded by someone who actually takes the stack. The brief was unambiguous: the site has to read like the panel. Every milligram named. No proprietary blends. No countdown clocks. And it had to do all of that while still selling like a premium DTC brand to a buyer who has never bought a nootropic before.
Category sites lead with pastel gradients and influencer grids — none of which match a label-reader's frame.
Pre-launch DTC means no commerce backend day one. The waitlist has to be the product, without sounding like vaporware.
Most launches lean on urgency theater (timers, fake counts, limited-offer banners). IntelVit wanted the opposite — visible scarcity, named numbers, no dark patterns.
What we shipped
Six capabilities, one editorial brand site.
Each one ships in v1 — no flagged-off sections, no placeholders for things we never built.
Dose-disclosed ingredients
Each of the six headline nootropics gets a row: name, binomial, milligrams, mechanism, sourcing. No 'proprietary blend' anywhere on the page.
Scroll-tied bottle choreography
Custom GSAP ScrollTrigger timeline composing transparent PNG layers — cap lifts, capsules tween outward, gravity-style fall. Sub-200 KB payload, no video encode.
Editorial science section
Peer-reviewed citations attached to each ingredient claim. Big editorial type, source on every card, link to the deep dive. Picked from peer review, not press releases.
Transparent pricing card
$49 founder tier with a real cap counter, $79 retail tier disclosed on the same page. No coupon codes, no urgency timers, no 'request a quote.'
Server-action waitlist
Email capture wired to Loops with idempotent handling, type-safe form action, soft-fail in dev, inline success and error states. No client-side state library.
How we shipped it
Brand-first execution, AI-native delivery.
IntelVit was built the same way every IB Digital engagement runs: principal engineer driving, Claude Code translating intent to diffs, every section pair-reviewed against the brand brief. Next.js 16 + React 19 on the latest stable; Tailwind 4 with CSS-first tokens so the Forest Studio palette lives in one place; Framer Motion for declarative section entrances and GSAP for the bottle-open scroll timeline.
The site is heavy where it needs to be — full bottle choreography, animated ingredient cards, multi-section editorial — and quiet where it doesn't. The waitlist is a single server action; analytics is one client-side init; the email pipeline is one Loops API call. Production primitives, no toy libraries.
01
Pair-programmed with Claude Code
Every section composed in the same AI-native workflow we run for clients. Tight feedback loops on copy and layout, not weeks of slide reviews. Voice rules, banned-word lists, and palette tokens enforced at the file level.
02
Multi-layer motion budget
GSAP for the scroll-tied bottle choreography. Framer Motion for section entrances and idle floats. One signature surface — the frosted ingredient cards — and a hard rule that nothing animates layout dimensions.
03
Production primitives, not demos
Server actions for the waitlist, Loops for email nurture, PostHog for conversion analytics, Vercel for deploys. The pre-launch site ships like a commerce site, ready to flip on Shopify the day the bottles arrive.
The outcome
A brand site that reads as fully operating before the first bottle is manufactured.
Pre-launch DTC is a trap — most brands ship a placeholder splash page and call it a waitlist. IB Digital shipped the opposite. Every panel reads like the supplement-fact label, every scroll moment earns its place, and the founder-tier reservations started filling the same week the site went live.
Let’s talk
30 minutes. Bring one problem.
No slide deck, no discovery call fee, no ‘request a quote’ games. We’ll tell you whether it’s a fit in the first call — and point you somewhere useful if it isn’t.