Project 05² / WEB²

Nonprofit Website

Redesigning a nonprofit experience to communicate impact clearly and make support easier.

ClientCommunity Organization

FormatResponsive Website

IndustryNonprofit

01 / The challenge

Good information.
A better experience.

The organization had meaningful programs and stories, but visitors had to work too hard to understand the mission, discover services, or find the right path to support the organization.

Mission and impact were separated

Donation and participation paths competed

Program information lacked consistent structure

02 / Before

Quarterly Business Review — Q1 FY26 (Draft v7 FINAL_rev2)

Prepared by Finance & Operations · Internal use only · Page 14 of 62

Total revenue for the quarter was $8,412,600 which represents an increase over the prior comparable period.
Gross profit came in at $2,140,880, and margin was broadly consistent with prior quarters.
Customer count increased to 152 accounts across all segments and geographies.
Operating expenses increased due to headcount, tooling, and travel normalization.
Churn remained within the tolerance band agreed by the leadership committee.
Pipeline coverage ratio is being tracked weekly by the regional teams.
See appendix C for the detailed segment breakdown and methodology notes.

Figure 3.1 — Revenue by month ($000s, unaudited)

SegmentQ1Q4VarEnterprise4,1203,880+6.2%Mid-Market2,7402,410+13.7%SMB1,5521,490+4.2%

Source: internal reporting, extracted 04/12Confidential

03 / After

04 / The approach

Simplify. Structure. Transform.

Mission

Bring the organization's impact forward immediately and connect it to real outcomes.

Paths

Create clear journeys for people seeking help, partners, donors, and volunteers.

Stories

Use human-centered storytelling without overwhelming the practical information.

System

Create reusable modules for programs, impact metrics, stories, and campaigns.

05 / The system

A cohesive visual system built for clarity and impact.

TypographyAaSpace Grotesk / Inter / JetBrains Mono

Color

Black / Warm white / Flare orange

Layout

Modular grid system

Icon system○ □ ✦ ↗Geometric outline language

06 / Impact

A better story. Stronger outcomes.

01²

Clearer mission communication

02²

More intuitive support pathways

03²

Consistent program storytelling

04²

Flexible content system

Next project

AI Training Experience

Creating an interactive learning system that helps teams use AI with purpose and confidence.

View project →Start a Project ↗