Nodepay
AI Powered Market Signals, Delivered with Motion First Storytelling
Built a highly dynamic, animation driven landing page to relaunch Nodepay V2 - turning real time social, news, market and sentiment data into a compelling product narrative that converts.
React
Next.js
TypeScript
Tailwind
Framer Motion
GSAP
IntersectionObserver
Lenis
Figma
Overview
Nodepay is building an AI powered prediction system that distills social, news, market and sentiment signals into real-time, usable insights. My job was to create a V2 launch landing page that does two things exceptionally well: 1. Re-energise an existing, large community with a “wow” factor, and 2. Convert new users by explaining value fast. The page pairs high polish motion with a tight story arc, from predictive intelligence to distribution, so visitors grasp the products edge in seconds.
Challenge
- Match complex, Figma driven motion concepts using IntersectionObserver, GSAP and Framer Motion without glitches.
- Handle video rendering pitfalls across browsers and codecs while keeping performance high.
- Context switching between product dev/design and landing page iterations as requirements evolved.
- Relaunch pressure: V1 already had millions of users, V2 needed to excite loyal users and attract new ones.
Solution
- Worked closely with design, marketing and stakeholders to lock the motion narrative before build and then iterated fast with short review loops.
- Engineered section by section animation triggers with IntersectionObserver, composed micro-interactions using Framer Motion and choreographed marquee moments in GSAP for precision control.
- Optimised media: selected safer codecs, preloaded critical frames, and implemented lazy playback to prevent dropped frames on mid range devices.
- Built a motion first layout system in React & Tailwind with guardrails for z-index, transform stacks and scroll-linked timings to keep floating elements in sync.
- Instrumented CTAs and interaction hotspots for clear analytics, feeding a rapid content/UX tuning cycle post launch.
Results
- Overwhelmingly positive community response and coverage across leading crypto news outlets, including CoinMarketCap.
- 3/4 of visitors engaged with the page and clicked through primary CTAs within the first days post launch.
- Average session time > 2 minutes per user on the landing page.
- 22,000+ click events recorded in the first 3 days.
- 7,000,000+ NC staked within the first 72 hours after launch.
- Positioned Nodepay as a market leader with a motion-led, premium brand presence that built tangible pre app momentum.
