Subscribe to our newsletter for helpful updates, tips and insights delivered straight to your inbox. It's a simple way to stay connected and informed.
Your charity website should do more than explain what you do. It should make the gap between the problem people face and the better outcome they want impossible to miss. The interesting part is what sits between those two points, your offer!
Your charity website should do more than explain what you do. It should make the gap between the problem people face and the better outcome they want impossible to miss. The interesting part is what sits between those two points, your offer!
A strong charity website should make one thing very clear, the difference between the situation as it is now and the better outcome your charity is working towards.
That difference is where the tension sits. It is what gives people a reason to care, a reason to keep reading and, ultimately, a reason to act.
If someone lands on your website and sees a lot of information about your organisation, your history, your projects and your values, but never really understands what needs to change, the message can feel flat. Equally, if you explain the problem in great detail but never show what better could look like, people are left with concern but no direction.
The more tension you can build between the problem and the ideal, the greater your offer appears to be the solution.
For a charity, the problem is often obvious internally. Your team works with it every day. You understand the detail, the causes, the language and the wider context.
Your website visitor probably does not.
That means the problem needs to be explained in a way that feels immediate and understandable to the person reading it. You are not trying to give them everything you know. You are trying to help them understand enough to see why the issue matters.
Take a homelessness charity. The problem is not simply that “homelessness exists”. That is too broad to create much meaning. The website might instead show that someone leaving temporary accommodation has nowhere stable to go, cannot keep a job without a permanent address, or is moving from one unsafe situation to another.
That is much easier to understand because it gives the problem a human shape.
The same applies to a charity working with older people. “Social isolation” may be accurate, but it is still quite abstract. Talking about someone going several days without speaking to another person makes the issue much more real.
The aim is not to be dramatic. It is to be specific.
Once the problem is clear, the website needs to show the other side of it.
What is the outcome your charity is trying to create?
For the person facing homelessness, perhaps it is a safe place to live, greater stability and the chance to rebuild. For an isolated older person, it might be regular friendship, confidence and a sense of belonging. For a young person struggling at school, it could be support, opportunity and a route into something they did not think was possible.
The outcome gives the problem direction. It shows that the current situation is not simply something to feel bad about. There is something better to move towards.
This is where the tension starts to become useful. You have shown where things are now and where they could be instead. The gap between those two points creates a natural question in the mind of the visitor.
How do we get from here to there?
That is exactly where your offer needs to come in.
For charities, the word “offer” can sound a little commercial, but the principle is important. Your offer is simply the thing you provide that helps move someone from the problem towards the better outcome.
It might be a service, a programme, specialist support, campaigning work, a community project, practical help, research, a resource or a way for someone to contribute financially.
Whatever it is, the connection needs to be clear.
If you are asking someone to donate, do not leave the donation disconnected from the problem you have just explained. Show what the donation helps make possible. If you are asking someone to volunteer, explain how their time contributes to the outcome. If you are offering support, make it clear how that support changes the situation someone is currently facing.
A visitor should be able to understand the logic without having to work it out for themselves.
This is the problem.
This is the better outcome.
This is how our work helps bridge the gap.
That is a much stronger message than simply listing everything the charity does.
One of the challenges for charity websites is that the same organisation often serves several very different audiences. A donor, a service user, a volunteer and a funder may all care about the same issue, but the role they play is not the same.
The basic structure still works, but the bridge changes.
A service user may arrive with a direct personal need. The website needs to show that you understand the problem and make the route to support feel clear and safe.
A donor may arrive because they care about the issue but do not yet know what they can do about it. For them, the bridge is showing how their support contributes to the outcome.
A volunteer may already believe in the cause. Their question is more practical. Where can I be useful, what will I actually be doing, and what difference will my time make?
This is why one generic message across the whole website rarely does enough. The problem and desired outcome may be shared, but the offer needs to make sense to the person reading that particular page.
There is an important distinction here.
Creating tension does not mean making the problem sound as terrible as possible. It does not mean guilt, shock or exaggeration.
In fact, overdoing it can have the opposite effect. If everything feels desperate, people can become overwhelmed or sceptical.
Good tension comes from contrast.
This is the reality now.
This is what better could look like.
This is the part we play in getting there.
That is enough.
For many charities, the strongest stories are not the most dramatic ones. They are the ones where the change is easy to understand. Someone was struggling with this, they received this support, and this is what became possible afterwards.
That is the problem, the bridge and the outcome working together.
This is a useful way to review a charity website because it moves the conversation away from whether a page “looks good” and towards whether it is doing a clear job.
Take your homepage. Is the problem your charity exists to address clear? Can someone understand what better looks like? Is it obvious what your charity actually does to help create that change?
Then look at your donation page. Does it simply ask for money, or does it make the connection between giving and the outcome clear?
Look at your service pages. Do they just describe the service, or do they explain the problem it helps solve and the difference it is designed to make?
Look at volunteering. Are you advertising roles, or are you showing someone how their time becomes part of the solution?
Those are very different things.
If I were simplifying this down to one framework for a charity website, it would be this.
Problem. Outcome. Bridge.
Be clear about the problem your audience understands. Show them the better outcome your charity is working towards. Then explain how your offer bridges the gap between the two.
When those three things connect properly, the website becomes much easier to follow. People can understand why the work matters, what your organisation actually does, and where they fit into it.
That is the tension you want to create, not for the sake of drama, but because it gives your message shape and gives people a clear reason to move forward.
Please fill in the form below to book your FREE Website Review.