Jordana
Harrison

WorkContact

Web

Kingsway College School Brand Launch

Vue, GSAP

A screenshot of the KCS brand launch website

About the project

The Kingsway College School Brand Launch project was a single-page website designed to introduce the school's new, vibrant brand. The brand featured a set of geometric shapes, each representing elements of the school’s core values. The website was created to reflect the fun, colorful, and engaging nature of the new brand while providing a visually dynamic experience for visitors.

Modular Animation System

The website was built using Vue.js and powered by GSAP to handle the animations. The geometric shapes were animated through SVG animations, and I developed a modular animation system that allowed for full control over the brand elements. This system enabled the shapes to change colors, loop, and start or stop animations as needed, giving the site flexibility to adapt the visuals depending on the section.

Spyware minigame GIF

The same SVG can be used to create grids and unique looping animations when combined.

Backdoor minigame GIF

The SVGs can also be timed to start, stop, and loop depending on user interaction or randomization.

Get in Touch

Interested in working together?
Find me on LinkedIn or drop me a message using the form.