THE SOLAR
SYSTEM
Interactive 3D is quickly becoming a popular trend in the web industry, offering new and exciting ways for users to engage with websites. This powerful tool allows designers to showcase their creativity and solve problems in innovative ways.
Like other designers, I want to experiment with this emerging element of web design and enhance my skills. So, I created this experimental project. I designed and developed a website about the solar system, focusing on 3D interactivity. As a result, the website is not fully complete, as the emphasis was on exploring 3D functionalities.
Built in: Spline / Webflow
See Website
To created the illusion of solar flares bursting from the sun, I used groups of particle emitters and animated collision blocks. A Webflow interaction then allows each stage of the sun to animate dynamically as users scroll through the page.
To demonstrate the sun’s gravitational influence on the solar system, I designed a gravity net using a shape morph in Spline. A net pattern was applied using multiple material outline layers, with distant fog fading the edges into the background, giving the effect of an endless gravitational field.
The final animation zooms out dramatically, revealing a vast galaxy and reinforcing the scale of the solar system. This effect was achieved using multiple particle fields, each with different noise patterns and effects to create depth and a unique spiral pattern.
Want to see the live website?
Hit the button below to see the live website.