Jamie Chang Portfolio 2012

88
JC .

description

Portfolio 2012

Transcript of Jamie Chang Portfolio 2012

Page 1: Jamie Chang Portfolio 2012

JC.

Page 2: Jamie Chang Portfolio 2012
Page 3: Jamie Chang Portfolio 2012

{JAMIE CHANG}JA.MIE CHANG | [jey-mee chāng]NOUN1. [Born June 17, 1991]

a Taiwanese-American female student, design enthusiast, and foodie. Born in New York, New York and raised in Edison, New Jersey, Jamie became involved with design in 2009 as a first year college student at Parsons the New School for Design in New York City, and went on to fall in love with design and strategy throughout the process of completing her degree in Design + Management (BBA).

2. [adapted from Urban Dictionary] a kind person who enjoys music. Jamie is great at making friends and has dark hair. She is a sweet girl with a cheery disposition on life, love, and friendship. She is a wonderful person who takes care of those she loves., has a great sense of humor, and is intelligent. Her presence is valued by everyone, and people always want to be around her. She is beautiful inside and out. (Apparently anyone would kill to meet her.)

Page 4: Jamie Chang Portfolio 2012
Page 5: Jamie Chang Portfolio 2012

{TABLE OF CONTENTS}PERCH

KNOW THE FACTS

JEREMY SCOTT X MAC

METROLink

SECRETS

Soxland International

Page 6: Jamie Chang Portfolio 2012
Page 7: Jamie Chang Portfolio 2012

{PERCH}PERCH is a restaurant inspired by stoop sitting and people watching and developed to challenge the conventional dining experience. A combination of unorthodox seating and architecture incite diners to engage their environment in new ways. Social interaction and observation are encouraged and almost unavoidable at PERCH. The setting invites diners to not only enjoy their food but also to notice the details around them.

This group project was completed in Spring 2011 for Sensory Design at Parsons the New School for Design.

Page 8: Jamie Chang Portfolio 2012

MOODBOARD

PERCH: moodboard google images

Page 9: Jamie Chang Portfolio 2012

{scenario}THE LOCATION: PERCH is located at the Highline Park at Gansevoort Street and Washington Street. The location was chosen for the existing environment to enhance the customer’s dining experience.

THE CUSTOMER: The PERCH customer is any person who is intrigued by human interaction with the environment and peers.

PERCH

Page 10: Jamie Chang Portfolio 2012

PERCH: scenario: personas images from style blogs

Page 11: Jamie Chang Portfolio 2012

{environment}The PERCH environment is carefully designed to immerse diners in their surroundings. The design was inspired by stoop sitting, which allows people to become observe passerbyers, glass doors and retractable roofs, which allow people to experience the weather visually and physically.

PERCH

Page 12: Jamie Chang Portfolio 2012

google imagesPERCH: environment inspiration

Page 13: Jamie Chang Portfolio 2012

{spatial design}PERCH: environment

THE LAYOUT: The spacial layout of PERCH is designed to immerse diners in their surrounding environment. The purpose of an open kitchen is to allow diners to see the interaction between the chefs and the food the diners will later consume. The bar-style seating facing the street is to allow for people watching. The outdoor seating option promotes diners to experience the weather.

Page 14: Jamie Chang Portfolio 2012

LAYOUT | Full view

entrance

patio door

STREET

KITCHEN

stoop seating

bar seats

bar seats

bench seats

PERCH: environment: spatial design: restaurant layout

Page 15: Jamie Chang Portfolio 2012

LAYOUT | Bar

I II

III IV

V VIBuilt-in compartmentfor dessert plate

Pull out seating

Built-in compartmentfor juice cup

Juice bar

PERCH: environment: spatial design: bar layout

Page 16: Jamie Chang Portfolio 2012

PERCH: environment: spatial design: indoor daytime rendering

Page 17: Jamie Chang Portfolio 2012

PERCH: environment: spatial design: bar nighttime rendering

Page 18: Jamie Chang Portfolio 2012

PERCH: environment: spatial design: window daytime rendering

Page 19: Jamie Chang Portfolio 2012

PERCH: environment: spatial design: window nighttime rendering

Page 20: Jamie Chang Portfolio 2012

PERCH: environment: spatial design: outdoor daytime rendering

Page 21: Jamie Chang Portfolio 2012

