All Nessy's Friends

development design web javascript jekyll lottie static-site webpack illustrator

It can sometimes be difficult to take ideas or people that are larger than life and transcribe them into meaningful content on the World Wide Web.

In designing and developing a web presence for All Nessy’s Friends, a small local business, I found myself doing just that. Putting on my designer hat and trying to capture some of what the business offers using vector iconography was a fun exercise, and an excuse to experiment with SVG-based animations via Lottie (see my blog post on incorporating Lottie into webpack environments).

A couple features that were particularly fun to implement include a randomized floating star animation found on several of the pages, and, see if you can find it, a confetti cannon easter egg.

A static site, why?

This particular client has a preference to minimize digital and screen time, and as such, this site seemed like a perfect candidate to reach for a static site generator like Jekyll and keep things simple. The resulting effect is:

  • The client doesn’t need to concern themselves with digital upkeep
  • The site performs very well in terms of things like page load time
  • For the developer, updates are a git push away