BLACK < > WHITE by Fannie Ko

BLACK < INTRODUCTION > WHITE

I am a lot of things. I am Chinese-American, short, funny, queer, a student, an activist, a dog-owner, a daughter, a thinker, a swimmer, a designer, and much more. The world works in this multi-faceted way. Nothing is ever one thing specifically. There is no black or white. Design is a form of communication that helps people connect these facets for a greater understanding of the world. Design is also an art, an aesthetic, a plan, an execution, a link, a tool, and a privilege. I utilize design in many forms to help people make the most powerful and meaningful connections and to understand that things are not black or white, but often black and white and the colors in between. Welcome to my portfolio.

BLACK < TABLE OF CONTENTS > WHITE

GAOYUN AIRLINES Corporate Branding/CSR Report

WE THE PEOPLE Political Play Series

34 NUHUMANITY Transhumanism Conference 42

DRAGONFLY FOREST Autism Summer Camp

50 VIZLIT Literary Workbooks 60

A NIGHT IN HAVANA Community Kitchen Charity Gala

THE LAZY HUMMINGBIRD Community Cafe Website

YOUNG READING ROOM Design Resource Library

TEA HEE HEE Pu’erh Tea Packaging

96 DANDELION Travel Voluntourism Magazine 108 LOGOS 110 COLOPHON

GAOYUN AIRLINES Project Teacher Year

Corporate Branding/CSR Report Min Choi 2014

BLACK < PROJECT 01/10 > WHITE

G aoYun Airlines is a transpacific business oriented corporation that provides quality and efficient flights for business people all over the world. The corporation needed a branding system that demonstrated professionalism and sophistication in all itâ&#x20AC;&#x2122;s promotional materials. Branding targets upper-middle income business professionals ages 30-45, traveling overseas to conduct business. Because China and the U.S. are now the number one and two economies of the world and with recent political diplomacies, there will be an increase in inter-country economic activities. The main color palette was chosen because of its celebratory meanings in the Chinese culture. Red symbolizes good fortune and wealth. The logo was inspired by the traditional imperial seal to show quality and authenticity. The minimal layout and structure is used to show efficiency in that a lot can be said and done with very little.

Design Thinking

Naming Strategy Strategic name development takes into account an organization’s core values, it’s consumers, and competition. It is important to also consider what the organization does to develop a name that is

GAOYUN AIRLINES

meaningful, distinctive, and future-oriented. The name, GaoYun (高雲), which means “high clouds” in Chinese, is used as a metonymy to describe the ethereal flying experience a client will get with this airline. The name introduces Chinese linguistics to the U.S. but is still easy to read and understand. In Chinese culture, the royalty are the closest to the Gods, so at GaoYun Airlines, clients are treated as royalty. In the story of how the Chinese zodiac came to be, Buddha summoned the animals to earth to come bid him farewell as he departs. The strategy with GaoYun Airlines is to recreate that rendezvous with Buddha. The flying experience is synonymous to flying with Buddha towards the heavens in the clouds.

BLACK < PROJECT 01/10 > WHITE

GAOYUN AIRLINES

BENEFIT Corporate Responsibility Corporate Social Responsibility (CSR) is a

As consumers, we should support companies

companyâ&#x20AC;&#x2122;s measurement of actions towards the

with high moral and ethical standards that seek

community (including itâ&#x20AC;&#x2122;s employees,consumers,

to improve practices because ultimately, their

and stakeholders) and the environment. The

business actions as a large corporation affects

Global Reporting Initiative (GRI) is a framework

others. For example, Google is known to invest

that many companies use to measure their CSR.

in social entrepreneurs and a quality workplace.

keywords

colors

alternative logo

logo

BLACK < PROJECT 01/10 > WHITE

clouds zodiac imperial professional Chinese ink

typography

seal

DIN Condensed

Adobe Garamond Pro

ABCDEFGHIJKLM NOPQRSTUVWXYZ 0123456789

Because of their practices, they are able to hire

last three years, Forbes has named Google as the

quality employees who are passionate about their

company with the best CSR reputation.

jobs, which translates to exceptional services and

In this project, I designed the 2014 CSR

products for consumers. They also invest in tech-

Report for GaoYun Airlines. I want to show that

based efforts to expand access to clean water, stop

an airline is not just an airline, it is a paycheck for

