Superlist & Us

Projects/

Superlist

Marketing

Website

Project Overview

A striking pre-launch marketing site for productivity tool of the future; Superlist

Services

    UX/UI DESIGN
    FRONT-END
    WEBGL
    3D MODELLING

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