Aevion

Concept

The site serves as a high-end technology demonstration for Aevion, an autonomous LiDAR inspection drone. It showcases the hardware's capabilities, such as its folding mechanism and data capture speed, through a narrative-driven digital experience. Created by Riotters, the project highlights the intersection of industrial design and web-based storytelling.

Visual Language & Motion

The aesthetic is rooted in a dark, technical atmosphere that emphasizes the drone's sleek hardware. The experience is powered by Three.js, utilizing high-quality 3D models that respond dynamically to user interaction. Motion is primarily driven by scroll, guiding the viewer through the drone's deployment, scanning, and folding phases with smooth transitions.

UX & Performance

Built with Next.js and Three.js, the site maintains a high level of performance despite the complex 3D assets. The scroll-based navigation provides a linear but engaging way to consume technical specifications without overwhelming the user. The interface is minimal, allowing the 3D model to remain the focal point while providing clear data overlays.

Takeaway

This project is a masterclass in using interactive 3D to explain complex hardware. It demonstrates how scroll-driven storytelling can turn a technical specification sheet into an immersive brand experience.