Boys & Girls Clubs of SF Website

Home / UX / Boys & Girls Clubs of SF Website

CLIENT TYPE: Nonprofit organization

ROLE: Lead designer

AGENCY: Media Cause

DURATION: 6 months

LAUNCHED: Spring 2016

BGCSF get a splashy new home

Designing a playful new look for an exceptional youth-serving nonprofit
Check it out for yourself
While serving as Senior Designer at Media Cause, I was tasked with redesigning the official website of the Boys & Girls Clubs of San Francisco.


  • redesigned the BGCSF website homepage and key template pages
  • created new informational hierarchy within navigation menu and on more information-dense internal pages in anticipation of user needs
  • optimize informational hierarchy to aid SEO
  • compiled videos and copy for intro
  • developed new typographic style guide



  • drive donations to the nonprofit through eye-catching CTAs
  • make BGCSF news easier for BGCSF team to updates
  • make it easier for parents to locate, learn more about and sign children up for clubs, summer camps and other programs
  • communicate the BGCSF mission through eye-catching visuals


Low fidelity
Medium fidelity