Magnets. How it works?

Hey guys!

Check out another screen of website that explains how speakers work not only verbally, but also visually. The main element and visual on this landing page is a 3D model of a speaker that unfolds showing all its insides.

The screen you can see above is about magnets and how they work in a speaker. Every text block explains a certain stage of the process and by clicking on each of them users can see a 3d visual that illustrates the corresponding speaker component and the described process. The speaker and all the elements were made in Cinema 4D from scratch. The model pretty much fulfils the task of explaining what a speaker is made of. All that's left to describe with text is how all these parts interact to create sound.

In terms of design, we tried to keep it minimal and clean keeping the focus on the visual and the few text blocks (which are accentuated with bold typography). We went for the dark interface because it better matches the theme and creates the right atmosphere.

Let me know what you think of this!

Press "L" to show some love!

ᗈ Join our Newsletter! ᗈ Website ᗈ TheGrid ᗈ Spotify ᗈ Twitter ᗈ Medium ᗈ Facebook ᗈ Instagram