PERCH: environment: spatial design: outdoor nighttime rendering

Page 22: Jamie Chang Portfolio 2012

THE FOOD: The PERCH menu is reflective of modern American cuisine. The menu was created with a focus on the convenience of the food to be consumed as well as creating a novel twist on the concept of ‘fast’ food.

THE TRAY: The trapezoidal (the Greek word, derived from ‘trapeza’ literally means ‘a little table’) PERCH tray features 3 compartments that compliment the menu. Ergonomically designed to sit on the diners’ lap, the finely-crafted tray provides diners with the ultimate eating experience.

{cuisine}PERCH

Page 23: Jamie Chang Portfolio 2012

late night thursday-sunday

10pm-4am

juice bar | 4lemonade

manuka honey tangerinegrapefruit peach with aloe

green tea acai blueberry pomegranate and mango

fry bar | 5SALTY

zucchiniasparagus

onionspickles

mac&cheesepita

sweet potatotaro

baconchicken strips

SWEETbananafruit pieoreosnutella wontonscandy bartoastdoughnut holeschurroszeppoleice cream

P E R C H

sliders | 8portobello/gouda cheese/red onion

turkey/red pepper aiolikobe beef/goat cheese/truffle salmon/sesame mayonnaisevegetarian/garlic lemon aioli

late night thursday-sunday

10pm-4am

juice bar | 4lemonade

manuka honey tangerinegrapefruit peach with aloe

green tea acai blueberry pomegranate and mango

fry bar | 5SALTY

zucchiniasparagus

onionspickles

mac&cheesepita

sweet potatotaro

baconchicken strips

SWEETbananafruit pieoreosnutella wontonscandy bartoastdoughnut holeschurroszeppoleice cream

P E R C H

sliders | 8portobello/gouda cheese/red onion

turkey/red pepper aiolikobe beef/goat cheese/truffle salmon/sesame mayonnaisevegetarian/garlic lemon aioli

P E R C Hsalad & fruit skewers | 3

caesar with chicken or shrimpgreek with olives cobb with bacon

tropicalberry

savory tartlets | 5crab and advocado

fresh mozzarella and tomatoessmoked salmon and artichoke hearts

salami and rocket lettucegrilled eggplant and goat cheese

classic balsamic bruschetta

sliders | 8portobello/gouda cheese/red onion

turkey/red pepper aiolikobe beef/goat cheese/truffle oil

salmon/sesame mayonnaisevegetarian/garlic lemon aioli

DOUGHNUTglazed

chocolatecinnamon spice

lemon vanillabanoffee

SAUCESchocolatecreamy vanillacream cheesecaramelblueberry

doughnut sampler | 6

google imagesPERCH: cuisine: menus

Page 24: Jamie Chang Portfolio 2012

PROTOTYPE | Tray

Our PERCH tray is ergonomically designed to sit on your lap. We decided to use the base of a trapezoid as the front of the tray so that it perfectly accommodates

the human body. Whether you’re holding it or have it placed on your lap, we made sure our finely-crafted tray provides you with the ultimate eating experience.

Why a trapezoid? Perch Tray Design

PERCH: cuisine: PERCH tray

Page 25: Jamie Chang Portfolio 2012

The PERCH brand represents a unique dining experience. The brand is represented through dinstinctive typeface and color consistently placed on all PERCH products.

{branding}PERCH

Page 26: Jamie Chang Portfolio 2012

P E R C HTHE LOGO:

EurostileTHE TYPEFACE:

THE COLOR:

PERCH: branding: logo & typeface & color

Page 27: Jamie Chang Portfolio 2012

COLLATERAL | Matchbook | Envelope

P E R C H

P E R C H

COLLATERAL | Matchbook | Envelope

P E R C H

P E R C H

PERCH: branding: collateral

THE STATIONARY:

Page 28: Jamie Chang Portfolio 2012

PROTOTYPES | Chef coatCOLLATERAL | Matchbook | Envelope

P E R C H

P E R C H

COLLATERAL | Matchbook | Envelope

P E R C H

P E R C H

COLLATERAL | Matchbook | Envelope

P E R C H

P E R C H

THE MATCHBOOK: THE CHEF’S COAT:

PERCH: branding: collateral

Page 29: Jamie Chang Portfolio 2012

