Verity Studios

During workshop sessions, we identified that our target audiences would be prominently within creative industries such as show directors, creative directors and events managers. To resonate with these groups, we wanted to bring to life the idea of a ‘magic moment’ and show how Verity could bring that magic to any event. To do this, we mirrored Verity’s own blend of art and technology to immerse the visitor in the experience. However, we were also conscious that the website had to work as Verity’s main commercial and recruitment platform. So the interactive features and rich media that gave the site its identity had to offer seamless UX performance.

Very early in the design process we knew we had to show the drones in action to help people fully appreciate the technology and spectacle – which meant we had to incorporate video into the design. For our overall design language, we took visual inspiration from the atmosphere of the events themselves.

Along with the videos from the events we wanted to communicate the story through interactive design features. We used Three.js particle simulations to recreate the drone choreographies on the homepage, while integrating simpler particle systems into the site’s other page headers to give a complete visual language. To add further depth to the homepage, and to make it look like an integrated design, we also added light effects to the image of the model and smoke effects. Along with the WebGL elements we implemented more subtle interactions, page transitions and animations along with parallax scrolling functionality throughout the site.