Northgate Foundation
- Project
- Sample website
- Audience
- Community foundation · Cleveland, OH
- Scope
- 5 pages · design and build
The brief
Who it’s for. What it needs to do.
Make the work of a community organization visible.
Two groups visit a community foundation’s site: families looking for a program and neighbors who want to help. At Northgate, both start from the same program pages and photographs before they get in touch.
This is a fictional business, and everything it says about itself was written for this sample.
Design decisions
A closer look at the choices behind the pages.
Explain the programs in plain sight
Programs sit in a readable list on their own page, one link away from anywhere on the site. The homepage names the work in its first line, “Books, meals, after-school care,” so the mission is clear before anyone scrolls.
Let the photographs tell it
A mosaic gallery shows the work in photographs, which breaks up the program detail and keeps the site feeling human. About and Contact come next for anyone deciding how to take part.
The visitor’s path
From the first question to the next step.
Read the mission on the homepage ↗
The foundation’s work comes first, with two buttons: see the work, or donate and volunteer.
Find the relevant program ↗
After-school care, family meals, the book pantry and summer bridge are listed row by row.
Explore the work and the organization ↗
The About page covers the foundation’s 30 years, and the gallery shows the work today.
Donate or volunteer ↗
Donors, volunteers and families can call, email or fill in the form.
Delivered work
What’s here, and what it demonstrates.
Programs up front
Programs, photos, the foundation’s story and a way to help, one page each.
Two audiences, one site
Families looking for help and neighbors who want to give it start from the same pages.
Explore the website
Take a closer look at the finished pages.
The form is part of the sample and doesn’t send.
Let’s make it yours.
Tell us about your business and the people you serve. We’ll plan the pages around what your website needs to do.