7 Programs.
0 Enrollment Pathways.

The Programs section had two compounding failures: a near-complete absence of program content, and no infrastructure for the one action these pages exist to enable — enrollment. A visitor would arrive at any of seven program pages, find a schedule and little else, and then have nowhere to go. No enrollment form, no registration link, no contact pathway, and no indication of how to actually join.

This was both a content problem and a conversion infrastructure problem — and it affected every program page without exception.

Overview

Adequate

Photography & visual design (desktop)

Overview card photography strong; schedule pages contain none

Poor

Photography & visual design (mobile)

Inconsistent layout; buttons obscure photos

Critical Gap

Program content quality

Descriptions and context absent across all 7 programs
 

Partial

Accessibility documentation

Per-event ADA notation on Dock of the Bay only

Critical Gap

Enrollment infrastructure

Zero pathways across all 7 programs

Critical Gap

Professional referral pathways

No healthcare, justice, or social service mechanisms

Poor

Mobile experience

Financial CTAs before program content; 2 names truncated

Poor

Technical stability

Widget errors; one page live on exposed staging URL

Programs Overview Page

Hero Section & Inclusivity Statement

The Programs page opens with a full-width hero image and an inclusivity statement notable for its specificity — explicitly naming populations standard nonprofit language often omits: people with criminal records, people facing economic barriers, and LGBTQ+ individuals.

The statement communicates values effectively and sets a clear expectation for visitors who may have been excluded from traditional outdoor experiences. It is not followed by any pathway to act on that interest.

Program Card Grid:
Strong Photography, No Program Content

Below the hero, a six-card grid presents high-quality photography with authentic diversity across age, ethnicity, and ability. Recognizable Bay Area landmarks establish immediate geographic relevance. Each card has one orange button leading to a schedule page — the primary and only navigation element on the page.

The card grid functions as the entire program discovery layer for the section. There is no program description, no explanation of who each program is for, no sense of what participation involves, and no pathway to join.

Mobile Experience

Two full-width stacked DONATE / MEMBERSHIP buttons appear in the header before the hero image, the inclusivity statement, or any program content.
Card layout is inconsistent — most cards are single-column, but two render as a smaller two-column grid with no apparent reason.
Card heights and aspect ratios vary throughout the scroll, with no pattern reflecting content differences.
Semi-transparent orange buttons sit directly over photographs, obscuring the majority of the image on several cards.
Two program names truncate mid-word: “Open Space & Climate Chan…” and “Youth Environmental & So…”.
No touch-optimized forms, click-to-call options, or mobile-specific inquiry mechanisms anywhere in the section.

Individual Program Pages

Every individual program page follows the same structure: a schedule — and in most cases, little else — followed by no enrollment pathway.

ProgramContentEnrollment Infrastructure
Community Nature HikesSchedule + sponsor email onlyNone
Dock of the BaySchedule with per-event ADA notation and equipment notesNone
Seniors Hike for HealthFounding tribute + donation ask + sponsor emailSponsorship email only
Open Space & Climate ChangePartial scheduleNone
Youth Environmental & Social JusticePartner org names + "Learn More" buttonsPartner referral only
Headwaters to the BayPartial scheduleNone
Adult ReentryPlaceholder — "coming soon"None

Community Nature Hikes

What is missing: Any program description, enrollment mechanism, or participant contact pathway.

Dock of the Bay

What is missing: Any program description, enrollment pathway, or participant contact information.

Seniors Hike for Health

What is missing: Any program description, schedule, enrollment pathway, or referral mechanism for healthcare providers.

Youth Environmental & Social Justice

What is missing: A clean production URL, a direct enrollment or inquiry pathway for families, and a referral mechanism for justice system and social service professionals.

Adult Reentry

What is missing: Program content, schedule, enrollment pathway, and any contact method for participants or referring professionals — the most significant missed opportunity in the section given this program’s stated centrality to SBN’s mission.

Site-Wide Conversion Failures

Financial Touchpoints Outpace Participation Infrastructure

Below the newsletter form, a Spark Good Round Up widget adds a third financial touchpoint — after DONATE in the header and the newsletter form — inviting visitors to round up Walmart purchases in support of SBN.

The footer contains the only contact information present anywhere on the site: a physical address, a phone number, and business hours — presented as organizational credentials, not a participant contact pathway.

A visitor who has read through every program page and wants to ask how to join has no obvious contact mechanism — but if they scroll to the very bottom of the page and read the footer carefully, they will find a phone number.

Professional Referral Pathway Gaps

Several SBN programs are explicitly designed to be accessed through professional referrals. The site provided nothing for those referrers.

Seniors Hike for Health

Healthcare providers

No referral form, no professional contact

Adult Reentry

Probation officers, case managers

“Coming soon” — no timeline, no contact

Youth Environmental & Social Justice

Schools, social workers, probation officers

No mechanism for the referring professional

These are not hypothetical visitors. They are the referral pathways that would drive the highest-quality, most mission-aligned enrollment for SBN’s programs — and the site provided them nothing.

Overall Assessment

The Programs section had two compounding problems: shallow or absent program content across most pages, and no enrollment infrastructure to convert visitors into participants even on the pages where schedules existed. The result was a section that listed programs but provided neither the information nor the pathways needed for community members to join them. Before any conversion infrastructure could be built, the content itself needed to be created.

DimensionAssessment
Photography & Visual Design (desktop)🟡 Adequate — overview photography strong, schedule pages have none
Photography & Visual Design (mobile)🔴 Poor — inconsistent layout, buttons obscure photos
Program Content Quality🔴 Critical gap — descriptions absent across all 7 programs
Accessibility Documentation🟡 Present on one program only
Enrollment Infrastructure🔴 Critical gap — zero pathways across all 7 programs
Professional Referral Pathways🔴 Critical gap — no healthcare, justice, or social service mechanisms
Mobile Experience🔴 Poor — financial CTAs first, layout inconsistent, names truncated
Technical Stability🔴 Poor — widget errors; one page on an exposed staging URL

This audit reflects the observed state of savedbynature.org/programs and all individual program pages as of July 2025. All findings are grounded in visual and structural review of the website at the time and are documented in page screenshots.

See how it was rebuilt

Full breakdown of the new program pages and the conversion pathways built to replace zero enrollment infrastructure.