An animated marketing site with Next.js

We worked with URUS to build a fun, interactive marketing site with Next.js.

The site includes interactive SVG animations to support Headstart Dairy's storytelling when you scroll through the site.

Interactive SVG animations

It's not easy to animate multiple SVG files 1:1 to a carefully crafted design. However, we were able to achieve this by using a modern framework for animating SVG files: GSAP. This truly brings Headstart Dairy to the next-gen and makes the site accessible with all browsers and devices.

Content management

We used Dato CMS to create an easy content managing experience for non-technical editors, making the site effortless to manage and update.