Library of how-to guides

Our approach to content marketing at ConvertKit is to dig super deep on core topics that creators need to know about and publish how-to guides that collate our articles on the topic into one resource that you can read online, or download.

The "guide library" page design hadn't been revisited for a very long time and I wanted to make it easier for people to browse the guides without scrolling down a verrryyy long list.

We initially treated these guides as "magazine issues" and while we renamed them in our site structure to make it clearer what their value is, I like that this new design kinda looks like a magazine rack where you can scan all the covers and titles and pick the one that interests you most!

Check it out live here (note the fun bouncy hover state!)

I coded the majority of this design myself too, it's been a while since I did that!