Working on this project was quite exciting as I could focus on the mood and atmosphere of the spa...Working on this project was quite exciting as I could focus on the mood and atmosphere of the spa...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Working on this project was quite exciting as I could focus on the mood and atmosphere of the space instead of just the assets. Understanding what the client wants the space to convey to the guest is key to creating the right kind of space for truly experiential events.
Sonder One: product site for a repairable headphone
Sonder One is a headphone built to be taken apart, so this site shows it that way. As you scroll, the headphone comes apart piece by piece, from the finished pair down to its six parts, with each part labelled as it separates.
The site responds to the mouse throughout. The custom cursor holds a small sound wave that grows as you move faster. Headlines are made of soap bubbles that float up under the cursor. Guide boxes with live coordinates follow the pointer, and product photos tilt and catch the light as you pass over them.
There are three pages: Object, Anatomy and Specifications, with smooth transitions between them and a reserve form on the last page. A light and dark mode lets you view the product in chalk white or graphite.
Built with React, GSAP ScrollTrigger, Lenis, Three.js and Vite.
I spent the last week challenging myself to design, brand and 3D model a minimal supplement. I experimented with compositing nodes to add a blur in some renders, which one do y'all like more?