SERVE Foundation

Project Details

The SERVE Foundation is a Bay Area, CA non-profit that is working to expand their mission.  They needed an overhaul of their digital presence to more credibly reflect their exciting new vision.  This included a new logo, branding and website.

Brand Identity

Brand Identity

Given the priority of timing to design and build the website, the development of the logo for the SERVE Foundations was the focus, and helped drive the brand colors and typography decisions.

Logo

The Board members already had selected some logos for inspiration, wanting an element from each, to create something uniquely their own vs a pre-made logo.

Initial Explorations with a couple of different color schemes.

2 logos with concept of hands holding up housing with a sun in background

Feedback on initial explorations was the desire for a more artistic looking hand to be holding up the house and to have the ‘starburst’ type sun behind for drawing more attention.  In iteration 2 there was a request for the typography for the logo to be more ‘modern’.  Option B was the color scheme that resonated with the Board.

4 images of logo options, with varying color schemes

After logo selection, typography for the name was added to match.  Feedback to the original was for typography for the logo to be more ‘modern’ like X (formerly twitter) or Tesla type modern.  To ensure an aesthetic match with the graphic, some details were removed and/or tweaked to create a more minimalist graphic so that options could be compared.  Ultimately, the ‘Modern Font, Modern Logo’ or last option was selected.

Logo options presented in context of header. Variations in typography and logo.

Typography

Since getting the site up was the priority for this project over iterating on font choices, the highly poplar font, Roboto, was selected for the site content.

Colors

The color schemes presented early on in the logo options, were offered with the SERVE Foundations vision in mind.  Ultimately, the brand colors grew organically from that with Blue representing Trust, Reliability, and Peace, and Yellow for Optimism, Happiness and Excitement for a bright and hopeful future.

swatch of brand colors and typography for SERVE Foundation brand

Web Design

Web Design

Phase 1 Delivery included the overall site information architecture (i.e. navigation) and related pages.

This was the Home Page and site navigation at launch.  Visit live site at servefoundation.org.

serve homepage at initial site launch.

 

Phase 2 Delivery added the implementation of the GiveWP Plugin to allow donations to go to particular people/families, projects, and services.   Visit the Donate to People/Families page.

webpage image showing three people that have individual donation campaigns