wildlife poaching, and tutor children. For the

itâ&#x20AC;&#x2122;s employees and a gateway to new opportunities.

GAOYUN AIRLINES

< in ter i or seats < li ver y

BLACK < PROJECT 01/10 > WHITE

< Id en ti ty Man u al cover < Id en ti ty Man u al i n ter i or sp read s

BLACK < PROJECT 01/10 > WHITE

< Id en ti ty Man u al i n ter i or sp read s

BLACK < PROJECT 01/10 > WHITE

GAOYUN AIRLINES

< CS R Rep or t cover < CS R Rep or t i n ter i or sp read s

BLACK < PROJECT 01/10 > WHITE

GAOYUN AIRLINES

< CS R Rep or t i n ter i or sp read s

BLACK < PROJECT 01/10 > WHITE

GAOYUN AIRLINES

WE THE PEOPLE Project Teacher Year

Political Play Series Amy Levine 2014

BLACK < PROJECT 02/10 > WHITE

One of the most renowned regional theaters in the country, The Old Globe, is hosting a series of politically infused plays, “We The People.” In a seemingly apathetic community, the concept is to promote awareness and help patrons register to vote and learn about local and national politics. The target audience of 18-33 year old theater-goers who enjoy the arts, but are not familiar with politics. The concept of the mailer and series design is to inspire activism and make voting and politics interesting. To young people, the newspaper is seen as an obsolete source of information and is connected to politics. By reinventing the look and feel of the newspaper and applying a “street activism” graffiti twist to the newspaper design, a sense of rebellion and activism is invoked.

Design Thinking

Big Idea Having a big idea is essential for building a lasting organization with clear values and a focused mission. This focus drives a solution-based design and gives every design decision meaning and direction.

WE THE PEOPLE

Problem People view theatrics as a one-sided experience. Patrons just go into a theater, watch a play, then exit the theater. Insight The play series â&#x20AC;&#x153;We The Peopleâ&#x20AC;? has a political activism theme. After viewing the play, patrons are inspired to make changes. Big Idea Help people channel their energy, inspiration, and passion into activism to making their community a better place by setting up voter registration tables after the performance.

BLACK < PROJECT 02/10 > WHITE

WE THE PEOPLE

BENEFIT Politics and Changes I used to believe that keeping up with current

peers were able to get a petition signed to enact

events and politics

were activities for old,

changes in our college community, I wanted to

affluent, white people. My parents are immigrants

figure out why and how. As a member of the San

and could not vote, nor did they understand

Diego community, the California community,

English very well, so election days meant nothing

and the U.S. community, I learned that I can have

to me. When I went to college and learned that my

a voice in how our laws affect us. I learned that my

Rockwell

Times New Roman

ABCDEFGHIJKLM NOPQRSTUVWXYZ 0123456789

play icons

colors

typography

logo

BLACK < PROJECT 02/10 > WHITE

single electoral vote for the U.S. president may

My goal is to show why protests, marches, and

not always count, but if enough of us voice our

sometimes even riots are important. Graffiti on a

thoughts, it can’t be ignored.

wall is sometimes an act of vandalism. Sometimes,

I want this project to speak to the people who feel like they do not have a voice or to those who

it’s a piece of art. Sometimes, it’s a voice for the oppressed and the unheard.

think that current events do not affect them.

< p rom oti on al m ai ler

BLACK < PROJECT 02/10 > WHITE

WE THE PEOPLE

NUHUMANITY Project Client Year

Transhumanism Conference Suzy Khrom & Shant Rising 2015

BLACK < PROJECT 03/10 > WHITE

Transhumanism is a new movement with an eventual goal of fundamentally transforming the human condition through technologies that enhance human intellectual, physical, and psychological capacities. NuHumanity is a transhumanist organization that aims to present and promote thought-provoking ideas that inspire innovation towards advancing the human condition. The target audience is intellectuals, ages 20-35 with an interest in the fields of science, medicine, and technology. This conference is unique because it provides a platform for intelligent and passionate people to discuss the existential reason they do what they do. To solve this design problem, I used a space theme with a very limited color palette that evokes mystery and a sense of the unknown. Treated imagery and photography of technological advances and concepts enhance the feeling of interstellar space. Because the content is so complex, I chose the font, Futura, a bold typeface that is clear and direct.

