Sample Audit For: Bramble & Stone Coffee (fictional) · Run on: 2026-05-17 · 23 pages · 12 findings

Bramble & Stone is leaking ~$84K/yr in conversion. Here's the fix.

This is a real, full-length sample of the Modern Conversion Audit deliverable — audited against a fictional D2C coffee brand. Same format your real audit lands in. Same level of specificity. Same six-section structure.

Overall Score
5.0 / 10
Operator-grade benchmark
RPS Today
$1.84
vs. category median $3.20
Projected RPS
$3.45
if 6 quick wins ship in 14 days
Annual upside
+$84K
conservative, at current traffic
SECTION 01 — REVENUE

Conversion Teardown.

Operator-grade CRO scoring against five revenue levers. Every finding tagged with the lever it pulls and an ICE score (Impact, Confidence, Effort 1-5, where 5 = easiest to ship).

Overall · Composite
5.0/10
"Good product, broken funnel. The hero is doing all the wrong work."
LEVER 01Offer
7.2
Single-origin sourcing + freshness guarantee is strong. Bundle pricing is muddled — the 3-bag pack saves 8% but isn't visible until cart.
LEVER 02UVP
3.4
"Premium Coffee, Direct from Origin" fails the 1-second test. Names a feature, not the dream outcome. Cold visitors can't articulate what makes you different.
LEVER 03Copy
4.8
Subhead repeats the headline. Story section is 380 words above the fold — pushes the buy button below scroll on mobile.
LEVER 04Creative
5.6
Hero photo is a flatlay of beans. No human, no brewing, no consumption. Missing the lifestyle-aspiration shot every coffee D2C needs.
LEVER 05UI / UX
5.1
7 sections above the fold. Add-to-cart button is grey on cream — fails contrast threshold (WCAG AA: 3.8, needs 4.5). No mobile sticky CTA.
Lever 02 · UVP ICE 5·4·5 → priority #1

The hero headline is doing zero work.

"Premium Coffee, Direct from Origin" describes what you sell, not what changes for the buyer. Every D2C coffee site says some version of this. A cold visitor lands, reads it, and learns nothing.

Rewrite — ship variant A "The cup that makes your morning yours again." — names the outcome (ritual, attention, self-time). Subhead: "Single-origin coffee, roasted Friday, on your counter Tuesday."
Premium Coffee, Direct from Origin
Subhead: "Discover the difference of small-batch roasting..."
The cup that makes your morning yours again.
Single-origin coffee, roasted Friday, on your counter Tuesday.
Shop coffee →
Lever 05 · UI/UX ICE 4·5·5 → priority #2

Add-to-cart fails contrast. Users literally don't see it.

The primary CTA renders at #B8AC9A on #F5EFE5 — contrast ratio 3.8:1. WCAG AA requires 4.5:1 for body, but more importantly, the ATC button doesn't compete with the photography for attention. We measured 18% mis-click rate on the secondary "Learn More" link in nearby scroll heat data.

Fix — 15 min ship Swap button bg to #6F4E37 (brand brown). Contrast 6.8:1 ✓. Add subtle drop shadow on hover for affordance.
BEFORE
ADD TO CART
3.8:1 contrast ✗
AFTER
Add to cart →
6.8:1 contrast ✓
Lever 03 · Copy ICE 4·4·4 → priority #4

The story section eats the buy button.

Your founder story is great. It's also 380 words long and sits above the fold on every viewport under 1024px wide. Average mobile user sees zero call-to-action without scrolling 1.4 viewports. Heatmap data shows 47% of mobile sessions never see the ATC button.

Fix — section reorder, 30 min ship Move story to mid-page (after social proof). Replace with 3-tile "Why us" strip: Freshness · Origin · Roast Date. Each tile 12-word max. Keep the long story for the About page.
Section order — before vs. after
1. Hero
2. Story (380 words)
3. Products
4. Reviews
1. Hero
2. Why us (3 tiles)
3. Products
4. Reviews
5. Story
SECTION 02 — EXPERIENCE

UX / UI Benchmark.

7-dimension scoring against four best-in-class peers. Bramble & Stone is benchmarked against Aesop (luxury craft D2C), Stripe (clarity), Linear (motion + hierarchy), and Lemonade (modern friendly D2C).

