Bayer Oncology Scrolling Stories
UI Design | UX | Webflow Development | Motion — 2021
Sole Designer and Developer — Concept through Launch
Bayer needed a microsite covering eight oncology treatment pathways including ATR Signaling, TRK Signaling, Androgen Signaling, PI3K, Targeted Alpha Therapy, AhR Signaling, and VEGF Signaling. Rather than bring in a full team, I proposed owning the entire build in Webflow, handling UX, design, and front-end development as a single contributor. The result is a parallax scrolling experience modeled on the kind of cinematic product storytelling seen on Apple product launches, applied to complex oncology science.
What I Built
Our solution? An easily navigable, long scrolling parallax site, with animated visuals to enhance the story. We used beautiful rendered elements with clear infographics to engage and educate.
The Challenge
Translating dense oncology science into a visually driven, consumer-grade scrolling experience requires knowing both the science and the design system well enough to make editorial decisions without a dedicated creative director. The scroll choreography, animation timing, and information hierarchy all had to work together to make signaling pathway biology feel as compelling as a product launch.
View the live site here linking to here.