South Cliff Dental Group: a website you explore, not scroll
· 1 min read · three.js, webgl, brand-experience, launch
Dental websites tend to look alike: a hero photo, a list of treatments and a contact form. For South Cliff Dental Group the idea was different. The site is a coastal world, and the brand lives inside it.
The center of the scene is a cliff, a complex 3D sculpt that carries the whole experience. Light, mist and reflections move across its facets as the scene changes, and around it there are clouds, layered atmosphere and the sea.
What changes while you are there #
The place is never the same twice. Time of day reshapes the mood, from golden hour and lens flares to rainbows cutting through the fog, so the same landscape reads as calm in one moment and dramatic in the next. Clouds move on their own, and the environment responds as you navigate.
The interaction is about curiosity. You move through the scene instead of only scrolling a page, and the brand story of South Cliff Dental Group lives inside a place that people want to look at.
How it is made #
It is a Three.js experience, in WebGL, with the effects that sell a scene like this one: dynamic clouds, a complex terrain, time-of-day lighting, atmospheric effects and lens flares with rainbows.
Where to see it #
The site is live at southcliffdentalgroup.com, and there is a short video and the details on the project page.
Related projects
- South Cliff — Immersive Three.js dental brand experience