Contact

Fauna & Flora

Creative Direction
Web UI

A new digital experience for an international wildlife conservation charity, translating a fresh new brand identity into an engaging, low-carbon website inspired by nature.

A picture of a Union Island gecko masked in a curved shape.

Challenge

Fauna & Flora (formerly Fauna and Flora International) were undergoing a rebrand and looking to make changes to their website by enhancing audience engagement to boost fundraising, and improving digital sustainability standards. With a rich library of beautiful imagery, it was important that we achieved this without compromising the impact of their existing digital presence.

The hero section of an appeal landing page showing an image of an endangered pangolin alongside a donation widget containing the headline 'Give hope to nature'
Three slides from the website design direction showing colour partnerships, illustrations and buttons coloured for different functions

Approach

In collaboration with Fauna & Flora’s branding agency, I helped to ensure the rebrand would include considerations for digital experience and sustainability. This meant thinking about the carbon implications of things like heavy image and video content and use of bright colours. We decided to be more purposeful with images, looking at alternatives to video such as animation and audio, and avoiding too many bright colours, favouring more muted and deeper colours instead.

With regard to audience engagement, we pushed for a greater emphasis on creative storytelling, and introduced a number of features to enhance this aspect of the user experience. This included audio components where conservationists on the ground in project regions could provide regular updates on conservation projects, and fact and stat components including a new lightweight illustration style for the brand which could be animated using CSS.

The result of this work was a 90% reduction in overall page weight, drastically reducing emissions for the site, and a boost to audience engagement resulting in 97% increase in YoY conversion rates.

An initial design for a map component showing a map of the world with clickable trees denoting forests, with an area within Cambodia selected

If you want to know more about me and what I do, if you’re interested in working together, or if you just fancy a chat then please drop me a message.
Get in touch