2024GSAP · Next.js · TypeScript

DeSci NG

Visit live site

context

DeSci (Decentralized Science) is a new concept for most people. The landing page needed to explain what it is, why it matters, and how to get involved.

constraints

  • >Broad audience from scientists to crypto enthusiasts
  • >Needed to feel cutting-edge without alienating traditional academia
  • >Content-heavy but couldn't feel overwhelming
  • >Had to work on all devices and browsers

approach

Created a narrative-driven landing page that uses scroll animations to unfold the story of decentralized science. Each section builds on the previous one. GSAP handles the transitions to make scrolling feel intentional and smooth.

key decisions

  • >Scroll-based storytelling with pinned sections
  • >Minimal text on screen at any given time
  • >Large, bold typography to emphasize key messages
  • >Smooth transitions between sections instead of hard breaks

outcome

Visitors spend an average of 3+ minutes on the page (unusually high for a landing page). The narrative flow helps people understand DeSci without feeling lectured.

view more projects