Superlist & Us
Projects/
Superlist
Marketing
Website
Project Overview
A striking pre-launch marketing site for productivity tool of the future; Superlist
Date
Spring, 2021
Client
Superlist
Location
Berlin, Germany

Using 3D visual metaphors to showcase the Superlist product enabled us to say a lot by showing a little
Creating excitement and intrigue for the release of Superlist without revealing any specific product features posed an interesting challenge. Our solution was to create bespoke 3D graphics to visualise the core concepts that were then embedded in the site using WebGL, tied to the users scroll position to create a fun and immersive experiences.

All in the details
From WebGL 3D buttons complete with sound effects to letter by letter text animations; every detail was carefully considered to provide an extra layer of delight to the interactions that tied in with the fun and friendly Superlist brand feel.

Under the hood; technologies and optimisation
Matching great creative ideas with equally innovative development techniques is at the heart of our process. The mixture of 3D assets and front-end animations required some outside-of-the-box thinking to ensure optimum performance and load times.
For example, we created a custom tool in Houdini that enabled us to remove any faces in the 3D models that weren’t visible; resulting in a much smaller file size and cleaner geometry. Combined with baked-in animations and lightweight matcap texture files, the result is a highly performant scroll experience.


Awards &
Recognition
⮡ Awwwards
Site Of The Day
Site Of The Month
⮡ CSSDA
Site Of The Day
⮡ FWA
Site Of The Day
⮡ Lovies
Gold Winner, Best Homepage
⮡ Davey
Gold Winner, Best Homepage
Gold Winner, Best Use of Animation
Gold Winner, Best Homepage