VolunteerMatch Banner

VolunteerMatch Art Direction and Front End Design

Client

VolunteerMatch

Project

I worked as the Art Director at VolunteerMatch from 2007 - 2011. VolunteerMatch is an online volunteering board that allows for non profits and volunteers to connect.

During my tenure, my responsibilities covered overseeing all design work for print and online. This included all branding and marketing materials, internal communication, and web design, and client white label design. I also worked as a front end developer and UI designer, bridging the Product and Development teams. This included creating wireframes for user testing, writing front end code, integrating javascript libraries, and implement site updates.

All images are copyright VolunteerMatch.

Style Guide

Style Guide Cover

Logo Elements

Logo Elements

Colors

Colors

Typography

Typography Examples

Style Guide

One of the major projects was to codify all brand materials into a style guide. Up to this point, brand elements were scattered and used ad hoc, resulting in a lack of consistency. The style guide defined all elements and their usage, including logos, colors, typography, and imagery.

Annual Report 2007 Back and Front Cover

Annual Report 2007 Back and Front Cover

Annual Report 2007 Back and Front Cover

Annual Report 2007 Infographics

Annual Report 2007 Back and Front Cover

Annual Report 2007 Spread

Annual Report 2007

I fully designed and illustrated VolunteerMatch's 2007 Annual Report. The theme was "Building Together," the design is based around volunteers literally building the Annual Report itself. The Annual Report also includes extensive infographic design.

Annual Report 2008 Back and Front Cover

Annual Report 2008 Back and Front Cover

Annual Report 2008 Back and Front Cover

Annual Report 2008 Infographics

Annual Report 2008 Back and Front Cover

Annual Report 2008 Infographics

Annual Report 2008

The 2008 Annual Report commemorated VolunteerMatch's 10th Anniversary. The Annual Report is designed to look like a scrapbook of memories and features photos of hundreds of volunteers over the years. The centerpiece of this book is a gatefold timeline covering the complete history of VolunteerMatch.

Ads

Various Advertisements

AARP Advertisement

Badges

Icons and Badges

National Volunteer Week

National Volunteer Week

MLK Day

Martin Luther King Day

Marketing Materials

Marketing materials for VolunteerMatch included print and online advertising, conference signage, postcards, and giveaways. I also created a system of badges and icons that were used on social media and on the public site in user profiles.

Coca-Cola

Coca-Cola

Kenneth Cole

Kenneth Cole Awearness

MLK Day

Discovery Channel

Energizer

Energizer

Affinity Design

A large part of VolunteerMatch's business model is providing corporate volunteering solutions. Participating businesses are given a fully designed and customized white label volunteering site that allows their users to signup for volunteering opportunities and track hours. My job was to work with the clients to design and style affinity sites that matched corporate brands, and in several cases to create a new sub brand for volunteerism. Clients included Google, Coca-Cola, Pepsi, Allstate, Animal Planet, HGTV, MTV, REI, WalMart, and over 100 others.

Local

Local Volunteering Page

Admin Dashboard

Admin Dashboard

Bulk Hours Interface

Bulk Hours Interface

Trigger

Trigger Modal

UI / UX

A large part of my job at VolunteerMatch was working with the Product and Development teams to create wireframes and mockups used for internal review and multivariant testing. We worked in an Agile environment and iterated based on analytics and user feedback. I was also responsible for writing and implement all front end code in HTML/CSS and Javascript.