5%
10%
15%
20%
25%
30%
35%
40%
45%
50%
55%
60%
65%
70%
75%
80%
85%
90%
95%
100%

Totem.earth

Client
Totem.earth
Skill+Set
Three.JS
Web Design
WebGL
3D
Motion
UX / UI
Impact
AWWWARDS SOTD
AWWWARDS Mobile Excellence
FWA OF THE DAY
CSSDA OF THE DAY

The Objective

Create a website that sticks to the subconscious, and breathes life into totem

To concept and develop an immersive experience, we had to blend the UI and the interactive Totem to bring users into the world we were creative. In order to give the page real depth and draw users in, our team focused heavily on the lighting and the smoke, blending seemingly between the foreground and background of the scene.

Creating mixed forms

The Totem. Making an impact with a combination of fluid, generative form and solid forms was a challenge. Here are two test pieces we developed and trialled for the core of the totem element. After talking through with the client , we all settled with the form on the right.

Focus on performance

As a company, we have focused on reaching the web3 tech audience in our approach to designing the look and feel of our website. We have integrated cutting-edge technologies, such as blockchain and decentralized applications, into our site to appeal to this technologically-savvy audience.

We have also actively engaged with the web3 community through online forums, social media, and other channels to build awareness and interest in our brand. Additionally, we have attended industry events and conferences to network with potential customers and partners within the web3 ecosystem. Our goal is to position our company as a leader in the web3 space and to tap into the growth and potential of this technology.

Making an impact with a combination of fluid, generative form and solid.

build