Volunteer & nonprofit sites routinely fail in the same areas: missing trust signals, donation & sign-up flows with too many steps, poor mobile experience, and accessibility issues that actively exclude users with disabilities.

Nonprofit websites are one of the most underdesigned categories on the web, despite serving audiences where clarity and trust directly affect real-world outcomes.

I aimed to design a template where performance, accessibility, and information hierarchy are clear, intuitive, and trustworthy for all users.

I audited live nonprofit sites before touching any design decisions. The main three goals that i had:

• surface the primary action;

• responsive website across screens;

• build trust through specificity;

• improve performance, accessibility & SEO (Lighthouse results attached below).

Volunteer opportunities placed directly on the homepage, so the first thing a visitor sees is a real opportunity with an organization name, date, and location. No navigation required. Each opportunity has its own permanent URL, making individual listings indexable by search engines and shareable directly by organizers.

Blog content is organized by category (Volunteer Stories, Ecology, Animals), so a first-time visitor can self-select into what's relevant. Template has custom 404 page, as well as a Thank You page which closes every form submission with a confirmation. Navigation is four items with a persistent CTA in the header, reachable from every page. One typeface, Satoshi, at two weights keeps the system coherent without adding font load overhead.

Google Lighthouse audit of homepage "Helpmate"

*9.07.2025