UX design for a non-profit in social justice

Neon

The project

Neon is a British non-profit organisation that supports and trains social justice campaigners. I worked with a team of freelancers to give Neon a fresh new look and build their new site.

Among other things, they offer anti-oppressive facilitation training, toolkits for handling the press, and access to a network of activists.

Neon wanted to review their visual identity and improve the user experience on their site. Together with my collaborators, we designed new brand guidelines and incorporated them into a new site. This approach effectively enhanced user experience, SEO, content strategy, and accessibility.

The project presented an exciting challenge: making the most of Webflow's CMS to meet Neon's specific needs while giving them control over future updates. It was a rewarding journey that combined our team of freelancers' expertise with Neon's sector-specific knowledge.

The strategy

Neon offers a variety of training and ongoing support to their members, but the original site lacked clarity in presenting these services. My first task was to reorganise their content into a clearer sitemap. We then listed all the technical features required by Neon. Finally, I developed a strategy to optimise their content maintenance processes, ensuring they would remain autonomous in the long run.

Neon publishes most of their content via Webflow's CMS, so I customised page templates and added special features that Neon needed. This ensures that each new piece of content published doesn't risk compromising the site's layout that I created for them. This approach allowed the team to save time and protect the design they invested significant resources in.

The design

Organisations like Neon are dedicated to inclusivity and readily invest in digital accessibility. Therefore, I prioritised accessibility throughout all stages of the design process.

During our collaboration, I ensured Neon understood my design choices, even when I had to challenge their expectations that didn’t comply with accessibility standards. We discussed key aspects of accessible design, such as colour contrast, keyboard navigation, and button labels.

When developing their visual identity, we focused on selecting colours that provide the highest contrast ratio and chose the Atkinson Hyperlegible font to help people with visual impairments distinguish letters more easily.

Webflow's built-in accessibility features simplify the process of creating an accessible website. With some understanding of semantics and accessible design, Webflow provides ample tools and settings to help you produce accessible content.

However, it was Neon's genuine commitment to producing accessible content that made it possible. Our shared values, combined with Webflow's tools, enabled us to create a site that meets international accessibility standards.

Sunitha Dwarakanath
Operations officer at Neon
Tamara has been really easy to work with, producing an incredible professional and accessible website. It has transformed our ability to engage with people in our network, improved our internal processes through automation, saving us time and resources. I would definitely recommend her for future work and look forward to our continued relationship.

More case studies