E-community-service logo

e-community-service.org is a mobile oriented web platform for high school students to do community service online.

Final E-Community Service logo design featuring a gradient heart-handshake icon on a dark gray background.

1

Brainstorming &
Mood Exploration

- A formal, modern sans serif font, because it's easy to read on screen and good for visually disabled people. All caps to avoid weird space between letters.

- A simple icon illustration that's good for small screens.

- Icon on the left and text on the right to make the logo wider, so it can be more easily put on a navigation bar.

- blue or/and green color for the logo, symbolizing growth and trust. It also accompanying with the current changing the present logo.

Logo reference: ProPrio.
Logo reference: Liberty in North Korea.
Logo reference: American Heart Association.
Logo reference: Barcelona School of Tourism and Gastronomy.
Logo reference: One Drop.
Logo reference: Human Appeal.
Logo reference: Pencils of Promise.
Logo reference: Denver Art Museum.
Logo reference: Handicap International.

2

Mark &
Type Exploration

Typography iterations testing various font weights, alignments, and teal/red color accents.
Typography iterations testing various font weights, alignments, and teal/red color accents.
Vector sketches exploring combinations of heart, handshake, and mobile device motifs.
Logo Wordmark

Raleway Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Final logo layout displayed on a dark background with white text.
Final logo layout displayed on a white background with black text.

3

Application

Desktop website homepage mockup featuring the new logo and photography of holding hands.
Mobile website mockup showing responsive navigation and header design.
Instagram profile mockup showing the logo used as a profile picture.
Facebook page mockup demonstrating the brand identity in a social media context.