Neon

(2022)

Neon
How it started

Neon support and train campaigners and activists working across social movements. For this project, I worked with Sarah Joynt-Bowe (brand strategy), Laura Sinisterra (visual identity) and Hailey Avron (project management). We pitched this project to help Neon build a recognisable brand and enjoy an accessible website for both the team and members.

What I learnt

On this project, I really pushed Webflow’s CMS as far as I could and it was incredible to realise all the potential it’s got for organisations such as Neon. I also learnt a lot about the non-profit sector and the way they operate. Working with Neon was just a confirmation that this is the sector I’m most comfortable with.

Visit Neon's website
Homepage of Neon's website. The main goal is for people to find a training that works for them. There's a picture of a passionate South-Asian woman speaking on a microphone. It says "Welcome to neon. We help social movements win".

UX strategy for complex organisations

Neon offers many different types of training and support to members. The way to present those resources on the original site was sometimes unclear. So the first thing we did was reorganize that content into a logical sitemap people could navigate easily. We also listed all the technical features Neon was going to need and how we were going to make it easier for them to manage.

Accessible design for non-profits

An organisation such as Neon cannot afford to exclude anyone. And it was very clear that Neon was ready to invest what was necessary to improve accessibility. My design process includes accessibility at all stages of development. So once I started working with their new brand identity, I worked out colour pairings for maximum readability. I also made sure Neon understood each of my design decisions related to accessibility so that it would stick in the future. For example, we know that keyboard navigation and colour contrast are crucial and those are easily managed with Webflow's built-in accessibility features.

Grid of training sessions open for applications: movement builders economy special, transformative organising in Glasgow, broadcast media interviews and communications skills workshop.

Automation on Webflow

Thanks to Webflow's powerful CMS, most of Neon's content is generated automatically on all the pages necessary. They don't need me as a designer to come back in regularly to update their website – everything is managed from the CMS. That makes their life easier and protects the design they invested in with me. A simple example is that an event's information is entered once in one place and that it gets automatically populated everywhere on the website – for consistency and speed. So they can update content regarding their services, training sessions, or jobs available all from the CMS.

Handover and training the client

Neon is a non-profit organisation, which means, among other things, that they have a limited budget and time. So, to make sure they would remain autonomous in the long run, I gave them a personalised tutorial document. We also organised a training session with key members of the team so that they’d know how to maintain their site easily.

Screenshots of the training page for Orgbuilders with description of the training. There's a picture of people standing together in circle, dressed casually. A black woman is in the middle looking at the group with her arms up to get everybody's attention. She's smiling.

Want to see more?

©Tamara Sredojevic 2022
Not an award-winning designer but I collect accessibility course certificates so it's kinda cool too.
Privacy policy & legal mentions