Good Looking Design

I'd never used Gridsome before but for this project I thought it would be a greatt fit. It allowed for transitions between pages that Greg, the client in this instance, wanted as well as no-nonsense image transformsm, which would make my life so much easier on a portfolio site especially since quality was very important on this site. Being able to put an image into a folder and forget about it and have the different responsive versions generated really made my life easier whilst working on what is essentially a static website.

The site is absolutely loaded with GSAP ScrollTrigger animations, for either content sliding into view as you scroll down a page or big, feature on-scroll animations for project headers, each with their own bespoke designs. Seriously, go check them out, my particular favourite is VW Kampers (in fact that whole page is pretty special).

A recent addition to the site after the initial launch is a blog that is powered by a separate WordPress instance that allows for adding blogs and then manually deploying a fresh Netlify build so the site can be updated without my intervention. This was my first job using GraphQL too and once I got my head around the first use niggles it was super practical to use.


Tech used: Gridsome, Headless WordPress (with GraphQL endpoints), Sass, GSAP


Visit the site

Screenshots

The site home page featuring a video of Greg
The site home page featuring a video of Greg
The Consul Assure hero animation.
The Consul Assure hero animation.
The website section of one of the case studies.
The website section of one of the case studies.