NUHUMANITY

BENEFIT Research & Development This is a photograph of Gertrude Elion and

controversial and multi-faceted area because of

George Hitchings, pioneers in the field of drug

all the people it affects. It involves the economics

development. Together, their collaboration

of the industry, the issues of addiction, and the

produced a number of effective drugs to treat

policies and abuse of drugs. Contrarily, the

diseases such as leukemia, gout, malaria,

research and development of drugs are a necessity

and herpes. Pharmaceutical drugs fall in a

for the health and well-being of people. The

keywords

colors

tagline

logo

BLACK < PROJECT 03/10 > WHITE

technology space science future exploration

typography

inspiration

Futura PT

Archer

ABCDEFGHIJKLM NOPQRSTUVWXYZ 0123456789

practice of transhumanism takes into account the

of science and technology with the long term

long term evolutionary effects of an issue such as

goal of sustaining the human species and the

drug development and how much it can improve

human condition. I hope NuHumanity brings

the human condition.

discussions to the ethical relationship between

The subject of transhumanism is a new one

science, technology, and the purpose of it all.

and it touches on viewing the development

BLACK < PROJECT 03/10 > WHITE

co nve n t i o n p o s te r > s c h wa g b a g >

NUHUMANITY

DRAGONFLY FOREST Project Client Year

Autism Summer Camp Dragonfly Forest 2015

BLACK < PROJECT 04/10 > WHITE

Dragonfly Forest provides a summer camp for children with autism and other medical needs. The objective is to create a series of templates for the organization to be able to change every session or every year with updated information and photography. The audience is for families of children with autism, 22Q syndrome, bleeding disorders, and asthma. What makes this organization unique is that it allows kids to have a fun summer experience with the medical, physical, and emotional support of peers and counselors. Research of children with autism suggests that a common thread for developmental strategies is to make sure they are not overwhelmed with too many different experiences at once. Thus, I decided to have a monochromatic color palette. The design of the brochure is very easy to understand and clearly labeled. I redid the existing organizationâ&#x20AC;&#x2122;s logo so that it is more flexible. The deliverables are used as templates with text that can be easily adjusted to fit the dynamic organizationâ&#x20AC;&#x2122;s changing needs.

D R AG O N F LY F O R E S T

BENEFIT Autism Autism is a developmental disorder characterized

and interpreting social cues of others. As such,

by difficulties in social communication in

individuals with autism are oftentimes excluded

combination with specialized and/or repetitive

from peer groups despite their desire to develop

interests. Individuals with autism generally have

meaningful relationships. In recent years, a

great difficulty with engaging in reciprocal social

movement has arisen to view autism and other

conversations, understanding abstract language,

neurological conditions not as disorders, but as

flat

monochrome

papercut

simple

outdoor

B ra u e r AB C D E F G H I J K LM N O P QR STU VW X Y Z 0 12 3 4 567 8 9

colors

keywords

camping

typography

logo

BLACK < PROJECT 04/10 > WHITE

M a r k et S c r ip t A B C D E F GH I J K L M NOP Q R S TU V WX Y Z 0 12 34 5 6 7 8 9 A zo S an s A B C D E F G HI JKL M N OP QR S TU V W X Y Z 01 2 3 45 67 8 9

natural expressions of diversity. This movement

with autism. I want people to understand that

looks to normalize such conditions and reduce

Dragonfly Forest is a safe place for children with

the stigma and isolation that these individuals

special needs, a network of lasting relationships,

often have been made to bear.

and a model organization for people to learn

Dragonfly Forest Camp aims to provide a

about compassion.

much needed support network for individuals

D R AG O N F LY F O R E S T

BLACK < PROJECT 04/10 > WHITE

The Maguire Foundation presents

5k Charity Run/Walk MAY 28 | 9AM DRAGONFLY FOREST CAMPSITE

Stay fit, meet people, have fun!

FREE T-SHIRTS

1100 E. Hector Street | Conshoken, PA 19428 | (610) 298-1820

The People’s Improv presents

Camptails Comedy Night NOV 31 | 6:30PM THE BROWN’S THEATRE

A night of laughs, featuring

MYQ KAPLAN

1100 E. Hector Street | Conshoken, PA 19428 | (610) 298-1820

poster template >

D R AG O N F LY F O R E S T

