Champions of Humanity
Everyday Heroes, Reimagined as Superheroes
Let's be honest, charity and non-profit websites can be a snooze fest. Stock photos of handshakes, corporate blue gradients, a donate button buried somewhere near the footer… you've seen it a thousand times. For Champions of Humanity, we wanted to rip up that rulebook completely. The message behind this organisation is simple but powerful: every single person, regardless of their age, race or capabilities, has the power to change the world for the better. So why not show that literally? We took everyday people, a grandma, a young scout, a wheelchair user, a volunteer feeding stray animals, and turned them into capepwearing superheroes standing atop a canyon. Because the truth is, you don't need superpowers to be a hero. Kindness is the only cape you need.
As Fred Rogers once put it, "There isn't anyone you couldn't learn to love once you've heard their story."
Illustrations
Every hero on this site was hand-illustrated from scratch, and we made a deliberate choice to reflect real diversity rather than a token gesture at it. Different ages, different abilities, different backgrounds, all standing shoulder to shoulder on the same cliff edge, unified under the same orange cape. The warm sunset palette of oranges and rust reds gives the whole scene an epic, larger-than-life feel, like the opening frame of an animated film. Down below, smaller vignettes show these same heroes doing wonderfully ordinary things: picking up litter, feeding a stray cat and dog. That contrast is the whole point. Grand, mythic imagery paired with small, human acts of kindness. That's the message in a nutshell.
Strong Storytelling/Narrative
We didn't just want a pretty hero banner, we wanted the page itself to tell a story. The layout is designed like a storybook spread: heroes gathered on a mountain top, a canyon carved with the brand name, a river below reflecting the mission statement, and grounded, everyday scenes of volunteering nestled in the grass beneath it all. It's a visual journey from aspiration (heroes on a summit) down to action (real people doing real good). The copy reinforces it too, short, punchy, poster-like text that reads more like a rallying cry than a mission statement. No jargon, no corporate spin, just one clear idea stated with conviction.
Animation
Static illustration is great, but motion is where this concept really comes alive. As the page loads, each hero doesn't just appear, they enter individually, capes rippling in the wind as if they've just landed on that cliff edge one by one. It's a small detail, but it instantly makes the illustration feel alive rather than flat. Once the whole team has assembled, the canyon rocks reveal the "Champions of Humanity" wordmark, like the title card of a movie you desperately want to watch. Then, as a final flourish, the mission statement ripples up out of the water below, tying the whole sequence together. It's subtle, cinematic and exactly the kind of detail that turns a good website into a memorable one.
FREE Website Audit
What you get: A short video providing you with the 5 top tips to improve your website.
Please click on the button below to submit a quick questionnaire to gather information. This will help identify the specific issues your experiencing with your website.
