Farestart Website Redesign

Revitalizing a nonprofit’s digital presence to communicate warmth, professionalism, and social impact.

Role

UX & Visual Designer

Industry

Nonprofit • Social Impact • Web Design

Duration

6 Weeks

Overview

FareStart is a Seattle-based nonprofit organization that transforms lives through food-service job training and employment. Since 1992, it has empowered people overcoming homelessness, poverty, and incarceration to achieve long-term self-sufficiency.

The goal of this redesign was to modernize FareStart’s website and create a more human-centered experience, one that conveys warmth, optimism, and community impact while maintaining a professional visual identity.

Problem

The existing FareStart site appeared text-heavy, visually inconsistent, and lacked emotional storytelling. Users often struggled to locate donation or volunteer options, and the interface didn’t reflect FareStart’s dual nature as both a professional training institution and a compassionate community organization

Design Goals

  • Strengthen emotional storytelling through imagery and color

  • Improve usability and navigation flow across key pages

  • Highlight impact metrics and personal success stories

  • Simplify donation and volunteer actions

  • Unify digital and print identities under one consistent visual system

Overview

FareStart is a Seattle-based nonprofit organization that transforms lives through food-service job training and employment. Since 1992, it has empowered people overcoming homelessness, poverty, and incarceration to achieve long-term self-sufficiency.

The goal of this redesign was to modernize FareStart’s website and create a more human-centered experience, one that conveys warmth, optimism, and community impact while maintaining a professional visual identity.

Problem

The existing FareStart site appeared text-heavy, visually inconsistent, and lacked emotional storytelling. Users often struggled to locate donation or volunteer options, and the interface didn’t reflect FareStart’s dual nature as both a professional training institution and a compassionate community organization

Design Goals

  • Strengthen emotional storytelling through imagery and color

  • Improve usability and navigation flow across key pages

  • Highlight impact metrics and personal success stories

  • Simplify donation and volunteer actions

  • Unify digital and print identities under one consistent visual system

Design Foundation

Color Palette:
Built on warm analogous hues of gold, orange, and yellow to convey optimism and nourishment, extended with olive green for sustainability and black/white for balance.
Key colors:

  • Bronze #A4833D – stability & trust

  • Golden Orange #DD972E – calls-to-action & energy

  • Bright Yellow #FADA34 – positivity

  • Lime Green #C4FA34 – renewal

  • Black & White – clarity & contrast

Typography:

  • Montserrat (Sans-serif): Modern, approachable, professional

  • Merriweather (Serif): Warm, trustworthy, human
    This pairing balances clarity with empathy, reflecting FareStart’s brand tone

Process & Development

  1. Identified three key user goals: learning about FareStart, engaging via donation or volunteering, and accessing visit information.

  2. Sketched low-fidelity wireframes to clarify hierarchy and flow.

  3. Developed a warm, inclusive color palette and accessible typography system.

  4. Built the high-fidelity homepage emphasizing emotional connection, structured navigation, and measurable impact metrics.

Final Design

The final design emphasizes FareStart’s mission of empowerment through food and community.

  • A welcoming hero section introduces the brand and highlights key CTAs (“Volunteer With Us”, “Support Our Mission”).

  • Mid-page metrics (“2,500+ lives transformed”, “85% job placement rate”) build credibility.

  • Testimonial cards share authentic stories of transformation.

  • A “Ways to Support” section unites donation, volunteering, and dining options in one consistent layout.

Outcome & Reflection

The redesign transforms FareStart’s online identity into one that’s modern, cohesive, and emotionally resonant. The structured layout and accessible design enhance user trust, while warm tones and human-centered photography communicate belonging and hope.

If implemented, the redesign would strengthen FareStart’s engagement with donors, volunteers, and community members, driving both digital visibility and social impact.

Final Design

The final design emphasizes FareStart’s mission of empowerment through food and community.

  • A welcoming hero section introduces the brand and highlights key CTAs (“Volunteer With Us”, “Support Our Mission”).

  • Mid-page metrics (“2,500+ lives transformed”, “85% job placement rate”) build credibility.

  • Testimonial cards share authentic stories of transformation.

  • A “Ways to Support” section unites donation, volunteering, and dining options in one consistent layout.

Outcome & Reflection

The redesign transforms FareStart’s online identity into one that’s modern, cohesive, and emotionally resonant. The structured layout and accessible design enhance user trust, while warm tones and human-centered photography communicate belonging and hope.

If implemented, the redesign would strengthen FareStart’s engagement with donors, volunteers, and community members, driving both digital visibility and social impact.

Other projects