Charity and non-profit website design

The design brief. A site for a women's rights organisation working on violence, reproductive rights, education and pay equity, with donation as the primary conversion. Non-profit design has a particular trap: the cause is serious, so designers reach for sombre imagery and heavy language, and the result depresses visitors rather than moving them to give. Guilt is a poor motivator for donation; hope is a much better one.

The photographic decision. The hero is a portrait of a woman looking directly at camera, smiling, arms folded, confident. Not a photograph of suffering. This is the most important choice on the page and it is a deliberate rejection of the category's default. Donors give when they believe their money will produce an outcome, and a picture of strength implies capability and progress in a way an image of distress does not. The person is presented as an agent, not a victim.

The split headline. The statement is broken across two lines with the second half in a contrasting green, so the eye lands on the aspirational half. Set in a light-weight serif at large size — serif for gravity and institutional credibility, light weight so it feels hopeful rather than heavy.

The donation form. Placed directly in the hero, to the right of the portrait, not on a separate page. It offers a one-time or monthly choice as two clear toggles, then preset amounts and a free-entry field, then a single continue button. Putting the form in the first screen is the highest-impact decision here. Every additional click between the emotional moment and the payment field loses donors, and the emotional moment is strongest at first sight. The monthly option is given equal visual weight to one-time because recurring gifts are worth several times more to an organisation over their lifetime.

Supporting statistic. A short piece of hard data sits to the side of the hero, quantifying the problem in a single sentence. One number, placed where it frames the donation form. Statistics work best in small doses at the moment of decision; a page of them numbs the reader.

The four programme areas. Presented as a four-column row with circular icons in the brand yellow, short titles and two lines of explanation each. Clear, equal weight, no hierarchy between them. A donor wants to know what their money is for, and four named programmes are far more persuasive than a general appeal because they make the work concrete and let a donor attach to the cause that resonates with them personally.

Colour strategy. Soft mint green, warm cream and a yellow accent, with generous white space. This palette does the heaviest lifting on the page. It is warm, optimistic and calm — nothing about it is alarming. The green carries the buttons, the yellow carries the icons, and neither appears anywhere else, so the page never becomes noisy despite being colourful.

The hand-drawn circles. Section headings are marked with a rough hand-drawn ellipse around one word. It is a small device, used sparingly, but it introduces a human, imperfect mark into an otherwise geometric layout. For an organisation about people, that trace of a hand matters more than it should on paper.

Proof at the foot. Large numerals covering countries reached and cases resolved, alongside further portraits. Concrete outcomes, stated plainly, closing the argument that began with the opening photograph: this organisation is capable, and here is the evidence.