All prototypes were created at low cost and handcrafted. The PERCH tray took approximately 2 days to create. Careful attention to detail was imperative to maintaining the brand image.

{prototypes}PERCH

Page 30: Jamie Chang Portfolio 2012

PERCH: prototypes: the match book & the business card

Page 31: Jamie Chang Portfolio 2012

PERCH: prototypes: the cup & the tray

Page 32: Jamie Chang Portfolio 2012

PERCH: prototypes: the menu

Page 33: Jamie Chang Portfolio 2012

PERCH: prototypes: the set

Page 34: Jamie Chang Portfolio 2012

PERCH: prototypes: the set

Page 35: Jamie Chang Portfolio 2012
Page 36: Jamie Chang Portfolio 2012

{ KNOW THE FACTS}KNOW THE FACTS is a campaign to raise awareness about the consequences of plastic bag waste. An infographic poster and booklet were created.

HERE IS WHY PLASTIC BAGS ARE NOT FANTASTIC is an infographic booklet portraying statistical information concerning plastic bag waste. The purpose of the booklet is to convey the facts visually to help people of all generations and backgrounds understand how harmful plastic bags are to the enviroment. The following graphics are shown as spreads from the booklet.

This project was completed in Spring 2011 for Design 4 at Parsons the New School for Design. It placed 3rd in a GROWNYC/JOVOTO design competition.

Page 37: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet: cover page

EVERY YEAR...

use:20.51 lbs of shopping & grocery bags

residentsNYC(population: 18,976,457)

that’s:

389,207,133 lbs sof

(18,976,457people x 20.51 lbs)

that’s:

824,591,383 s(389,207,133 lbs / 0.472 lbs)

DOUBLE BURGERS

KNOW THE FACTS: infographic poster

a graphic narration with minimal text

HERE ISWHYPLASTICBAGSARENOTFANTASTIC:

Page 38: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

Plastic bags are one of the most littered things in today. As one of the most populated cities in the world, New York City needs to take initiative and

reduce its use of plastic bags. The purpose of this infographic booklet is to convey the facts in the

simplest fashion as a means to call city residents to take action and lessen the use of plastic bags.

JAMIE CHANG

NEW YORK CITY:POPULATION -

18,976,457.

Page 39: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

4 MILLION TONSof garbage created

per year

that’s about 1 million elephants

Page 40: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

2.8%of NYC’s waste

stream are plastic

about224,000,000 lbs

that’s about 2,800 US regulation freight trucks

Page 41: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

uses (per year):

20.51 lbsof shopping & grocery bagsresident

1 uses (per year):

Page 42: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

389,207,133

lbs of s total

that’s:

DOUBLE CHEESEBURGERS

824,591,383

Page 43: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

people can be

fed

824,591,383

that’s more than 2x the population of the USA.

Page 44: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

AND THAT’S JUST NEW YORK CITY.

Just imagine how many plastic bag waste the

WORLD creates.

Page 45: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

THEDIFFERENCE

ONE LESS

PLASTICBAG

MAKES:

1 reusable bag isequivalent to

700 plastic bags

Page 46: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet

1 less plastic bag per person can reduce waste by 5 million lbs

that’s over 11 Statue of Liberties

Page 47: Jamie Chang Portfolio 2012

KNOW THE FACTS: infographic booklet: back cover KNOW THE FACTS: infographic booklet: product shots

KNOW THEFACTS;UNDERSTANDTHEIMPACTOF YOURCHOICES.

ONE LESS BAG CAN MAKE A BIG

DIFFERENCE.for more information, visit grownyc.org

Page 48: Jamie Chang Portfolio 2012
Page 49: Jamie Chang Portfolio 2012

{JEREMY SCOTT x MAC}JEREMY SCOTT x MAC is a collaborative collection between the fashion brand JEREMY SCOTT and the cosmetics brand MAC. Over the years, MAC has built a reputation for its unconventional and innovative marketing, breaking away from the safe and obvious. Its philosophy is to create makeup for all ages, sexes, and races. The limited edition collection will help promote JEREMY SCOTT and his characteristically dynamic aesthetic

This group project was completed in Spring 2011 as a Marketing final project.

Page 50: Jamie Chang Portfolio 2012

JEREMY SCOTT x MAC: product statement

