All work

Websites / A community nonprofit website

Make the programs and the people easier to find.

Website design and content coordination for a community nonprofit serving people with intellectual and developmental disabilities.

Editorial illustration of website design and content coordination for a community nonprofit serving people with intellectual and developmental disabilities.
Editorial illustration of the project scope. Not a production screenshot.
Website development processConceptual overview

Organization story

Content coordination

Page design

Implementation updates

Website design & implementation updates. A simplified visual guide to the work described below.

Give the organization room to tell its story.

The work connected an introduction to the organization with programs, volunteering, giving, and participant-created collections. I helped shape the page structure and guided the team on the descriptions, imagery, and supporting material needed for each part.

Work with the content as it arrives.

The project included content requests, program categories, testimonial layouts representing different community perspectives, and a structure for videos and written work. Those decisions made the content-gathering process more concrete for the team.

Refine the actual pages.

Implementation updates in Squarespace addressed heading consistency, image crops, spacing, section shapes, and the placement of the photo mosaic. Review notes distinguished changes that could be made within the platform from navigation behavior requiring additional development.

The process

How the work came together.

Connecting program information with support and participation. Editorial illustration.
Connecting program information with support and participation. Editorial illustration.

Plan the content together

Define program categories, supporting descriptions, testimonials, and collections.

Build the visual structure

Connect page hierarchy, imagery, typography, and paths to participate.

Refine against feedback

Review crops, spacing, heading consistency, and platform constraints.

Skills & applications

What the work called for.

Website designContent coordinationVisual consistencyClient collaboration
Squarespace
The website’s implementation environment for design and content refinements.
Program & collections pages
Content includes programs, media, and participant-created work.
Content review documents
Requests and feedback connect the organization’s material with page-by-page changes.

The deliverables

What took shape.

A responsive program and collections page concept. Editorial illustration.
A responsive program and collections page concept. Editorial illustration, not a production screenshot.

Website design & implementation updates

  • Program & support-page structure
  • Content coordination & visual direction
  • Squarespace design refinements

The outcome

The result.

A coordinated website design and refinement process covering the organization’s public story, program information, and ways to participate.