Grab a cuppa, get comfy and have a nosy around :)

Urgent Action Fund

Urgent Action Fund for Feminist Activism has supported feminist activists across the globe for over 25 years. They provide fast, flexible support to women, trans and non-binary activists so that they can respond to unexpected risks and opportunities, and protect and care for themselves and one another. We designed and developed Urgent Action Fund’s new website, focusing on accessibility and impact.

a selection of screengrabs from Urgent Action Fund's website. Outsized text is used for titles and statistics, along with circle motifs, which frame photographs and secondary pull-out stats.
Credits

UX Research and Design: Eva Kamenetski

UI Design: Alaïs de Saint Louvent and Zoe Tang

Development: Sofiia Bondarenko

UAF wanted a modern and engaging platform that would integrate with their previous brand identity. We took inspiration from the world of activism, with a focus on power and strength.

examples of the mobile layout for UAF's 'Who We Are' page. The designs differ depending on the mobile screensize, so on larger frames, the image sits beside the title text and on smaller mobile screens, images sit above titles and body copy.

We conveyed UAF’s call for equity, empowerment and community strength through the use of bold typography and editorial cut-outs. It was important for us to balance the client’s hopes for a playful and engaging user experience with accessibility requirements, page loading speeds and energy usage. As a result, limited animated elements and created a motif with bold circular frames, which convey UAF’s bold, down-to-earth ethos in an accessible and sustainable way.

Still from 'What We Do' page, which features an animated video on the left and a small text box on the right.

All the websites we design are ‘responsive’, which means the layout and functionality adapt according to screen size). This was a particular priority for Urgent Action Fund, whose previous website hadn’t adapted well to mobile. You can see examples of this in the images above: for example, on mobile, the menu takes up a full page and features Accordion Blocks to limit the amount of information according to screen size.