Swell is a full-stack design agency, with a primary focus on 3D.
During the project, I've made:
1 — Logo design
2 — Illustrations
3 — Few branding materials
4 — Responsive website design
5 — Motion design for the website
1 — Logo design
2 — Illustrations
3 — Few branding materials
4 — Responsive website design
5 — Motion design for the website
The Website:
The idea behind the website was going under the water. The background color changes from the light tones right below the surface to almost black in the deep water. On the dedicated 3D-projects page you can see the animation of the house actually sinking.
Most of the shapes are curved, representing the pebbles smoothed by the water.
A skateboard, because Swell is cool
The website is truly fully responsive, consisting of 7 different screen versions. I used so many different screen sizes to ensure the website would look it best in any resolution. From retina iMacs to small phones.
Together with Dylan ( the owner of Swell ) we decided to add a 3D Web GL spheric bubble of air in the hero block of the main page. It interacts with the cousor position, rotating in 3D and changing it pulsation speed when the coursor moves closer to the center.
Together with Dylan ( the owner of Swell ) we decided to add a 3D Web GL spheric bubble of air in the hero block of the main page. It interacts with the cousor position, rotating in 3D and changing it pulsation speed when the coursor moves closer to the center.
Responsive design does not only cover the smaller displays. It also covers the ultra big retina displays. Creating a responsive design for larger screens is equally important as creating it for small ones, yet this is often neglected.
You can check the final website at:
https://www.swellmadeit.com/
https://www.swellmadeit.com/
Don't forget to like the project, this means a lot to me 😉
