We teamed up with Figure agency to create an eye-catching redesigned site as part of a rebrand for AMP, an AI-powered waste sortation toolkit.
Made with Next.js and Prismic, and deployed to Netlify - this site is a slick statement of intent, with subtle interactive animations built-in throughout and notable for its high-fidelity 3D scrolling animations.
We built the site with the capacity to scale to multiple international versions and to be nearly 100% customisable for the client- with re-purposable modules available to use and reorder throughout the site.
The standout moments are the integrated 3D sections, created using React Three Fiber and GSAP to build an immersive environment for the user to scroll through, rotating and matrixing to focus on highlighted elements of AMP’s technical models along with timed text & image overlays.
Following Figure’s creative direction, each 3D section is a combination of camera movements between keyframes in the 3D space, custom textures and complex reusable components for trash streams & technical challenges met whilst keeping the performance high across all devices.