Winter Tidings

Staak

An experience developed internally at Staak to flex creative and technical muscles and continue to grow and broaden knowledge.

Tools & Skills:

Vue.js, Node.js, Express, WebGL / three.js, GSAP

About the project:

Winter Tidings was our Christmas gift to the world. Some studios do Christmas cards, we made an emotive message sending service gift-wrapped with storytelling, modelling and some pretty sweet code.

Winter Tidings was an introductory into the world of WebGL. A project released around Christmas time, it is a way to share messages with friends and family.

Developed in WebGL, Winter Tidings combines an illustrative-style intro through to an immersive, stunning 3D environment for the main experience.

The core of Winter Tidings is to send a message to a loved one at Christmas. The message was ‘attached to a snowflake’ — and as in nature, no two were the same. Each was a bespoke digital rendering to the user.

After users had written their message it was rendered in the 3D world. A prompt would guide our visitors into gesturing with their device, triggering the snowflake to shatter into pieces. The shattered pieces would reform when received by the recipient.

Winter Tidings thumbnail

Winter Tidings.