Valley Biosciences — Content Strategy & Production, Web Design, Frontend Development, Headless CMS, 3D & Motion (Three.js)
- Client
- Valley Biosciences
- Services
- Content Strategy & Production · Web Design · Frontend Development · Headless CMS · 3D & Motion (Three.js)
- Year
- 2024 – 2025
Valley Biosciences targets genomic instability: the DNA damage that ages us and drives chronic disease.
Credibility gets decided before anyone reads the science. Valley's investors and clinicians make that call in minutes, and a longevity company that looks unserious rarely gets a second one. The mark and the palette came from EATCH. Everything after that is ours: we wrote the science, designed the site, built the frontend, and animated the 3D.
Thirty thousand particles gather into clusters, scatter on noise, and shift colour as they drift — cells finding order and losing it. It reads, loosely, as a senescence diagram: the process Valley works to reverse.
It runs on Three.js. A custom shader moves each particle between states on the GPU, so the whole field animates in real time.
Senescence is an abstraction. We made it legible.
We wrote the biology from a blank page and staged it to be read. Sentences resolve as you scroll, each word sharpening from grey to black, so the meaning arrives at the pace of reading. The copy carries the science; the motion sets its pace.
Between sections, the thesis runs on a loop, Solving Senescence, with images caught inside the letters.
Every indication undisclosed, and it still had to read as momentum.
VB197, VB212, VB324: targets held close, indications blank. We built the pipeline to feel like progress even when every row is a placeholder: structured, sequential, deliberately spare. It animates in row by row as it enters view.
It all lives in Directus. Valley edits any section, the pipeline included, without a developer, and the site prerenders to static files, so it stays fast as the content grows.
- SvelteKit + Svelte 5
- Three.js / WebGL
- GSAP + ScrollSmoother
- Directus headless CMS
- Prerendered static
- Responsive image pipeline
Thirty thousand particles, and the scores hold:
- Performance 98/100
- Accessibility 100/100
- Best Practices 100/100
- SEO 100/100
Lighthouse 12.8.2, desktop profile, simulated throttling, measured 2 September 2026 on the production build.
One studio wrote it, designed it, built it, and animated it. Valley brought the science.
Tell us about your project
Let's build something exceptional.
One call, 30 minutes, and you'll know whether we can actually help. If the answer is no, we usually know who's a better fit.
