Case 02 — DTC skincare

[CASE-2-NAME]: a performance rescue that kept every pixel of the design

A Los Angeles DTC skincare brand was paying for traffic its site kept dropping. We rebuilt the front-end to 100/100 PageSpeed without changing the design language the brand had already invested in.

DTC skincare website homepage screenshot placeholder — replace with the real project screenshot

01 — Challenge

Where it started

The brand's audience arrives almost entirely from Instagram and TikTok — mobile, impatient, on cellular connections. The existing site was built on a page builder: forty-plus render-blocking scripts, layout shifts on every product card, and Core Web Vitals failing across the board. Paid traffic was getting more expensive while the landing experience quietly burned it. A redesign was off the table — the visual identity had just been refreshed and customers recognized it.

02 — Solution

What we built

We treated it as a transplant, not a redesign. Every layout, type choice and color stayed; the implementation went. The page-builder front-end was replaced with hand-written Astro templates: critical CSS inlined, images re-encoded to AVIF with explicit dimensions, fonts self-hosted and subset, third-party scripts moved off the main thread or removed after an audit. Interactive moments — the routine quiz, the reviews carousel — were rebuilt as small isolated islands so the rest of every page ships as pure HTML.

DTC skincare website interior page placeholder 1 — abstract editorial typography
DTC skincare website interior page placeholder 2 — abstract editorial typography

03 — Result

Measured, not claimed

100/100
PageSpeed, mobile
0.9s
Largest Contentful Paint
94%
JavaScript reduced by
3 weeks
Delivered in
PageSpeed Insights mobile score placeholder showing four 100 rings — replace with the real audit screenshot
Lighthouse mobile audit. Placeholder graphic — the live report screenshot replaces it during content handoff.

Want results like these in writing? Start with the 5-minute brief.

Written process, fixed quotes, no calls — ever.