Volans

Project @ Leap

A refreshed, animation rich website for business change agency, Volans.

View website

Services

  • Ajax
  • GSAP animation
  • Low-carbon website
  • WordPress
Volans website homepage

Top level stats

0.27g

Average CO2 per initial page view

100%

Powered by renewable energy from the sun, wind and sea

93.2% Downwards facing arrow

Average reduction in page weight compared to the previous website

The brief

Volans approached LEAP looking to refresh their brand and overhaul their website. After a period of time with no updates, the website was looking a little out of place for the company. It was lacking features and didn’t reflect where the company was heading.

The outcome

With the updated branding from the LEAP team, the website was then redesigned and built from the ground up. Simplifying the user journeys and core pages. A huge reduction in the number of pages from the previous website. It is a smoother, easy journey to access all of the core information people were looking for on the website. Now packaged in a website that works well with search engines.

I worked closely with the design team to devise a template-driven website rich in animation, whilst keeping the site as lean as possible. I opted for the GSAP family of JavaScript animation libraries to quickly set up and iterate on the animation, all with core fundamentals, fallbacks and some accessibility defaults in place.

With the new user journey, updated visuals and rich animation, the website stands out from the competition.

With core web vitals of 98 / 100 / 100 / 100 the website performs really well, even with a reasonable amount of JavaScript for the animated elements.

Fast, efficient, low-carbon websites don’t have to be plain or boring. This website proves that fact and then some.
 

Volans website components Volans website services Volans website scrolling experience Volans website case studies