Virtual Office and 3D Website Experience

Screenshot of our new studio website inspired by the synthwave aesthetic
The website in action using a simulated slow 3G connection for testing
The original concept render made using Blender

Still of the pre rendered design concept for our virtual office

Still of the pre rendered design concept for our virtual office

Still of the pre rendered design concept for our virtual office

Still of the pre rendered design concept for our virtual office

Still of the pre rendered design concept for our virtual office

Still of the pre rendered design concept for our virtual office

Screenshot of the boot up sequence using the Langenium client engine

Screenshot of Three.js helpers that helped with fine tuning
Virtual Office and 3D Website Experience
As the new 3D website is quite chunky, we wanted something captivating but simple enough to execute in terms of code.
This Matrix film inspired animation worked well as it didn't require a lot of code and could be resized quite easily to different screens and devices.
A mini version of the effect is also seen on the Exit buttons if the site is entered from anywhere but the homepage.