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.
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.
03 — Result
Measured, not claimed
- 100/100
- PageSpeed, mobile
- 0.9s
- Largest Contentful Paint
- 94%
- JavaScript reduced by
- 3 weeks
- Delivered in