SeattleWorks Branding and Website Redesign
Project type
Individual project
Tools
Sketch
Illustrator
Deliverables
Visual system
Responsive web
Duration
8 weeks

OVERVIEW
Client introduction
Seattle Works is an online network for volunteer and leadership opportunities. By engaing volunteers at all ages and from all professions, Seattle Works fulfills its mission to connect volunteers, develop leaders and build communities.
Current experience
The website is one of the major channel for people to find volunteer and leadership opportunities and events. However, the current website has some issues that make it difficult to convey a clear message of what the organization serves to do. Some major issues were:
-
Lack of content hierarchy
-
Confusing registration flow for events
-
Outdated visual design
SOLUTION
Scope
After identifying their mission statement and goals, I rebranded their website by designing a cohesive visual system to help the organization to apply a clear and modern style across platforms.
As a demonstration of “mobile first” design principle, I especially redesigned the responsive mobile web for volunteer events searching and registration, aiming to help visitor find the opportunities to their interests and make the registration flow more smooth.
Logo design
After exploring 3 concepts, I decided to choose #1 because of the visual harmony with the heart and hands, as well as the resonating symbolism behind the elements.

Concept #1: combination of heart and hands

Concept #2: four-leaf clover with hearts

Concept #3: abstract map with Seattle highlight
Brand book
After deciding on the logo direction, I elaborated on the design and derived a color palette and typography base on the look and feel of the brand.

Application of visual system

Home page with intro and search

Search results page displaying events in chronological order

Event detail page

Date selection

Enrollment confirmation

Home page in desktop web

About page in desktop web