Gonna Studios
Motion-Driven Website for a Sports Production Studio
Website Development
Branding
Website Development
3D Design/Animation
2026
Project Overview
What began as a sports production studio became a motion-driven digital experience — built to move with the same precision, energy, and intent as the work it showcases.
Motion-Driven Web Animation
Custom slider animations, scroll-based entrance animations, and hover animations are used throughout the site to guide attention, establish visual hierarchy, and create momentum. These animations are carefully timed to feel smooth, intentional, and responsive across devices.
Beyond standard effects, the site features custom web animations designed specifically for this project — supporting a cinematic, motion-driven website experience that reflects the energy of a modern sports production studio.
Interactive 3D Elements & Spatial Gallery
Custom 3D web elements and an interactive 3D gallery add depth and dimension to the site, allowing projects to be explored spatially rather than presented in a flat grid. Perspective shifts, subtle camera movement, and user-driven interaction create a sense of physicality while maintaining clarity and performance.
Built with Three.js, these interactive 3D elements reinforce the studio’s focus on movement, dimension, and visual storytelling.
Built for Ease of Use — WordPress Block Editor
The entire site was built using the WordPress Gutenberg block editor, ensuring it remains fully editable and scalable for the studio.
A custom system of bespoke WordPress blocks, plugins, and interaction logic transforms the standard drag-and-drop editor into a powerful content management system capable of supporting advanced motion, interactive layouts, and 3D elements — without sacrificing design integrity or performance.
Next Project