MeganRodgers.me

for Megan Rodgers as a Designer & developer

built with Gridsome, NetlifyCMS, Netlify

I built a portfolio for a high school friend of mine who was graduating with her masters in Fashion Design. I used Gridsome because I was just learning about JavaScript frameworks at the time, and Vue felt like the easiest tool to learn to build the kind of dynamic experience I knew I'd need.

Highlights

An interactive bee that follows your mouse around from page to page if you like, powered by hand-drawn images and CSS frame animation.
My favorite carousel I've ever designed or implemented in the project pages. Try it with a keyboard too.
My first bottom mobile nav, which I've been trying to convince everyone to do since.
Editor ability to theme different projects

Lowlights

A very mediocre editing experience because I found NetlifyCMS hard to extend for my purposes with my limited knowledge of React.
Mega big file sizes on some of the images because there is no image preprocessing.