BRIEF
The brief was to design a simple home page of a product website. It could be any product of our choice. The product had to be depicted in interactive 3D. We had to use blender/ Spline tool and any CMS platform (Wix, Readymag or Webflow) to get this done.
PROCESS
First I started by importing my product model, i.e; headphones into Spline 3D software. Then I added a trigger for the animation, that is when you hover over the product, it "looks at" the mouse pointer. I tried to make the animation as engaging as possible for the users. Next I exported the model, copied the embed code into a CMS platform called Wix. I have used Wix to create the home page of my product website. Hence, a 3D website was created wherein users can interact with the 3D model of the product in real-time.
FINAL DESIGN
This a video of how the 3D interaction would look like
Check out the live website here: https://www.audiozone.com
MOCKUPS
CONCLUSION
By doing this project I learnt how to use Spline tool and how to incorporate interactive 3D elements into my website. I also learnt how to create a interesting animations in Spline which would be engaging for the users. I had a great time doing this project and also I'm satisfied with how the final website turned out to be.
Please do appreciate and follow me for more!