Page 51: Jamie Chang Portfolio 2012

JEREMY SCOTT x MAC: product renderings

THE EYES: THE LIPS:

THE NAILS:

Page 52: Jamie Chang Portfolio 2012

JEREMY SCOTT x MAC: advertisement renderings

Page 53: Jamie Chang Portfolio 2012
Page 54: Jamie Chang Portfolio 2012

{SECRETS}Secrets are ubiquitous; every person holds secrets. From government conspiracies to couples having affairs, secrets permeate every level of society. Secrets have existed throughout time. No matter what the content may be, secrets affect those carrying them. Secrets may be trivial and silly or burdensome and serious. They are powerful by nature and have the potential to become invisible chains, holding those carrying them hostage. Through exploration of the context, scope, and consequences of secrets, I hoped to discover and understand the complexity of secrets and methods of reducing the burdens they create.

This project was a semester long project completed in Spring 2011 for Design Development at Parsons the New School for Design.

Page 55: Jamie Chang Portfolio 2012

SECRETS: mood image google image

Page 56: Jamie Chang Portfolio 2012

{process}SECRETS

Inspired initially by PostSecret, I became intrigued by secrets, something every person practices, yet, by nature, is a hushed topic. Beginning the conceptual development process, I began by asking questions like: Why do people keep/reveal secrets? What are the physical and emotional consequences of keeping/revealing secrets? and ultimately, are secrets inevitable? Throughout the process, I kept a blog for documentation of my progress.

Page 57: Jamie Chang Portfolio 2012

SECRETS: process: blog

Page 58: Jamie Chang Portfolio 2012

{inspiration}SECRETS: process

Being a devout follower of PostSecret, an ongoing community art project by Frank Warren where people mail in their secrets anonymously on one side of a homemade postcard, I was inspired and intrigued by the wide spectrum of secrets people revealed. It was clear that, with no regard to the severity of the secret revealed, every person in participation felt some form of relief through expressing the more than less obvious. In addition, the concept of anonymity seemed to be the biggest driving force behind the project’s success.

As a reader, I observed that I feel many empathethic emotions when I look at the postcards. I can see and feel the microcosms of the creators’ experience and empathize and sympathize with them. Reading through the postcards provided a release for me as well because they showed me that every person undergoes similar experiences and that, like me, everyone

Page 59: Jamie Chang Portfolio 2012

SECRETS: process: inspiration moodboard

process

source: PostSecret archives

Page 60: Jamie Chang Portfolio 2012

{research}SECRETS: process

Methods of research and data procurement consisted of personal reflections, online and printed literature, and casual conversations wtih peers. Such methods illustrated the use of primary and secondary resources.

The first step in my research process was defining the word ‘secret.’ Following, I asked initial questions based on my knowledge. I kept these questions in mind as I delved further into the research. Ultimately, my research led me to classify secrets into three categories: business, social, and personal. I analyzed examples of secret keeping in the categories before ultimately answering my initial questions.

Page 61: Jamie Chang Portfolio 2012

SECRETS: research: definition

process

SE·CRETadjective not known or seen or not meant to be known or seen by others not meant to be known as such by others fond of or good at keeping things about oneself unknown (of information or documents) Given the security classification above confidential and below top secret noun something that is kept or meant to be kept unknown or unseen by others something that is not properly understood; a mystery a valid but not commonly known or recognized method of achieving or maintaining something formerly, the name of a prayer said by the priest in a low voice after the offertory in a Roman Catholic Mass

