Post

Jonnie Hallman
@jonnie.com

I actually built his last website 22 years ago when I was learning PHP and it lasted all that time on a shared server with him uploading new images via FTP. Unfortunately, that website was designed before mobile, so it wasn’t responsive.

Jonnie Hallman
@jonnie.com

The new design fits on mobile (a low bar) and also includes a few extra details, like transitioning the theme color to match the book you’re viewing. 💅

Jonnie Hallman
@jonnie.com

I also snuck in a surprise animation for his signature. I knew I wanted to animate this from the start using his exact timing and pacing, but also knew this would be a real technical challenge.

Jonnie Hallman
@jonnie.com

I cut the signature strokes into layers, exported them into individual images, then drew SVG paths over them that I could use as animated masks. From there, it was hours of tweaking durations, delays, and easing functions until it felt right. 😵‍💫

0 reposts9 likes

Jonnie Hallman
@jonnie.com

For the radial gradient that fades between books, I actually used Townie AI from val.town to build a quick drag & drop tool that let me extract the dominant colors into JSON. Then, I was able to easily transition between the RGB values as the viewer scrolls.

Jonnie Hallman
@jonnie.com

Aside from little details, my dad never had an about page on his website, but I knew the staggering number of publishers, art directors, and authors he’s illustrated covers for, so I decided to make his about page speak for itself by listing them all in one place. 💪