Responses by Nick de Jardine; founder, designer and developer; Grafik.
Background: The purpose of this website is to showcase the work and personality of Auckland-based creative agency Motion Sickness and enamor potential clients and employees by showcasing what different can look like.
Design core: Stackable rocks and enchanting music create a vibe. The client wanted something different, and I delivered.
Challenges: Making the stackable rocks content manageable. Once added to the server, an SVG is automatically generated and deployed to control the rock hit area on the canvas element.
Favorite details: The whole website—including music, interactive elements, rocks and a 404 playlist—can be content managed by the client.
Technology: The website is built using Prismic and Nuxt. I used GSAP for the animations. Matter.js controls the physics of the rocks.