Design-Based Research Capstone

SRFSC Website Redesign Examples

The SRFSC homepage can be more direct and action-focused. The strongest example is to make the mission, volunteer path, and urgent neighborhood context visible immediately.

SRFSC Project Board Open on GitHub
Strengths vs Improvement
Clear Mission Messaging

Visitors should understand the wildfire risk and the council’s role before exploring the rest of the page.

View Example
Volunteer Path

Action buttons are easy to find and connect users directly to volunteering and donations.

Join Us
Community Trust

Local context, impact stories, and partner credibility make the council feel more established and reliable.

Updates
Program Clarity

Grouping fuel reduction, home hardening, and education into clear sections reduces friction and confusion.

Program View
Key Opportunities
Priority First

Lead with wildfire preparedness, hazard reduction, and neighborhood action.

Shared Visibility

Keep local news, volunteering, and donations in a single clear path.

Clearer Identity

Use a stronger brand palette and cleaner structure to feel current and trustworthy.

What the page should emphasize
Urgency

Use a direct wildfire-risk message early so visitors understand why this matters immediately.

Action

Volunteer, donate, and join events should be visible in one glance instead of buried in navigation.

Trust

Neighborhood impact, local partnerships, and clear communication make the council feel credible and active.

A stronger homepage should feel calm, urgent, and clear at the same time: the message is important, the next step is obvious, and the local community feels included.

flowchart TD A[Visitor lands on page] --> B{Understand the risk?} B -->|Yes| C[Read mission + local context] B -->|No| D[Improve hero message] C --> E[See call-to-action buttons] D --> E E --> F[Volunteer or donate] E --> G[Learn more about programs] F --> H[Community action grows] G --> H style A fill:#173b2f,color:#ffffff,stroke:#173b2f style C fill:#2f6d4c,color:#ffffff,stroke:#2f6d4c style E fill:#d8572a,color:#ffffff,stroke:#d8572a style H fill:#49615b,color:#ffffff,stroke:#49615b

Powered by OCS grids and buttons

Buttons Grids