What do Yogi Bear cartoons and CSS animations have in common? More than you think. In this video, I show how low-budget animation techniques from Hanna-Barbera cartoons—like background loops, talking heads, and minimal movement—can inspire expressive, lightweight web animations using only CSS and SVG.

Charities, NGOs, and non-profits are some of my favourite clients. I’ve been fortunate to work with Greenpeace and WWF, to name two. Balancing creative direction and user-experience design is one of my favourite things to work on. In this video, I talk about the charity Crisis and its website and how they might make the facts about homelessness more real through their design.

The RSPCA unveiled its first rebrand in 50 years this year, marking its 200th anniversary. In this video, I discuss their website, focusing on how it could benefit from its recent rebrand and tell better stories through its creative direction online.

In this new video, I discuss the influential Swiss graphic designer Karl Gerstner’s work. I love Gerstner’s mastery of grid and how he used them to create consistent yet creative layouts.

In this new video, I want to discuss Willy Fleckhaus’ work. His name isn’t often mentioned in the context of product and website design. I love Willy Fleckhaus’ mastery of layouts, his use of scale, and the ways he integrated images and text into compelling compositions.

Since, I suppose, the late nineties, every time a General Election comes around, the political parties roll out new websites. Having spent time studying Labour’s 2024 campaign website, I wondered what their previous election websites looked like. There’s barely anything left of Labour’s website from its victory in 1997 so I imagined what it might’ve looked like.

In this new video, I discuss editorial designer Otto Storch whose work I discovered while flicking through a new addition to my design library. I love how Storch playfully combines images and typography to create designs which are full of energy and movement.

In this new video, I look at Labour’s election manifesto and its campaign slogan that shouted “Change.” If Sir Keir Starmer or Angela Rayner had asked me to design their post-manifesto website, I’d have done things differently. So I explain what I’d do.

In this new video, I look at what was up with Labour’s 2024 election website design, the absence of typographic or visual hierarchy, inconsistent use of colour, lack of focus, and a clear identity. How would I fix this?

I’ve made videos before, including a few series for New Riders—back in the day—and an Art Direction for the Web companion series for Skillshare. For ages, I wanted to make more videos and publish them on YouTube. Now, I’ve made a start.

To help celebrate the launch of Art Direction For The Web, Smashing TV’s Bruce, Scott and I spent an hour talking about my new book. The video from that conversation is now on the YouTube.

This Art Direction for the Web video course is for web designers and developers who want to understand art direction and how to make digital products and websites better.

Did you buy my Art Direction for the Web video course on Vimeo? If you did, you’re entitled to free copies of the ePub, Amazon Kindle, and PDF versions of my new Art Direction for the Web book.

Yes, yes, I know. It’s the week you’re bombarded with discounts on everything from electric toothbrushes to vacuum cleaner bags, but somehow never the things you want. Well, that’s about to change my friends because this weekend only, I’m offering you up to 50 % off my Art Direction for the Web video course on Vimeo.

Over the past few weeks, I’ve been working hard on a new ‘Art Direction for the Web’ video course to accompany my new book and I’m pleased to announce it’s now available to buy on Vimeo and watch on Skillshare.

Over the past few weeks, I’ve been working hard on a new Art Direction for the Web video course to accompany my new book. Today, I wanted to share a preview and the first episode of nine in the course.