// work

Print

Amnesty International

Poster, conference and event program materials

Portfolio image Portfolio image Portfolio image

In addition to designing a variety of conference and program materials for Amnesty International, we had the opportunity to work with Shepard Fairey's illustration of His Holiness the Dalai Lama on materials for their event honoring him with a human rights award (including a beautiful poster and a billboard!).

Pictured are three of our favorite components from these projects--the poster of HHDL and a couple layouts from their conference programs that felt particularly powerful.

For both projects, we were responsible for all levels of the project arc from project concept and development, to design, and final production.

View larger images:
Poster (JPG, 4 mb)
Program layout (JPG, 141 kb)
Program layout (JPG, 129 kb)

Web

Astraea Foundation's LGBTQ Racial Justice Fund

Website Design

The LGBTQ Racial Justice Fund is a collaborative philanthropic initiative that recognizes inspired groups that are working across issues and movements for social change. In its first two years of grant-making, the Fund has provided more than $1,500,000 to grassroots organizations in the Southeast of the United States.

We were honored to work with them to build a new, fully responsive website with a custom Wordpress admin and theme. Our responsibilities covered the entire gamut of the project, from initial research and UX, to front-end design/development, to back-end development, and testing/QA.

Web

Code for All Annual Report

Annual Report, Case Studies

Portfolio image

Code for America expanded internationally into Code for All, bringing their vision of harnessing “technology to solve community problems” on a global scale. We had the honor of working on their online annual report highlighting some of the incredible work they've done in their first year.

This project needed a quick turnaround, so we built the site using the Bootstrap framework (HTML/SASS) to create a responsive and visually rich site.

We also developed four case studies to highlight the incredible work they and their partners accomplished that year. For these case studies, we were responsible for creating a flexible white paper style layout to present the findings from each group. We settled on the PDF format because of its relative ease of use for both print and web.

Web

Cal Alumni Association

Website Redesign

Portfolio image

The CAA site was revamped to have a common look/feel, while still featuring custom design elements for the California Magazine and Lair sections of the site.

Our responsibilities included: project management, UX/UI, design, and front-end development. The custom back-end was built in-house using Drupal.

Working with CAA, we did extensive work to create three cohesive but distinct brands, complete with individual color palettes, font sets, and variations in site structure.

Web

Federal Reserve Bank of San Francisco

Front-end Design, Web Production

UX, Front-end design and development for the public facing websites for the Federal Reserve Bank of San Francisco.

Achievements included front-end design for interactive elements such as the payment diary game and the new #unreserved section of the site featuring human interest stories from within the SF Fed.

Other responsibilities included front-end design using HTML/SASS, creating graphics, managing content production, timing news releases, extensive browser and device testing, and QA/troubleshooting.

Web

Geography at Berkeley

Website Redesign

Portfolio image

This project updated the Geography at Berkeley's website to be responsive and work with modern browsers and devices, while also moving them into a custom Wordpress setup. Our team was responsible for all facets of the project from start to finish.

Web

APALC

Website Redesign

Portfolio image

APALC

This site involved a broad cross-section of voices and was one of the most successful design by committee projects we've ever worked on. The migration to Drupal was handled by Trestle Media. We were responsible for all stages of the project from exploratory/planning meetings with all levels of the APALC team, to project management and UX, to design and front-end development.

They have since rebranded as Advancing Justice - LA, but kept the design we created.

Print

The California State Labor Commissioner's Office

Popular Education Materials: Brochures, Calendar

Portfolio image

Design of popular education materials for worker's rights. The California State Labor Commissioner's Office and the UCLA Labor Center hired us to design six large format brochures and a worker calendar, each translated into as many as six languages, all supporting the Labor Commissioner's campaign to reach as wide an audience as possible. (One example included below, more available on request.)

We started the project with a day-long kick off meeting that included a large group of the UCLA Labor Center staff and other stakeholders. After leading this meeting, we were responsible for all areas of the project: meetings with community organizers and the Labor Commissioner’s Office, UX/UI, project management, art direction of photos and photo editing, design, infographics, production, and proofing.

