← Back to all work
Case study 05

Te Tautiaki Hoiho

A conservation trust for the world's rarest penguin, rebuilt against a primetime television deadline — and handed back to the people who run it.

Client
Yellow-eyed Penguin Trust
My role
Lead designer
Timeline
Under a month
Delivered
Visual direction, UI, components
The Yellow-eyed Penguin Trust homepage

The problem

Te Tautiaki Hoiho protect the hoiho — the world's most endangered penguin. Their WordPress site had accumulated years of technical debt: donations were unreliable, and every routine content change had to go through an external agency. For an NGO with limited resources, that dependence cost both money and voice.

Then the deadline moved. The trust learned they'd be featured on Seven Sharp, primetime national television. A six-week project had to compress — and design couldn't be the thing that held it up.

What I did

The old site was penguin blue-and-yellow — a brand built around one bird. I moved it toward greens, beiges and earth tones, which is what the trust actually does: habitat. The organisation is about the coastline the hoiho depend on, not just the mascot.

To hit the broadcast date, development started before design was finished. That only works if the design is systematic, so I worked in components from the start and made the palette shift something that could be applied consistently rather than page by page.

The part I care most about is invisible to visitors. I designed for the trust's own staff as a user group — component structures they could reorder, fill and publish themselves. When a new donation drive lands, they change it. Not an agency, not a developer.

  • Brand & palette direction
  • Design in parallel with build
  • Editor-first components
The How to help section
Earth tones and habitat imagery — the trust's remit, not just its mascot.
Editing the projects section in CloudCannon
The same components, seen from the editor's side — designed to be edited.

The outcome

The site was live when the segment aired. Accessibility moved from "needs work" to "good", alongside performance and SEO — a cleaner heading hierarchy and a more accessible markup structure throughout. And the trust's editors stopped waiting on anyone.

Having a platform where we can update and manage the website ourselves, without needing to go through an agency for every change, has been a big part of that independence.

Anna Campbell
General Manager, Te Tautiaki Hoiho

The rebuild was a team effort — CloudCannon's developers took the performance numbers from an eleven-second load to under two. What I own is the direction it took, and the fact that a small NGO can now run their own website.