VIZLIT Project Teacher Year

Literary Workbooks Amy Levine 2014

BLACK < PROJECT 05/10 > WHITE

A workbook series for children ages 4-13 was needed to help students catch up to their grade levels in reading, language, and literature. National Geographic needed a design for these workbooks to reach a diverse demographic of students as well as teachers and educational affiliates. Appealing to this audience, my solution was to go back to the basics and utilize a commonly overlooked form of literature-graphic novels. Using a comic-book based design, this system provides visual engagement for young students while keeping the older audience intrigued through the allusion of famous pieces of literature. To maintain neutrality in representing people, I chose to use animals as characters. The main character, Eli, has a gender-neutral name with a face that is never seen. This allows any and all students to become this character and take a literary journey through the course of these workbooks.

Design Thinking

Audience One of the first steps in design thinking is defining the target audience. In VizLit, the audience consists of multiple demographics including, teachers, students, and faculty. The design must be inclusive of all types of people including minorities, who will be the main users of the workbook series.

VIZLIT

To avoid misrepresentation, the character Eli has a non-gender-specific name with it’s facial identities hidden for the series. The illustration also makes sure the vantage point is always that of Eli so the student learns to assume it’s role and feels represented. The design also needs to take into account it’s usage. Each book needed to be distinguishable, but not exclusive. Students have been shown to feel less confident if they carry a workbook that is numerically less than a peer’s workbook. To solve that, each workbook is differentiated by color or novel instead of a number.

BLACK < PROJECT 05/10 > WHITE

VIZLIT

BENEFIT Diverse Representation A 2014 study by the Cooperative Childrenâ&#x20AC;&#x2122;s Book

If at such a young age, children are reading books

Center at the University of Wisconsin reported

that do not show people of color, gender diversity,

that in a sample of 3500 childrenâ&#x20AC;&#x2122;s books

LGBTQIA, people with disabilities, ethnic,

published in the U.S., only 393 represented

cultural, and religious minorities, it is hard for

people of color and only 168 were written or

them to envision diversity and learn acceptance,

illustrated by a person of color.

empathy, and equality. Organizations such as We

keywords

story

typography

colors

logo

BLACK < PROJECT 05/10 > WHITE

education

speech

comic

fiction

graphic novel

Bangers

Back Issues BB

ABCDEFGHIJKLM NOPQRSTUVWXYZ 0123456789

Need Diverse Books aim to address that lack of

we watch. It helps children to see themselves in a

diversity in children’s literature. It’s absolutely

place of success. Otherwise, it becomes difficult

necessary for children to be taught that they are

for minorities to reach goals they have never

capable and valid.

envisioned. I want this book to be a peek into a

This project allowed me to explore the needs of

child’s future and a step towards social equality.

representation in the books we read and the shows

VIZLIT

BLACK < PROJECT 05/10 > WHITE

wo rk b o o k cove rs > te a c h e r’s k i t >

VIZLIT

A NIGHT IN HAVANA Project Teacher Year

Community Kitchen Charity Gala Sean Bacon 2014

BLACK < PROJECT 06/10 > WHITE

Cafe Atlantico is a famous Havana-themed restaurant in Washington D.C. owned by Chef Jose Andres, a huge supporter of DC Central Kitchen. This “community kitchen” recycles food from around D.C. and uses it to train unemployed adults to develop work skills while providing thousands of meals for local service agencies in the process. “A Night in Havana” is a charity gala hosted by Cafe Atlantico for donors and supporters of DC Central Kitchen. My solution was to use an urban Art Deco theme to highlight the architecture and style of the Little Havana neighborhood in Miami. The colors gold and black give the environment a classy and sophisticated touch. I designed the typeface, Hip Deco to marry the sophistication of Art Deco with a little bit of the modern edge of DC Central Kitchen.

A NIGHT IN HAVANA

BENEFIT Non-profit Fundraising DC Central Kitchen is a well-known and

hunger, unemployment, community-building,

successful non-profit organization because they

and food wastes. Because it is not-for-profit,

tackle a number of issues in their mission, â&#x20AC;&#x153;to

these organizations often rely on the generosity

use food as a tool to strengthen bodies, empower

of outside donors and supporters.

minds, and build communities.â&#x20AC;? They are able

I used to be a part of a non-profit organization

