The website is built with React Router (in Framework Mode). It uses GSAP for most of its complex animations. Visit the link below to explore the website.
The experience
Below are a few highlights of the website which define the experience.
Airborn intelligence hub
When the user scrolls down they are they are presented with a guided experience, showcasing how an operator would be able to command the drones to accomplish a mission. This is a multi-stage animation which is paced by the user through their interactions.
Capabilities
This section showcases the capabilities of the Warden. This is a scroll linked animation which fades in the capabilities one at a time whilst changing the hue of the scanning on the left.
About us
The hero of the About Us page shows the names of the co-founders colliding and bouncing off of the edges of the hero section, the centered title and each other. This was accomplished with a small physics library that was configured to replicate the bouncing DVD screensaver physics.
