Studio Treble

A fresh site build to showcase a new brand identity, featuring fun animated elements, smooth scrolling, scroll-driven animations and dynamic page transitions.

Design: Studio Treble

Development: Jarod Hargreaves & Alex Hillel @ Studio Treble

Tech: Prismic, Nuxt 2 + Bridge, GSAP + ScrollSmoother + ScrollTrigger, Lottie, Cloudflare

Right-facing arrow Visit Website

The video show the different sections of Studio treble’s website.

1.3MB

1/5

An Environmentally-Conscious Build

The whole site is a static build — a single server generates the website when content is updated, and visitors are served pre-generated pages from a carbon-neutral CDN. This means the website much faster to load, and much greener than a traditional build.

Images are optimised to the size of the screen, so no pixels are wasted.

Videos are loaded and play only when on-screen, minimising data transfer and reducing the load on the user’s device.

1/2