GROWTHBOTS AGENCY[ CONTACT ]

A
T
L
A
S

06 / BRAND WEBSITE

2023

ATLAS BIOTECH

ATLAS

OVERVIEW

Atlas is the marketing website for a biotech startup telling the story of genetic medicine to the world. We built a cinematic Three.js experience with GSAP-choreographed scroll storytelling — and somehow kept it at a 98 Lighthouse score.

SERVICES

Creative Direction
Three.js / WebGL
GSAP Animation
Headless CMS (Contentful)
Performance Engineering

DURATION

5 months

TAGS

GSAPTHREEJSCMS

AWWWARDS HM

98 PERF SCORE

40s AVG. SESSION

THE CHALLENGE

Complex science, broad audience, no margin for confusion. The brief: make genetic medicine feel approachable and exciting. Oh, and the average user session needs to be long enough to actually read anything.

THE SOLUTION

A scroll-driven narrative: as users scroll, a 3D DNA helix assembles, data visualizations animate in, and section transitions feel like turning pages of a film. Every animation is tied to meaning, not decoration.

VISUAL DOCUMENTATION

ATLAS detail 2
ATLAS detail 3

RESULTS

01Awwwards Honorable Mention
0298 Lighthouse performance score
0340-second average session time (industry avg: 8s)
04Featured in Awwwards, CSS Design Awards, and FWA