Site Hierarchy Typography Motion A11y Mobile Performance Brand fit Total
Aesop9.49.66.88.99.08.79.88.9
Stripe9.89.29.09.49.59.89.69.5
Linear9.69.49.78.89.29.69.09.3
Lemonade8.78.48.18.59.18.69.08.6
Bramble & Stone4.26.12.85.44.66.87.55.3
Pattern to lift · Aesop ICE 4·4·3

Lift: editorial product cards with sparse type.

Aesop's product cards are 90% whitespace, 1 image, 1 line of italic serif. Premium signal at zero design cost. You're stacking 4 elements per card; cut to 2.

Where to applyHomepage product strip + collection grid. Use Cabinet Grotesk italic for product name, General Sans for price.
Pattern to lift · Linear ICE 3·4·4

Lift: subtle scroll-triggered fade + slight Y-translate.

Linear's content reveals at 12% in-view with 600ms ease-out. Adds polish without motion sickness. Your site has no scroll motion at all — flat to the point of feeling unfinished.

Where to applySection headers + product tiles. Implementation in Section 04.
SECTION 03 — ATTENTION

Heatmap RPS Analysis.

Element-level revenue attribution. Where users actually click, what actually drives revenue, what's eating attention for nothing.

Homepage — RPS by section
Hero (above fold)$0.62 RPS · 28% click
Founder story$0.04 RPS · 41% scroll
Product strip$0.94 RPS · 22% click
Review carousel$0.18 RPS · 14% scroll
Newsletter capture$0.06 RPS · 8% conv
Press logos$0.00 RPS · 2% click
Color = revenue density. Red = leak. Green = earner. Brown = your buying entry.
Top 5 reorder moves
Move product strip above story
Projected: +$0.41 RPS
+22%
Cut founder story to 60 words above fold
Reclaims 41% scroll for paying sections
+18%
Add sticky mobile ATC
Estimated mobile conv +24%
+15%
Remove press logo strip
$0 RPS, eats 60vh on mobile
+8%
Default-state reviews to "Verified" tab
Verified reviews 2.4× the trust signal
+6%
SECTION 04 — MOTION

Animation & Interaction Prescription.

The bit nobody else audits. Current state: zero motion (which reads as "unfinished"). Prescription: targeted, library-specific, conversion-aligned. Six surfaces, six recommendations.

Hero — slow Ken-Burns on brewing photo

GSAP
SURFACE · Homepage hero

Replace your static bean flatlay with a slow 1.06× scale-in over 18 seconds on a brewing pour shot. Creates living "warmth" without distraction.

gsap.to(".hero-img", { scale: 1.06, duration: 18, ease: "none", repeat: -1, yoyo: true })

Section reveal — fade + Y-translate

Motion (Framer)
SURFACE · Every section below hero

Sections fade from opacity 0 → 1 and translate from y:20 → y:0 over 600ms when 12% in view. Matches the Linear feel without going overboard.

whileInView={{ opacity: 1, y: 0 }} initial={{ opacity: 0, y: 20 }} transition={{ duration: 0.6 }}

Product card hover — 1.5° tilt + lift

Vanilla-Tilt
SURFACE · Product grid

Cards get a subtle 1.5° tilt on hover with 8px shadow lift. Premium tactile signal. Disables on touch devices.

VanillaTilt.init(cards, { max: 1.5, speed: 400, glare: false })

Add-to-cart — confetti micro-burst

Motion + Canvas
SURFACE · Cart confirmation

When user clicks ATC, fire 8 coral particles upward in 600ms ease-out. Coral matches brand. Reinforces the dopamine of purchase.

canvas-confetti { particleCount: 8, spread: 30, origin: { y: 0.8 }, colors: ['#E8735A'] }

Cart drawer — slide + backdrop fade

Motion (Framer)
SURFACE · Cart open

Drawer slides in from right at 320ms ease-out-quart. Backdrop fades simultaneously. Cubic easing not linear — feels like a physical drawer.

AnimatePresence + motion.aside, { x: '100%' } → { x: 0 }, ease: [0.32, 0.72, 0, 1]

NOT recommended

SKIP
SURFACE · None

No parallax depth layers on hero (overdone in coffee D2C and slows mobile). No Three.js / 3D — your product photography sells the product better. No marquee scrollers — they fight your editorial brand voice.

Restraint is a brand signal at the luxury craft end of the market.
SECTION 05 — EXECUTION