`sēkrit

Page 62: Jamie Chang Portfolio 2012

SECRETS: process: research: business

BUSINESSThe category of “business” signifies the professional world, not just the corporate world. This includes politics and all organizations.

Secrets in the professional world vary greatly and can effect large numbers of people. From lying about taking off from work to tax evasion to keeping secrets about the unlawfully detaining people, secrets in business can potentially bring about severe consequences.

Morality and honesty are values emphasized in business. However, how well are these values honored? How well can secrets be kept amongst a large organization? What are the ultimateconsequences of being caught in a web of deception and secrecy?

process

Page 63: Jamie Chang Portfolio 2012

SECRETS: process: research: business: wikileaks case studysource: WikiLeaks.ch

process

process

CASE STUDY: WIKILEAKS“WikiLeaks is a non-profit media organization dedicated to bringing important news and information to the public. We provide an innovative, secure and anonymous way for independent sources around the world to leak information to our journalists. We publish material of ethical, political and historical significance while keeping the identity of our sources anonymous, thus providing a universal way for the revealing of suppressed and censored injustices.”

source: WikiLeaks.ch

Page 64: Jamie Chang Portfolio 2012

SECRETS: process: research: social

SOCIALThe category of “social” indicates a smaller cluster, or group, of similar people and societies. These groups may be created to establish identity or tradition. Sometimes, these groups demand secrecy both within the group and towards outside parties.

In order to create identities, there must be a separation of different societies (i.e. the rich and the poor, the under-represented and the influential), exclusivity, and creation of some form of hierarchy. Within these hierarchies, there will always be a spectrum leaders and followers. The more powerful members of societies will always know more than the less powerful members. Therefore, secrecy within societies are created. In addition, inevitably, secrets towards the public exist as means of protection. Implications of revealing secrets within societies may result in rejection and expulsion, even death in severe situations.

Characteristics of social secrecy can be seen through the traditions of mythical societies suchas the Mafia, gangs, and secret societies.

process

Page 65: Jamie Chang Portfolio 2012

SECRETS: process: research: business: mafia case study

process

CASE STUDY: THE MAFIAMost underworld secret societies owe part of their structure and ritual to the most infamous of them all: the Mafia. The Mafia was born on the relatively isolated Italian island of Sicily. Sicilians were tribal people with a pyramidally structured culture: the family, the clan, and the tribe. The clan, a unit of extended family, may have been the most important. Between the time that Napolean and Mussolini were in power, the of the clans of Sicily took control and ruled the land. The Code of Silence governed the lives of all Sicilians. If they were being interrogated by civil officials, they were told to swear they never saw, heard, knew anything. Breaking the Code meant imminent death.

Page 66: Jamie Chang Portfolio 2012

SECRETS: process: research: personal

PERSONALThe category of “personal” indicates the most common and intimate application of secrets. Beginning at about age four or five, children begin to keep information to themselves. This is a crucial part of becoming independent because it helps create a boundary between the child and the world. In adulthood, secrets continue to serve this function. Keeping some thoughts and actions private helps maintain privacy and individuality. Adults also may keep secrets to avoid potential negative consequences. However, it is most dangerous one feels he/she cannot tell anyone his/her secret. Secrets are capable of consuming, controlling, and destroying their keepers.

process

Page 67: Jamie Chang Portfolio 2012

SECRETS: process: research: personal

process

“There are two kinds of secrets; the ones we keep from others and the ones we hide from ourselves.”

-Frank Warren

source: jalacourel

Page 68: Jamie Chang Portfolio 2012

SECRETS: process: research: personal

THE SCIENCE (HEALTH)Keeping secrets create inner conflict. Should one conceal or reveal? To whom should one reveal his/her secrets? Such conflict inevitably leads to anxiety and endless worry and can produce sustained stress that may contribute to various health problems, including digestive problems, headaches, back pain and high blood pressure. Secrecy also produces anxiety that can fuel unhealthy behavior.

Emotional distress without apparent explanation suggests that one is keeping things from his/herself and/or others. Angry outbursts over insignificant things, exhaustion for no reason and/or physical ailments with no medical explanation suggest that one could be suffering from stress related to keeping secrets.

Research shows evidence that revealing a secret, which can be anything from telling someone to writing it on a piece of paper that is later burned, is related with both physical and mental health improvements. People hiding traumatic secrets showed more cases of hypertension, influenza, and even cancer, while those who wrote about their secrets showed, through blood tests, enhanced immune systems. In addition, research has shown that writing about trauma actually unclogs the brain. Using an electroencephalogram, an instrument that measures brain waves through electrodes attached to the scalp, researchers have found that the right and left brains communicated more fluidly in subjects who disclosed traumas.

process

Page 69: Jamie Chang Portfolio 2012

SECRETS: process: research: personal: pinocchio case study

process

process

CASE STUDY: PINOCCHIO“Pinocchio, Pinocchio,That little wooden bloke-io,His nose, it grew an inch or twoWith every lie he spoke-io.”

-Shel Silverstein

Page 70: Jamie Chang Portfolio 2012

{prototypes}SECRETS

THE CONCEPT:To focus on the healing aspect of revealing secrets, I have conceptualized a half-day long (noon to 6pm) event to take place in at the Central Park Lake in Central Park, New York City with a program of activities dedicated to encouraging participants anonymously to unload the unspoken truths that burden them.

Events will include a Secrets Tree and Sailing Secrets, both of which are detailed in the developed prototypes.

Page 71: Jamie Chang Portfolio 2012

prototype

prototype

prototype

SECRETS: prototypes: moodboard

Page 72: Jamie Chang Portfolio 2012

SECRETS: prototypes: event posters

Page 73: Jamie Chang Portfolio 2012

SECRETS TREE�e “Secrets Tree” will be open from noon to 6pm. Participants can write down however many secrets they would like (without their

names) on a ribbon and tie them onto the tree. During the last half of the event, participants are encouraged to browse the secrets tied onto the tree and can take one or two of their favor-

ite ones.

INFORMATIONBeginning at about age four or �ve, children begin keeping information to themselves, a step in becoming independent. In adulthood, secrets continue to serve this function. When the secrets one keeps starts to a�ect relationships with others, the balance of power shifts. �e secrets take control. Keeping secrets provokes inner con�icts, inevitably leads to anxiety and endless worry. Living in this state can produce sustained stress that may contribute to various health problems, including digestive problems, headaches, back pain and high blood pressure.�e mission of this event is to provide an outlet of release with an emphasis on eliminating the fears of consequences and judgement by ensuring anonymity to all individuals revealing their secrets.

SAILING SECRETSFrom 2pm to 5pm, attendees will be able to

either build their own paper boats or choose all ready made boats. Meant to never be seen,

secrets written on these boats will �oat away and particpants can reveal their deepest,

darkest secrets to the park lake. �is activity ensures complete anonymity and emphasizes the importance of releasing the burdensome

secrets for the healing process.

SECRETS SATURDAY

September 10, 2011 noon-6pm

@ Central Park Lake

SECRETS: prototypes: event brochure

Page 74: Jamie Chang Portfolio 2012
Page 75: Jamie Chang Portfolio 2012

{METROLink}A quick and efficient way for using public transportation is important to the overallsatisfaction of both New York residents and tourists alike. METROLink enables publictransit users to track their travel patterns and spending habits via a comprehensiveonline platform that provides accurate real-time travel and spending information.

This group project was completed in Fall 2011 for Managing Creative Projects and Teams at Parsons the New School for Design.

Page 76: Jamie Chang Portfolio 2012

METROLink: moodboard google images

Page 77: Jamie Chang Portfolio 2012

The project progressed using the“constant feedback system” in which one never goforward without looping back on oneself to see what one has accomplished. The steps of the system are: 1) accept situation 2) analyze 3) define 4) ideate 5) select 6) implement 7) evaluate. Based on this system, we identified a current need, researched, prototyped, branded, marketed & advertised, and implementated METROLink.

{process}METROLink

Page 78: Jamie Chang Portfolio 2012

TASK COMPLETION

Research current MTA card

Indentify opportunities

New innovations

Other metro card systems

Look into bank partnerships

Indentify a consumer needs

Begin looking at data mapping

Began creating the website

Prototype design (branding)

Further developed concept/features

Other metro card systems

Visual map of User activities

Indentify a consumer needs

Begin maps + spending prototypes

Continue working on website

Prototype design (branding)

Develop a marketing technique

Depict card in action using medium

Visual map of User activities

Create business model/action plan

Create design brief for the service

Component incorporating Yelp + GPS

Week 1 Week 2 Week 3 Week 4

Finalize pages of website

Bring all information together

Develop a marketing technique

Depict card in action using medium

Visual map of User activities

Create business model/action plan

Create presentation

Discuss group e�orts

November 7 – 13, 2011 November 14 – 20, 2011 November 21 – 28, 2011 November 29 – Dec 4, 2011

SWOT ANALYSISStrengths Weaknesses

ThreatsOpportunities

o All-in-one cardo Can be used for all Visa purchaseso Applications and interactive websiteo Real-time informationo Tracks spending habits

o Possibility of getting losto Only used for Visa purchaseso Credit-based system

o Tap-and-go technologyo May be used as a Debit cardo Partnerships with bankso More accurate GPS technology

o Other financial companies developing similar featureso Similar technologies being developed

RESEARCH

METROLinkTap & Go Technology Mobile App Visual Tracking Map VISA Card Multi-Use Card No Insufficient Funds

PROCESS

ACCEPT SITUATIO

N

(�nding motivation)

The motivation for cr

eating MetroLink

was to enable

commuters to

observe their travel patterns and spending

habits in hopes of encoura

ging them to be more efficient

when traveling and more knowledgeable about h

ow

much they are actually spending. We also hoped to

make MTA users le

ss hostile

towards the servic

e by enabling

the system to provide real-time travel information to

commuters. T

his would cre

ate transparency within

the system

and allow users to

voice their o

pinions on the effe

ctiveness

of a more open and clear se

rvice.

ANALYSE(sizing up the situation)

With the development of more innovative transportation

technologies and GPS-based applications, we uncovered that

with adequate funds and a strong team of developers, product

designers, user experience researchers, etc. the card and digital

platform could be accomplished. The creation of the card and

service would require partnerships between a major

financial player (e.g. Mastercard, American Express, Visa), the

MTA, and the State of New York, among other institutions that

specialize in the multiple services we hoped to offer to MTA commuters.

DEFINE(developing conceptual guidelines)

We needed to develop exactly what we

wanted MetroLink, both as a physical card and

an online platform, to encompass. The result was

a list of variables that spanned across three

particular categories: The Multifunctional

Card, Consumer bene�ts and MTA

bene�ts.

IDEATE

(generating optional ways for satisfying your

de�nitions)

After creating our definitions, we then needed to develop the

specific type of user interface, physical card, and particular

uses for the card. The result were multiple ideations of the

MetroLink website, card, branding and identity, app

design, and speci�c advertising technique

SELECTIMPLEMENT

(deciding between options)We chose an ideation that had a simplicity

and clean quality about it with simple muted blue tones and grays. The final font choice for our

identity was Myriad Pro and Geo Sans Light.

EVALUATE

(reviewing the process; planning ahead)

The final outcome of the MetroLink card was

what we hoped to achieve. By looking back

on our original goals for the topic and planning

ahead accordingly, we were able to identify,

document, and resolve any subtle changes in

direction of the group.

(taking action on your decision)With the website complete and the design of

the application, branding and a mock physical card finalized, we chose to create a video advertisement that could represent all of the

services that we want to offer with the MetroLink card.

METROLink: process: task management & research

Page 79: Jamie Chang Portfolio 2012

The entire prokect was completed over a 7 week period. Graphic standards were first established, including the typefaces and color, to represent the prroduct. The prototypes for the logo, application icon, card, and website were developed through a very organic process, based primarily on the constant feedback system week after week.

{prototypes}METROLink

Page 80: Jamie Chang Portfolio 2012

STYLECOLOR PALETTE TYPOGRAPHY

GEOSANSLIGHTgeosanslight

MYRIAD PRO

myriad pro

PROTOYPESLOGO

MOBILE APPLICATION ICON

draf

ts

drafts

final

final

METROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLink

METROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLink

METROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLinkMETROLink

PROTOTYPESCARD

draftsMETROLink

1234 5678 9101 23451234

10/17GOODTHRU

Jeffrey Riman MTA

METROLink MTA

Stay alert while using your desired form of transportation.

For questions, visit MetroLink.info

final

PROTOTYPESWEBSITE (second draft)

TRANSIT SPENDING LOG IN

METROLink: prototypes

Page 81: Jamie Chang Portfolio 2012

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

TRANSIT SPENDING LOG IN

OMETR Link

1.212.654.45671.800.321.1234about

ABOUT

home services affiliates mobile YOUR ACCOUNT

OMETR Link

METROLink

1234 5678 9101 23451234

10/17GOODTHRU

Jeffrey Riman MTA

METROLink MTA

Stay alert while using your desired form of transportation.

For questions, visit MetroLink.info

METROLink1234 5678 9101 2345

1234

10/17

GOODTHRU

Jeffrey Riman

MTA

METROLin

k

1234 5678 9101 2345

1234

10/17

GOOD

THRU

Jeffrey Riman

MTA

METR Link

1234 5678 9101 2345

1234

10/17GOOD

THRU

Jeffrey Riman

MTA

O

METR Link

1234 5678 9101 23451234 10/17GOOD

THRU

Jeffrey RimanMTA

O

METROLink1234 5678 9101 23451234

10/17GOODTHRUJeffrey Riman

MTA

WHAT IS METROLINK?A quick and e�cient way for using public transportation is important to the overall satisfaction of both New York residents and tourists alike. MetroLink enables public transit users to track their travel patterns and spending habits via a comprehensive online platform that provides accurate real-time travel and spending information.

COMPONENTS 1) All public transportation uses 2) Visa purchases 3) Tracks transportation patterns 4) Tracks spending habits 5) Interactive website (applications for digital devices) 6) Tracks the accuracy of the MTA system 7) Provides feed to the MTA to make improvements via user insight 8) Recurring automatic payments

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

OMETR Link

WHILE METROLINK IS CURRENTLY MOST DEVELOPED ON THE IPAD AND IPHONE FOR MOBILE DEVICES, IT IS ALSO AVAILABLE AS ANDROID AND BLACKBERRY APPLICATIONS.

please visit your mobile application store for the free MetroLink application!

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

OMETR Link

AFFILIATES

all public MTA transportation information can be accessed

through MetroLink

link your MetroLink card with a Visa credit card for automatic payment

and other spending bene�ts

based on your destinations, yelp can suggest some nearby businesses

you may be interested in

METROLink: prototypes final website prototype

Page 82: Jamie Chang Portfolio 2012

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

OMETR Link

your account

contact usFAQs

SERVICES

devicesaccount

SETTINGS

SPENDING

TRAVEL

interactive

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

OMETR Link

your account

contact usFAQs

SERVICES

devicesaccount

SETTINGS

SPENDING

TRAVEL

interactive

based on your travel destination, here are some suggestions:

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

OMETR Link

your account

contact usFAQs

SERVICES

devicesaccount

SETTINGS

SPENDING

TRAVEL

interactive

HAVE QUESTIONS? We are here to help!Please contact us via the form below and let us know how we can improve your membership experience or if we can be of any further assistance. We look forward to hearing from you.

For immediate answers to your questions, contact customer support by calling 800-321-1234, tweeting @MetroLinkSupport or �lling out the form below.

FROM:

SUBJECT:

MESSAGE:

SUBMIT

-------------------PLEASE SELECT-------------------

1.212.654.45671.800.321.1234abouthome services affiliates mobile YOUR ACCOUNT

OMETR Link

your account

contact usFAQs

SERVICES

devicesaccount

SETTINGS

SPENDING

TRAVEL

interactive

2:47PMC- 2:50PME- 2:54PM

5:57PM4- 5:58PM5- 6:04PM6- 6:10PM

3:02PM

6:29PM

DECEMBER 2ND, 2011subway

LOCATION

23rd st, 8th ave 2:47pm

TIME SWIPED

C- 2:50pm E- 2:54pm

86th st, Lex ave 5:57pm 4- 5:58pm5- 6:04pm 6- 6:19pm

TIME TRAIN ARRIVED

taxiTIME

10:03PM $7.10 $1.00

FARE

$8.10

TOTALTIP

ACCOUNT BALANCETYPE

public

taxi

unlimited

linked to visa

exp: 12/15/11

BALANCE

METROLink: prototypes final website prototype

Page 83: Jamie Chang Portfolio 2012
Page 84: Jamie Chang Portfolio 2012

{Soxland}Soxland International is a leading full service hosiery company. It currently designs, manufactures, and distributes for companies like Bloomingdale’s, Delia’s, Charter Club, Dillards, Nordstroms, Macy’s, and GH Bass. To contribute to the promtion of environmental responsibility, Soxland has a collection that contains designs that carry strong eco-friendly messages focused on environmental awareness.

I created visual displays for the company’s two main showrooms. One representing the Greenology bamboo line and the other representing the spring collection.

This internship was completed Summer 2011 at Soxland International.

Page 85: Jamie Chang Portfolio 2012

Soxland: bamboo showroom visual display

Page 86: Jamie Chang Portfolio 2012

Soxland: spring showroom visual display

Page 87: Jamie Chang Portfolio 2012
Page 88: Jamie Chang Portfolio 2012

[email protected] | JCHANGG.COM