piton
piton
Evolve
[01]

Evolve

2026
Client
Piton
Year
2026
Scope
Front-end development, WebGL, scroll animation
Role
Front-end Development
§ Case Study

Evolve — Tech agency site rebuilt in Next.js — WebGL globe, scroll-driven method scene and an interactive diagnosis flow across 307 routes.

Evolve is a tech agency concept we rebuilt with the Next.js App Router and React using WeEvolveIT as the design reference. A dotted WebGL globe drawn with Three.js, a five-stage horizontal method scene driven by scroll, a draggable testimonial strip and a step-by-step diagnosis flow with particle effects come together in one site; 307 content routes are generated as static pages.

Motion is written as editable React components with GSAP, Lenis and Matter.js; the manifesto in the footer can be dragged with physics. Desktop and mobile measurements were compared one-to-one with the reference, and every route and the form flow are verified by automated tests. Published on Vercel under the Evolve name, this is a front-end development concept based on the original WeEvolveIT design.

Next.jsThree.jsGSAPMatter.jsLenis