Wage Theft Brochure (PDF, 935 kb)

Print

DLSE Report on the State of the Division

Report Design

Portfolio image

In two years, the State Labor Commissioner, Julie Su, instituted broad and effective changes to the DLSE. This report was created to highlight all the incredible work done by the Labor Commissioner’s office during that time.

Distilling the state-wide efforts and accomplishments of the Labor Commissioner and the DLSE staff was a fantastic challenge that required significant work to display a large quantity of data while calling attention to the accomplishments of this administration.

Creating this document required analysis and refinement of data into human-readable infographics, design, production, and proofing.

View the entire report (PDF, 3.3 mb)

Print, Infographics

The Unity Council

Annual Report, Infographics

Portfolio image Portfolio image

Creation of infographics and design of Unity Council's Annual Report.

Unlike many annual reports, we worked to create a different format that was compact and eye-catching to concisely convey the incredible breadth of the Unity Council's work in the community.

The end result was a compact tri-fold that distilled the data into a series of concise elements that conveyed the multiple facets of their story clearly and accurately.

View PDF (898 kb)

Print, Infographics

KIPP School Profiles

White Paper Design, Infographics

Portfolio image

Update of design for KIPP's school profile sheets.

These double-sided profile sheets needed to encompass a large quantity of data and be flexible enough to use for each of their schools. We cleaned up the layouts and chart data to be as readable as possible.

View larger image (PNG, 757 kb)

Branding

OEI and LNS Logos

Logo Design

Portfolio image Portfolio image

Design and development of identity for two startups. In both cases, the logos needed to be flexible, corporate, and meaningful.

Variations of each logo were developed to allow the client to adapt their identity as needed. Both projects started with loose sketches (with lots of input from the client), to become clean, readable shapes that work well in a variety of environments.

Pro-bono

NCOCA medal

Illustration, Design

Portfolio image

Development and design of the 2006 NCOCA Championship Medals.

Elements within the medal include: the California Poppy, the fish hook (for safety over water and to evoke the Hawaiian heritage of the sport), and the NCOCA (Northern California Outrigger Canoe Association) logo.

The design was hand-drawn in Adobe Illustrator and in order to get a sample to keep, I had to win a championship race.

Pro-bono, Illustration

826 Valencia: Field Trip Program

Illustration

Portfolio image Portfolio image Portfolio image

Possibly the most frantic fun illustration gig ever.

In two hours, a group of elementary students develop an entire story--complete with protagonist, antagonist, supporting characters, and a narrative full of intrigue and suspense.

There's nothing like trying to draw a city located inside a volcano inside a coral reef with the San Francisco skyline--with houses made of bubbles, offices made of coral, and bridges made of kelp (the kelp makes the Maseratis made of seashells wrapped in seaweed go faster).

Pro-bono, Production

Valencia Bay-farer #56

Newspaper production

Portfolio image

The Valencia Bay-farer is an in-house newspaper created by a group of young journalists (ranging between the ages of eight and thirteen) as a part of 826 Valencia's fantastic writing programs.

Working closely with their design department, this paper required a very tight production schedule, with a turnaround of less than a week for everything from layout to copyedits to printing. Main tasks included print production and photo sourcing.

Studio Work

Paintings

Portfolio image Portfolio image

Obtaining a Bachelor of Arts in Fine Arts from Amherst College helped to establish a strong foundation in painting, printmaking, and illustration. (Naturally, this lead to a diverse and economically challenging series of positions in food service and retail.)

Currently, my creative practice uses landscape to explore the interactions between community, time, and memory.

Prior to all this, as an infant at my Tol (돌) ceremony, I grabbed a pen and have spent the rest of my life living up to it.

Studio Work

Murals

Portfolio image Portfolio image

As a muralist, I have worked on a number of murals within the Bay Area, most extensively on the mural shown above (there’s a nice, if inaccurate, article about it here).

Studio Work

Sketchbooks

Portfolio image Portfolio image Portfolio image