AMP website showcase - with immersive 3D environment to scroll through

We teamed up with Figure, the design agency, to create an eye-catching redesigned site as part of a rebrand for AMP; an AI-powered waste sortation toolkit.

Three.js (via React-Three-Fibre) helped us create the standout moments within the site, where we have integrated 3D sections 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 and image overlays. Each 3D section is a combination of camera movements between keyframes in the 3D space, custom textures and complex reusable components for trash streams and technical challenges met whilst keeping the performance high across all devices.

We’d love to know what people think:

1 Like