Ventus Studio
Digital agency from Kharkiv, Ukraine.
Ventus Studio was founded in 2020 by two IT business enthusiasts. Starting from a small office, they have focused on creating high quality software and providing professional services to their clients.
Visit the website:ventustudio.com

1. Ventus Studio website title page
Tech stack
Vue.js
Nuxt.js
CSS
Node.js
Vercel
The website is built with Vue.js and Nuxt.js to better handle SEO and server side rendering. It's a great choice for a website like this. The website is styled with CSS with some GSAP animations and custom animation library for text entry.
I also used Three.js for 3D animations and effects. It's a great library for creating 3D and managing all the related stuff. The page has two 3D, one of which is a rotatable abstract figure and the other is a 3D model animates on page scroll.
The website is fully responsive and works great on all devices.

2. Project section

3. Menu section
3D sections
We made sure to optimize the 3D sections for performance. I used a technique of lazy loading to load 3D models only when they are in the viewport. This way we can keep the website fast and responsive.

4. FAQ section with 3D

5. Bottom section with 3D