to provide a working solution to tackle local

called Camp Kesem with a mission statement

Savoye LET

Raleway

ABCDEFGHIJKLM NOPQRSTUVWXYZ 0123456789

keywords

colors

typography

custom typeface

BLACK < PROJECT 06/10 > WHITE

art deco

geometric

architectural

linear

sophisticated

elegant

that is twofold: to provide a summer camp for

multiple charity dinners and brunches. These

children of cancer patients and prepare as well

charity events were a way of thanking and keeping

as empower a generation of student leaders by

donors and supporters engaged and invested in

allowing college students to make meaningful

the organization. Giving back to the community

differences. I was a marketing and fundraising

is never a one-sided mission-you will always

coordinator for Camp Kesem and I had organized

learn and grow from the experience.

A NIGHT IN HAVANA

BLACK < PROJECT 06/10 > WHITE

A NIGHT IN HAVANA

THE LAZY HUMMINGBIRD Project Teacher Year

Community Cafe Website Paul Drohan 2014

BLACK < PROJECT 07/10 > WHITE

The Lazy Hummingbird is a small local coffee and tea cafe located in the Ocean Beach district of San Diego, CA. Their goal is to serve light refreshments and provide a place to host classes, workshops, art galleries, consignments, music shows, and more to the surfing, down-to-earth and barefoot hippie community. In order to attract the local customers, I created an adaptive website that highlights the events of the Lazy Hummingbird because even your biggest nature lovers have a smart phone now. By using textures of crumpled paper and wood, I gave the website a tactile feel, which embodies the cafeâ&#x20AC;&#x2122;s neighborly and artistic vibe. My color palette was inspired by a potted cactus right outside the cafe and gives the site an organic and earthy feel.

Design Thinking

User Experience In our digital world, it becomes increasingly important to incorporate interactive designs into an organization’s marketing strategies. The best

THE LAZY HUMMINGBIRD

web and mobile sites are easy to navigate and give visitors a reason to return to the organization’s services, products, or experiences. The Lazy Hummingbird is a coffee and tea cafe that is known around the neighborhood for all the events they host. In this concept design, the strategy is to up-play the Lazy Hummingbird’s events and to keep customers coming back for moret. Especially since most of their customers will be interacting with this company through their phones, a simplified and intuitive adaptive site was essential. The landing page shows upcoming events so a user does not have to travel far to find what they want. A “book an event” button is always available next to the navigation to allow for easy scheduling and booking needs.

BLACK < PROJECT 07/10 > WHITE

THE LAZY HUMMINGBIRD

BENEFIT Community Building Small local businesses are the foundation of a

builds a strong sense of community by building

thriving and successful community. Supporting

relations between neighbors.

your local business means a lot of things. It helps

I used to think that I saved money by going to

your local economy by circulating money within

large chain superstores to buy groceries because

your community and increases jobs. It decreases

the price tag was cheaper. I didnâ&#x20AC;&#x2122;t realize that when

the carbon footprint of transporting goods. It

I support that superstore, that money goes out of

photography hippies nature

typography

keywords

colors

modified logo

BLACK < PROJECT 07/10 > WHITE

Courier ABCDEFGHIJKLM NOPQRSTUVWXYZ 0123456789

organic community neighbor

Amatic SC ABCDEFGHIJKLM NOPQRSTUVWXYZ 0 1 2 3 4 5 6 7 8 9

my community to some large corporate office

on the side. The server/singer is then able to use

in another state and I will never see that dollar

that money to pay me to design a CD cover for

bill again. Whereas, when I pay a dollar more for

her new album that she is recording. Then, I can

some rainbow chard at the Lazy Hummingbirdâ&#x20AC;&#x2122;s

use that money to buy some more rainbow chard.

farmerâ&#x20AC;&#x2122;s market stand, they can use it to pay the

Sometimes, when I pay a little bit more to support

server at the coffee shop who is an aspiring singer

a local business, it also means I am getting more.

BLACK < PROJECT 07/10 > WHITE

book an event ________Events drink sizes 12oz 16oz 20oz ________menu ________gallery house coffee 1.75 1.95 2.25 0.75 ________community refills bring your own mug 1.25 bottomless mug “big wayne” 4.00 ________story espresso 1.65

1.95

2.25

santana monciano (12oz only) 2