Sparking the Cannon with Next.js

Build and animate the website for Stephanie Cannon, a professional Voice-over Artist.

Can I see it?

Sure, it's at sparkthecannon.com

The code is in my public Github repository.

I've started writing about this project on my blog.

How much did you do?

Everything! Except the wonderful illustration. This includes:

💻 Building the site in Next.js
🎨 Designing the layouts with Figma
🚀 Animating the brand artwork in GSAP
📝 Writing the SCSS

What are the interesting parts?

Definitely the various bespoke playlists and audio players. Note to self: write a case study on those. The animations are also pretty cute and the brand colour palette is delicious.

What needs improving?

Documentation 😥 It really should include JSDoc and SassDoc. The code is well structured but will be tricky to maintain without notes.
Accessibility 😥 It's pretty limited. Areas like color contrast and focus states need further consideration.

Resume

See Project

Projects

Organising spaces with GraphQL

Barbican

Vue.js

Paused

Building a Portfolio in Next.js

Freelance

Next.js

Sparking the cannon with Next.js

Freelance