30-Day Prioritized Roadmap.

Every finding above ranked by ICE and sequenced into a 4-week sprint plan. Highest-ICE fixes go first. No 80-page report you'll never read — a punch list you'll actually ship.

WEEK 01 · QUICK WINS

Stop the bleeding.

  • ATC button contrast fixSwap to brand brown, 6.8:1 contrast.ICE 4·5·5 · 15 min
  • Add mobile sticky CTAPersistent ATC on PDP + collection.ICE 4·5·4 · 1 hr
  • Cut hero section count to 1Remove the secondary promo strip.ICE 3·5·5 · 10 min
WEEK 02 · UVP REWRITE

Make them care.

  • Ship hero headline variant"The cup that makes your morning yours again."ICE 5·4·5 · 30 min
  • 3-tile "Why us" stripFreshness / Origin / Roast date.ICE 4·4·4 · 3 hr
  • Move founder story to AboutReclaim 1.4 viewports of mobile.ICE 4·4·4 · 1 hr
WEEK 03 · UX + MOTION

Make it feel premium.

  • Add Motion section revealsfade + Y-translate, 600ms, 12% threshold.ICE 3·4·4 · 4 hr
  • Product card tilt + liftVanilla-Tilt 1.5°, hover only.ICE 3·4·4 · 2 hr
  • Cart drawer rebuildMotion slide-in, 320ms cubic ease.ICE 3·4·3 · 6 hr
WEEK 04 · TEST QUEUE

Compound the wins.

  • A/B: hero headline variants3 variants, 95/80 power calc, 14-day min.ICE 5·4·4
  • A/B: bundle price reveal placementcart vs. hero strip.ICE 4·3·4
  • A/B: review tab default stateverified vs. all.ICE 3·4·5
★ BONUS · INCLUDED

Low-fidelity redesign mockup.

Every audit ships with a low-fi redesign of your highest-leverage page (usually homepage or PDP) — so you don't have to imagine what "better" looks like. You can see it. Then ship it.

BEFORE Current site

brambleandstone.com
FREE SHIPPING OVER $50 · USE CODE WELCOME10
CART (0)
Premium Coffee,
Direct from Origin.
Discover the difference of small-batch roasting with our carefully curated selection of single-origin beans sourced from artisan farmers around the world.
LEARN MORE
— Founder Story · 380 words —
FRESH
ETHICAL
SMOOTH
QUALITY
$24
ADD TO CART

AFTER Redesigned

brambleandstone.com
Cart · 0
● Roasted Friday · Shipped Tuesday
The cup that makes your morning yours again.
Single-origin coffee, roasted to order in Brooklyn, on your counter in 4 days.
Shop coffee → Take the quiz
★★★★★4.9 · 2,300+ reviews
72hrFrom roast to door
1 farmPer bag, named
0 staleMoney back
CancelAny time
$24or $19 on subscribe
Add to cart →
01
Headline does work now.Names the dream outcome (a calmer morning ritual), not the feature. Coral italic on "yours" pulls the eye to the emotional word.
02
Eyebrow stamp earns trust above the fold."Roasted Friday · Shipped Tuesday" — concrete dates beat any "fresh" adjective. Pulsing coral dot signals freshness, no copy needed.
03
Two CTAs, one for the hot buyer, one for the cold."Shop coffee" + "Take the quiz." Hot buyers click through immediately; cold buyers get warmed up with a low-commitment quiz that ends at a personalized recommendation (and a cart).
04
Review proof immediately under the CTAs.4.9 stars + 2,300+ reviews kills the trust gap before scroll. Moved up from page 3.
05
Strip replaced single-word adjectives with concrete numbers."FRESH / ETHICAL / SMOOTH / QUALITY" → "72hr / 1 farm / 0 stale / Cancel anytime." Specificity is a trust signal.
06
Subscribe price exposed at the buy moment.$24 single vs. $19 subscribe — visible at the add-to-cart, not buried at checkout. Lifts subscribe rate ~3.5× per industry benchmark.
07
ATC button now passes contrast and is on-brand.Coral on cream = 6.2:1, with shadow lift on hover. Mobile gets it sticky on scroll.
YOUR TURN

Want this for your site?

72-hour delivery. $49.97 one-time. Refund if it doesn't surface at least one fix worth more than the audit fee.