Function

Page 1

P O RT FO LI O

Selected works

Bryan Chen FUNCTION



P O RT FO LI O

Selected works

Bryan Chen FUNCTION

Pg 1


P O RT FO LI O

DESIGNER

Function

Bryan Chen

CREDITS

DESIGN THINKER

Bryan Chen PHONE

1.415.205.0460 EMAIL

bryanhychen@gmail.com WEBSITE

bryanhychen.com SCHOOL

Academy of Art University, School of Graphic Design INSTRUCTOR

Mary Scott COPYRIGHT Š 2010

All rights reserved. No part of the book may be reproduced without permission from the author.

Pg 2


COURSE

INSTRUCTOR

MEDIUM

Senior Portfolio

Mary Scott

Print

Function Speaks Louder

Function is simple. A simplicity that is achieved through a complexity of thinking and design. It is a very thoughtful process and every step of it needs to be carefully considered and well thought-through. When I approach a problem, I tend to find out what the function is first and see how it should be achieved. I find solving problems this way to be very effective and I always want the solutions to do good to people.

Pg 3


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Design is Meant to aid Function

Pg 4


COURSE

INSTRUCTOR

MEDIUM

Senior Portfolio

Mary Scott

Print

CONTENTS

ZERO WASH

01

Innovative way of doing laundry

THE NEW RITE AID

02

03

07

BESSEMER REBRANDING

08

A venture capital company with a 100-year history

04

Location based advertising on mobile platforms

SUPER DUPER

ROCK CANDY MOUNTAIN Paper company promotion and event design

Bike related solutions to marginalized communities

SHOPALERTS

06

Neutralizer typeface promotion

Nationwide drugstore chain rebranding

OPEN ROAD

OPPOSING FORCES

BRAND IDENTITIES

09

Various brand identities

05

COLOPHON

Fast food burger, slow food quality

Pg 5


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 6


COURSE

INSTRUCTOR

MEDIUM

Senior Portfolio

Mary Scott

Print

CONCEPT

The form of design is always driven by the function. The information has to communicate the target audience. The definition of who I am as a designer is the way I look at the world. When I look at something, I constantly think and ask myself—why is it like this, and not like that. To me, a good product needs to function before it looks good and that is the same way I approach to design. It seems like a lot of times, a sense of beauty would emerge from the pure function that is well-achieved. That is also why I find street signs and timetables to be very mundane and yet attractive at the same time. When they work as they should, they are beautiful. Function plays a major role in the way I think, design and work. The emphasis on functionality is really what defines me as a design thinker as well as a multi-discipline designer. Function could be a challenge, a goal or the most essential and ultimate solution to problems. Whenever I am called upon to deal with a series of problems, I always dissect the problems and think about what the core functions are and then come up with corresponding solutions. Function should be clear, user-friendly, adaptive, and most important of all, communicative. Different people may have various approaches towards problem-solving. Mine is always driven by function. A product can only work when it functions well. Knowing the functionality of a project makes me work more effectively and focus on solving the most important problems.

Pg 7


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Design is Driven by Function

Pg 8


COURSE

INSTRUCTOR

MEDIUM

Senior Portfolio

Mary Scott

Print

WORK

Pg 9


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Clean Innovative Smart

Pg 10


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

01

FUNCTION

ZERO WASH

Innovative way of cleaning your laundry using laundry ball and get rid of chemical detergents completely For this project, there are three phases for us to take an existing product or service and rethink how we can make it more sustainable. First after we pick our product, we examining the existing product, look at its function and see how it’s being fulfilled. We then redesign the product so that it works more efficiently and create less carbon footprint. In addition to the redesign, we have to create a brand for the redesigned product and establish strong branding. I wanted to propose a change to the way people do their laundry. Based on my research, I found out that there is a kind of laundry product called laundry ball, used mainly in Europe. With a laundry ball, we can get rid of chemical detergents entirely. A laundry ball raises the pH level of water the same way detergents do and that is how clothes get cleaned. The problem with existing laundry balls is that the materials used for manufacturing are not recyclable and the efficiency can also be improved. I also want to introduce the laundry ball to the U.S. market and suggest a solution to problems like chemical residue, plastic containers, after wash water and so on. If we start using laundry balls instead of traditional detergents, we can reduce our carbon footprint and be more responsible to our environment.

DISCIPLINES

- Innovation

- Product design

- Branding

- Strategy

- Social

- Collateral

- Print

- Information Design

- Packaging

Pg 11


P O RT FO LI O

DESIGNER

DIMENSION

PRINTING

BINDING

Function

Bryan Chen

9 x 12 inch

Digital

Sewing

Clean Innovative Smart

OBJECTIVE To create a cradle to cradle product life cycle and carefully consider every step of a product from beginning to end. The end of a product may become the beginning of something else so that we create less waste by adding new values to current things. Rethink the entire manufacturing process and make changes in the way people use a product and add value to existing product. As designers, we must be more careful than ever at examining the function of a product, look at how it is being used and think about its afterlife.

SOLUTION To reduce waste and pollution caused by using chemical detergents to do laundry. I discovered and redesigned the laundry ball. Sowa laundry ball is a innovative product designed to get clothes clean without using laundry powder or detergents. The name Sowa suggests soft wash, which is to wash with chemicals. Instead of laundry soap or liquid detergent, you place a environmental friendly ball in with your wash. The laundry ball is filled with small micro spheres made of natural ceramics. The small ceramic spheres change the pH of the water the same way your detergent does, but without harmful chemicals. I also came up with the concept of zero wash for promoting the laundry ball. Zero Wash means using Sowa laundry ball to do laundry involves no chemical detergents, no residue, no allergic skin, no landfill and most important of all, no harm to the environment.

Pg 12


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

Pg 13


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 14


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

Z E R O WA S H B O O K

Concept

Pg 15


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Z E R O WA S H B O O K

Introduction

Pg 16


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

Pg 17


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Z E R O WA S H B O O K

Product overview

Pg 18


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

Z E R O WA S H B O O K

Product history

Pg 19


P O RT FO LI O

DESIGNER

Function

Bryan Chen

S O WA L A U N D RY B A L L

3D rendering

S O WA L A U N D RY B A L L

Different angle view

Pg 20


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

S O WA L AU N D RY B A L L

Brand identity

Pg 21


P O RT FO LI O

DESIGNER

Function

Bryan Chen

pebble

SoWa

sowa

aqua aqua pura

S O WA L AU N D RY B A L L

Identity explorations

Pg 22

zero wash

aqua s o wa

sowa

So Wa


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

PH

Ceramic Balls

S O WA L A U N D RY B A L L

Product structure

Pg 23


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Z E R O WA S H B O O K

Product function

Pg 24


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

Z E R O WA S H B O O K

Product redesign

Pg 25


P O RT FO LI O

DESIGNER

Function

Bryan Chen

S O WA L AU N D RY B A L L

Interaction with water

Pg 26


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

S O WA L AU N D RY B A L L

Product structure

Pg 27


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Curvature

Opening Hollow Center

Bioplastic

S O WA L AU N D RY B A L L

Material & structure

Pg 28


COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

S O WA L AU N D RY B A L L

Product prototype

Pg 29



COURSE

INSTRUCTOR

MEDIUM

Print 3

Tom Sieu

Print

Production

Materials

SOLCOOL JUSTIN MCNIFF, DESIGNER

NEO RIDE ROGEMIL VELASCO, DESIGNER

A COOLER BUILT FROM BIOPLASTIC MATERIALS WITH SOL AR PANELS. ABLE TO USE FOR RECREATIONAL ACTIVITIES OR TR ANSPORTATION OF VACCINES.

A BICYCLE MADE OUT OF SUSTAINABLE BAMBOO. IT IS COMPLETELY FOLDABLE TO OCCUPY THE LE AST AMOUNT OF SPACE WHEN TR AVELING.

R3 is a collaborative effort by designers, educators and activists to promote sustainable and social design. Our approach focuses not only on redesigning better things, but on better experiences as well. We’re committed to the idea that good design can yield good results and that starting the creative conversation with fresh minds is the fastest way to get there. Our projects stress the value of design as applied at every stage of a product lifecycle. Accordingly, we investigate how products are made and determine what happens to them once their immediate usefulness has expired. In case you haven’t noticed, sustainability is upon us with a vengeance. But what we make of it remains to be seen. We can safely say that this idea is not going away anytime soon and that it will continue to redefine the time and space in which we live. It has certainly redefined our creative process as well as the role(s) designers play within it. As a result of this shift, the marketplace now demands more meaningful products and experiences. Today, it is no longer enough to create beautiful things, but also to create the conditions and experiences that surround these things. Ultimately, this is a good thing for designers; it means we are in a better position to effect change on a much larger scale than ever before. But only if we seize the opportunity. We need to assume responsibility for the larger setting in which design operates.

Efficiency

SK YBOT 2 DARREN NG, DESIGNER A ROBOT DESIGNED TO CLEAN SK YSCR APERS, THUS REDUCING THE RISK OF HUMAN CASUALTIES AND USE OF SCAFFOLDING.

Our latest collection of R3 projects demonstrates each designer’s careful consideration, unique abilities, innovative solutions and earnest desire to create better experiences. Beyond the emotional appeal of each item’s unique form factor, there are larger functional considerations, energy efficiencies, material choices and production techniques all geared for reducing the environmental impact. By problem-solving and designing from untraditional viewpoints, this ambitious project demonstrates that designers can be an integral part in changing patterns of behavior for the better.

Second Life

NO. 2 CRISTINA ROTUNDO, DESIGNER 100 % BIODEGR ADABLE FURNITURE PRODUCTS MADE FROM PRESSED COW MANURE. IT IS EASILY MOLDED AND COMPLETELY ODORLESS.

r3lab.org

TOM SIEU FOUNDER, R3

R3 PROMOTION

Direct mailer structure

R3 R3 is a collaborative effort to promote sustainable design, Our approach focuses not only on redesigning better products, but on better user experiences and adapt to new habits.

Visit us at r3lab.org

Pg 31


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Family Health Life

Pg 32


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

02

FUNCTION

THE NEW RITE AID

We treat our customers like our own families. We provide accountable medical services and intimate experiences. Rite Aid Corporation is one of the nation’s leading drugstore chains with more than 4,900 stores in 31 states and the District of Columbia, with a strong presence on both the East and West coasts, and 109,000 associates. Rite Aid is the largest drugstore chain on the East Coast and the third largest drugstore chain in the U.S. Rite Aid is committed to providing customers the support, programs and merchandise they need to make every day life a little easier and healthier. To be a successful chain of friendly, neighborhood drugstores. Our knowledgeable, caring associates work together to provide a superior pharmacy experience, and offer everyday products and services that help our valued customers lead healthier, happier lives. Rite Aid’s strategic initiatives for growth include a comprehensive focus on patient health and wellness programs, including heart health and allergy awareness, oral and skin care, and diabetes and weight management, successful private label launches, and effective promotional and seasonal programs. To attract senior patients, who take more prescriptions than the rest of the population, Rite Aid has launched Living More, a senior loyalty program that continues to give the company a competitive advantage in attracting seniors.

DISCIPLINES

- Branding

- Strategy

- User experience

- Print

- Web

- Advertising

- Collateral

- Packaging

Pg 33


P O RT FO LI O

DESIGNER

DIMENSION

PRINTING

BINDING

Function

Bryan Chen

6.75 x 9 inch

Inkjet

Perfect

Family Health Life

OBJECTIVE To provide a comfortable and homey environment where our employees would treat customers like their own family. The company focuses on providing intimate medical services like no others and create unique customers’ experiences. Getting your medication would be a private and pleasant experience just like having a family doctor in your house. People would feel the professionalism and accountability of the company’s products and services through the identity system.

SOLUTION Using type and color as the main tools to create a warm and friendly personality of the company. The overall look would be clean and minimal and at the same time inviting and rich in details. The typography should be easy to read and accessible to all ages. People would feel the professionalism and accountability of the company’s products and services through the identity system. The experience of being in the store should be as close as being at home. The design would be very intimate and caring to the customers. There would be possible usages of different fabrics and paper to create texture so that there is another level of sensibility. The design goal is to make people want to visit the store as much as they like being at home and the design would make going to a pharmacy a more pleasant and enjoyable experience.

Pg 34


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

Pg 35


P O RT FO LI O

DESIGNER

Function

Bryan Chen

RITE AID

New brand identity

RITE AID

Current identity

Pg 36


Pg 37


P O RT FO LI O

DESIGNER

Function

Bryan Chen

family

health

RITE AID

Brand essence

Pg 38

life


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

RITE AID

Identity explorations

Pg 39


P O RT FO LI O

DESIGNER

Function

Bryan Chen

cap height x height baseline

RITE AID

Identity integrity

x

x

x space x

RITE AID

Identity clear space

Pg 40

x


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

30 South Hunter Lane, Camp Hill, PA 17011

riteaid.com

Mary F. Sammons Chief Executive Officer

health

family

30 South Hunter Lane, Camp Hill, PA 17011

t 717.761.2633 m 717.761.2624

life

t 717.761.2633

sammons@riteaid.com

30 S. Hunter Lane, Camp Hill, PA 17011, USA

f 717.761.2623

riteaid.com

riteaid.com

RITE AID

Stationery system

Pg 41


P O RT FO LI O

DESIGNER

Function

Bryan Chen

RITE AID

Brand style guide

Pg 42


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

RITE AID

Brand style guide

Pg 43


P O RT FO LI O

DESIGNER

Function

Bryan Chen

family member

Christine is here to help you & your family

RITE AID

Name tag

RITE AID

Doctor’s rope

Pg 44


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

hair spray

pain relief

RITE AID

Health products

RITE AID

Shopping bags

Pg 45


P O RT FO LI O

DESIGNER

Function

Bryan Chen

isle

9

isle

9

Vitamins Nutrition

Skin Care water MINERAL WATER 16.9 fl oz 500 ml

$1.49

RITE AID

Signage and price tag

RITE AID

Store exterior

Pg 46


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

Pg 47


Pg 48


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

RITE AID

Corporate vehicle

Pg 49


P O RT FO LI O

DESIGNER

Function

Bryan Chen

RITE AID WEBSITE

Home page

Pg 50


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print

RITE AID WEBSITE

Rotating billboard

Pg 51


PORTFOLIO

DESIGNER

Function

Bryan Chen


COURSE

INSTRUCTOR

MEDIUM

Identity 2

Todd Hedgpeth

Print & Packaging


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Transport Community Utilitarian

Pg 54


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print

03

FUNCTION

OPEN ROAD

Bike and bike-related solutions and programs to marginalized communities in countries all over the world Bikes Without Borders is a non-profit organization that uses bikes and bike-related solutions as a tool for development in marginalized communities. The solutions are mostly focused on poverty, health and education issues. Bikes Without Borders is organized around the concept of community. The efforts will make direct, measurable, positive contributions to the communities where the programs take place and they will work with them in a spirit of collaboration and respect. By focusing on communities and community building, the individuals within those communities will, as a result, be empowered. Communities that they work with will be enriched through the efforts, as will we be enriched for working with them. They believe every action they undertake has repercussions and consequences. Recognizing the interconnectedness, they acknowledge that their actions have consequences not just in their immediate environment, but also on a global scale, and they endeavour to always make their actions positives ones. They envision a world where automobiles are antique and roads are shaded by trees; where the sky is clear and the clean wind blows your hair; where borders are unguarded and children can make their way safely to school.

DISCIPLINES

- Branding

- Non-Profit

- Social

- Print

- Strategy

- Interactive

- Collateral

- Information Design

- Packaging

Pg 55


P O RT FO LI O

DESIGNER

DIMENSION

PRINTING

BINDING

Function

Bryan Chen

8 x 10 inch

Inkjet

Perfect

Transport Community Utilitarian

OBJECTIVE Establish a brand and do a campaign for an organization. It includes designing an identity, stationery, website and creating an fund-raising event. The primary objective is to show people that a bike can really make a big different to those people in need and change the world little by little. The secondary objective is that a bike can not only help transportation, but education, medication and energy production. The goal is to get people familiar with what the organization does and hopefully become more active later on.

SOLUTION For Bikes Without Borders, my idea was to create a very straightforward brand that really speaks utilitarianism. I want the message to be clear and positive. The design of the identity symbolizes bikes and other resources are used and being passed on endlessly. It also suggests that people around the world can benefit from it. The color palette is bold, utilitarian and high contrast, like street signs. For the design of the book, I chose to go with two colors in order to save budget and at the same time still create a strong visual impact. In the book, I provided facts and real-world stories to convince readers and also used infographics to make data easier to be understood. As for the event, it was an fund raising, running and walking event called “Walk & Roll�. People can participate a marathon either on bikes or on foot. The purpose of the marathon was to experience the life of workers and students in marginalized communities, which they often have to walk hours to get to where they are going. With the aid of bikes, their life would be much easier.

Pg 56


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print

Pg 57


P O RT FO LI O

DESIGNER

Function

Bryan Chen

BIKES WITHOUT BORDERS

BIKES WITHOUT BORDERS

Organization identity

Pg 58


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print


P O RT FO LI O

DESIGNER

Function

Bryan Chen

BIKES WITHOUT BORDERS

Identity explorations

Pg 60


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print

BIKES WITHOUT BORDERS P

647.999.7955 F 647.999.7956

261 Markham St., Toronto, ON M6J WEB

www.bikeswithoutborders.org

Oct 29, 2009

Rock Candy Mountain Paper Mill Mr. Steve Brown 1535 Rocky Blvd. Lambert, MT59102

Dear Mr. Brown, My paper company is called Rock Candy Mountain Paper Mill and it is located in a small town in Montana. The company has a long history of making fine papers since the good old days and they used to make papers from all sorts of mixed materials obtained from the mountain and the energy source is powered by the river near the paper mill. The paper company now wants to become more popular among the designers and thier custmers by combining the good old spirit of making fine paper and add a modern and chic touch to it. The personality of the company is retro, playful and a little bit wacky and at the same time very friendly and trendy. Recently, they have three new product lines coming out and they are expressing the company’s new personality for the three individual paper line from our company. With the logo design, I was doing a lot of variations with differnent ways to separate the name and played with different forms. I then used several found type from the research and combined the three words, R, C & M into a logotype. Each letter on their own brings different feelings and the shape tells the stories of the company. The straight art of the letters relates to the old industry happend in the mountain area, mining and logging for example. The radius corner shows the friendliness and retro feeling. The logotype as a whole looks like a mountain. For the color mood, I am trying to create a pleasant palette that says something about a nice little town and shows the feeling of the environment. As for the stationery, I am going for a retro yet modern looking, wood-carved letterforms to relalte to the small town’s history. For the swatchbook covers, I recreated the signages existed in the old town and put the titles of the books on them to show the historical aspect of the company. The theme for the swatchbooks is on a trip to Rock Candy Mountain and therefore we would have highway, small town and hotel for the three individual paper line. Best Regards, TO:

Bryan Chen

BIKES WITHOUT BORDERS MIKE BRCIC P

EXECUTIVE DIRECTOR

647.999.7955

F

647.999.7956

261 Markham St., Toronto, ON M6J WEB

www.bikeswithoutborders.org

MAIL

info@bikeswithoutborders.org

BIKES WITHOUT BORDERS

Stationery system

Pg 61


P O RT FO LI O

DESIGNER

Function

Bryan Chen

O P E N R OA D B O O K

Introduction

Pg 62


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print

O P E N R OA D B O O K

Programs

Pg 63


P O RT FO LI O

DESIGNER

Function

Bryan Chen

WALK

WA L K A N D R O L L

JOIN US

Event invitation

20:00 HANLAN'S POINT

Come join us for the following courses

TO DESTINATION

13:00 WARD'S ISLAND

• An easy 6-km walking route that goes along the boardwalk paths of Toronto Islands, from Ward's Island to Hanlan's Point

BIKES WITHOUT BORDERS

ROLL

• A 25-km moderately easy biking route, passing through several points on the island, and traversing the island several times

AND

RSVP

FROM DEPARTURE

Simply reply to Tanya Smith at 647.999.7955 or send an email to info@bikeswithoutborders.org

Pg 64

ROLL WITHOUT BORDERS

MAY 30–2009 DATE

AND

BIKES

261 Markham St., Toronto, ON M6J WEB www.bikeswithoutborders.org

LOCATION

EVENT

TORONTO ISLANDS

WALK


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print

BIKES WITHOUT BORDERS

Website home page

Pg 65


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 66


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 3

Laura Milton

Print

HONK BIKES WITHOUT BORDERS

AND

ROLL

WARD'S ISLAND

HANLAN'S POINT

LOCATION

TORONTO ISLANDS

DATE

MAY.30-2009

WEBSITE

WWW.BIKESWITHOURBORDERS

WARD'S ISLAND

HANLAN'S POINT

LOCK BIKES WITHOUT BORDERS

FROM

13:00

WA L K A N D R O L L

WA L K A N D R O L L

Event poster

Packaging labels design

AND

ROLL TO

20:00

Pg 67




P O RT FO LI O

DESIGNER

Function

Bryan Chen

Location Mobile Advertising

Pg 70


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Web Digital

04

FUNCTION

SHOPALERTS

Placecast creates smart solutions for location-based mobile marketing, advertising and content management ShopAlerts is a location-base service that pushes advertising, sales and as well as lifestyle information to mobile platforms. It is one of the main products of Placecast, a San Francisco based company that focuses on delivering advanced location-based advertising programs. Placecast was founded on a simple premise—place and time are the universal keys to relevance in the mobile experience. The platform is built to use location and time as the core upon which the system is architected, and resolves the complex data, relevancy, and scaling issues of running location-based programs for large audiences across any connected device in different regions. The company’s ShopAlerts service has transformed the location-based industry, taking home the top prize for innovation from the National Retail Federation as well as honorable mentions in 2010 at the Mobile World Congress, Webby’s, and CTIA. Placecast has also pioneered the first fully integrated platform solution for OEM’s, operators, and app development communities to easily integrate and monetize locationbased information from virtually any source into a mobile operating system or developer SDK at scale.

DISCIPLINES

- Branding

- Strategy

- Site architecture

- Product definition

- LBS

- Web

- Interactive

- Motion graphic

- Collateral

Pg 71


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Location Mobile Advertising

OBJECTIVE To help defining Placecast’s products and brand position. Design a new identity, redesign the website and create a demo video for locationbased advertising product, ShopAlerts. The goal is to make the website very easy to use and at the same time help users understand the products better. Give an unique mobile platform experience by sending instant sales or lifestyle information to your phones.

SOLUTION We as a team in the studio first examined Placecast’s current brand architecture and provided several revised models to the client. Once the definition was confirmed, we began to design the new identity for the brand and explored with different visual elements that are associated with location. The new brand is modern, urban and full of energy. We studied the user flow and also started to wireframe out the structure of the website. We want to create a well-structured and user-friendly web experience. Our intension was to let the users enjoy the ease brought by the technology without having to understand the complexity of it. Therefore, we made a short motion graphic video that tells you what you get and how you make the most of the locationbased services provided by Placecast. The demo video is fun and very easy to understand. The billboards with large graphics on every product page also show users what they can do with the products in a very simple way.

Pg 72


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

Pg 73


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 74


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

P L AC E C A S T

Brand identity

Pg 75


P O RT FO LI O

DESIGNER

Function

Bryan Chen

P L AC E C A S T I D E N T I T Y

Identity explorations

Pg 76


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

PLACE AD

MATCH API

SHOPALERTS

P L AC E C A S T I D E N T I T Y

Product line

SHOPALERTS

PLATFORM

MATCH API

DEMO

BLOG

SHOPALERTS

Sign Up for a Demo

Web typography refers ShopAlerts: Need to to the use of fonts on freshen up your walls? the Web. When HTML Get 15% off at ACME was first created, font Paint in SAN FRANCISCO faces and styles were with code 37456 ­ offer controlled by the valid today 06/24/2010! settings of web browser.

Phone SUBMIT

MATCH API

DEMO

BLOG

Sign Up for a Demo

Web typography refers ShopAlerts: Need to to the use of fonts on freshen up your walls? the Web. When HTML Get 15% off at ACME was first created, font Paint in SAN FRANCISCO faces and styles were with code 37456 ­ offer controlled by the valid today 06/24/2010! settings of web browser.

Email

Lorem Ipsum is simply dummy text of printing and industry

PLATFORM

Email

Lorem Ipsum is simply dummy text of printing and industry

Phone SUBMIT

International? Click Here

International? Click Here

DEVELOPER PLATFORM

MATCH-API

DEVELOPER PLATFORM

MATCH-API

Lorem Ipsum is simply dummy text of the

Nunc dictum, urna a accumsan volutpat, nisi nulla consectetur nibh, ut ornare sapien mauris at

Lorem Ipsum is simply dummy text of the

Nunc dictum, urna a accumsan volutpat, nisi nulla consectetur nibh, ut ornare sapien mauris at

printing and typesetting industry. Lorem Ipsum.

Curabitur tincidunt eros sit amet arcu malesuada auctor. Nulla sem urna, pharetra quis luctus quis,

printing and typesetting industry. Lorem Ipsum.

Curabitur tincidunt eros sit amet arcu malesuada auctor. Nulla sem urna, pharetra quis luctus quis,

fermentum tincidunt nulla. Ut vitae augue et nulla cursus tempus.

Learn more

fermentum tincidunt nulla. Ut vitae augue et nulla cursus tempus.

Learn more

Learn more

Learn more

ShopAlerts

Platform

Match­API

Demo

Blog

Copyright © 2010, 1020, Inc.

Contact

SHOPALERTS

PLATFORM

MATCH API

DEMO

ShopAlerts

Demo

Blog

Copyright © 2010, 1020, Inc.

Contact

SHOPALERTS

Phone SUBMIT

PLATFORM

MATCH API

DEMO

BLOG

Sign Up for a Demo

Web typography refers ShopAlerts: Need to to the use of fonts on freshen up your walls? the Web. When HTML Get 15% off at ACME was first created, font Paint in SAN FRANCISCO faces and styles were with code 37456 ­ offer controlled by the valid today 06/24/2010! settings of web browser.

Email

Lorem Ipsum is simply dummy text of printing and industry

Match­API

BLOG

Sign Up for a Demo

Web typography refers ShopAlerts: Need to to the use of fonts on freshen up your walls? the Web. When HTML Get 15% off at ACME was first created, font Paint in SAN FRANCISCO faces and styles were with code 37456 ­ offer controlled by the valid today 06/24/2010! settings of web browser.

Platform

Email

Lorem Ipsum is simply dummy text of printing and industry

Phone SUBMIT

International? Click Here

International? Click Here

DEVELOPER PLATFORM

MATCH-API

DEVELOPER PLATFORM

MATCH-API

Lorem Ipsum is simply dummy text of the

Nunc dictum, urna a accumsan volutpat, nisi nulla consectetur nibh, ut ornare sapien mauris at

Lorem Ipsum is simply dummy text of the

Nunc dictum, urna a accumsan volutpat, nisi nulla consectetur nibh, ut ornare sapien mauris at

printing and typesetting industry. Lorem Ipsum.

Curabitur tincidunt eros sit amet arcu malesuada auctor. Nulla sem urna, pharetra quis luctus quis,

printing and typesetting industry. Lorem Ipsum.

Curabitur tincidunt eros sit amet arcu malesuada auctor. Nulla sem urna, pharetra quis luctus quis,

fermentum tincidunt nulla. Ut vitae augue et nulla cursus tempus.

Learn more

fermentum tincidunt nulla. Ut vitae augue et nulla cursus tempus.

Learn more

Learn more

Learn more

ShopAlerts

Platform

Match­API

Demo

Blog

Contact

Copyright © 2010, 1020, Inc.

ShopAlerts

Platform

Match­API

Demo

Blog

Contact

Copyright © 2010, 1020, Inc.

PL ACECAST SHOPALERTS

Initial color study

Pg 77


P O RT FO LI O

DESIGNER

Function

Bryan Chen

PLACECAST MATCH API

PLACECAST SHOPALERTS PLACECAST PLATFORM

PARENT / SUB

EXAMPLES

- Builds equity in two places - Makes it easy to introduce many sub-brands

- Equity in sub-brand is slightly weaker - Requires more resources to implement

GEO PLATFORM by PLACECAST

Sony Playstation Microsoft Windows

SHOPALERTS by PLACECAST

MATCH API by PLACECAST

ENDORSEMENT

EXAMPLES

- Builds equity in 2 places - Equity built in endorser brand will help introduce new brands later

- Equity is diluted - Requires that you teach the world 2 brands and 2 ideas - Requires more resources to implement

Courtyard by Marriott Polo by Ralph Lauren

PLACECAST

GEO PLATFORM

SHOPALERTS

HOUSE OF BRANDS - Focuses equity in one place - Requires less resources to implement

PL ACECAST PRODUCTS

Brand architecture

Pg 78

MATCH API

EXAMPLES - Does not facilitate the introduction of new brands

GLAD (Clorox) Pantene (P&G)


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

SHOPALERTS

P L AC E C A S T

ShopAlerts identity

Pg 79


P O RT FO LI O

DESIGNER

Function

Bryan Chen

P L AC E C A S T W E B S I T E

Home page explorations

Pg 80


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

P L AC E C A S T W E B S I T E

Home page exploration

Pg 81


P O RT FO LI O

DESIGNER

Function

Bryan Chen

P L AC E C A S T W E B S I T E

ShopAlerts page

Pg 82


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

Products

Placecast logo

Demo

Overview Product 1

SHOPALERTS / FEATURE PRODUCT

Product 2 etc.

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio. · Bullet

or

· Bullet · Bullet

DEMO

Placecast logo

Products

FEATURE / BENEFIT

PLACECAST OVERVIEW MESSAGING

Overview

Product 1 Product 2 etc.

· Bullet · Bullet

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio.

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

· Bullet

ant esti te modions erovit lautet ex ero bero conseratem etur magnate odis nos etur am alique que estionsedis qua· Bullet · Bullet

· Bullet FEATURE / BENEFIT

· Bullet

Demo

IMPLEMENTATION EXAMPLE 1

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

· Bullet

IMPLEMENTATION EXAMPLE 2 or

ant esti te modions erovit lautet ex ero bero conseratem etur magnate odis nos etur am alique que estionsedis qua-

Feature / Benefit

· Bullet

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

· Bullet

HOW IT WORKS

TECH SPECS

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

SHOPALERTS / FEATURE PRODUCT

Placecast logo SHOPALERTS / FEATURE PRODUCT Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio.

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio. Nam nihilit aspistota

· Bullet · Bullet

· Bullet

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio.

Overview Product 1 Product 2

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe · Bullet · Bullet

· Bullet

· Bullet

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que con-

· Bullet

MATCH API / FEATURE PRODUCT

etc.

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que conse· Bullet

· Bullet

Demo

Products

or

Home

About

Blog

Press

· Bullet

Partners

How It Works

f Fan us on Facebook

Team

Youtube

t Follow us on Twitter

· Bullet

· Bullet LOGOS DEMO MORE

FEATURE / BENEFIT 1

corroribus ant esti te modions erovit lautet ex ero bero conseratem etur magnate odis nos etur am alique que estionsedis quamet ipsam lam, velit,

corroribus ant esti te modions erovit lautet ex ero bero conseratem etur magnate odis nos etur am alique que estionsedis quamet ipsam lam, velit,

FEATURE / BENEFIT 2

Maximolo rehent et venim volesci aspiciur? Et eseque rae oditaerum si dolut fuga. Et as et

Ignam rehenih iligniet, te cum ad mil illo molenim usanimagnim est, cori is eariatio berovid que cuptatecust, qui repel everupt aquaepr aeperum quiatiur, sandignim et voluptatia volorpores el illuptas eum qui rem quiat ipid FEATURE / BENEFIT 3

MORE

IMPLEMENTATION 1

PLATFORM

Tem quo que venda illat eiciumque cortatur sinto quiaturi sim que auta nonsequo mod quam inverit ionsequam aliqui omnim veri ut enit esti ullab inimi, cus maxim con re es se et quodi odigendebis consequas nulpa soluptatenim id maximet eos evendae rem quam aspere eos se ide nam, intis eiur si idebis deles

IMPLEMENTATION 2

· Bullet

Home

About

Partners

Blog

Press

Team

· Bullet · Bullet

How It Works

f Fan us on Facebook

Youtube

t Follow us on Twitter

Maximolo rehent et venim volesci aspiciur? Et eseque rae oditaerum si dolut fuga. Et as et

TECH SPECS

HOW IT WORKS

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe · Bullet · Bullet Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe · Bullet · Bullet

Home

About

Partners

How It Works

f Fan us on Facebook

Blog

Press

Team

Youtube

t Follow us on Twitter

P L AC E C A S T W E B S I T E

ShopAlerts wireframes

Pg 83


P O RT FO LI O

DESIGNER

Function

Bryan Chen

PRIMARY PAGES / MAIN NAV HOMEPAGE Function: - Engage and educate users.

DEMO SETUP PAGE Contact form

Feature Content: - High-level product offering. - Request a demo.

FOLLOW/FAN/TWEET CHICLETS

Secondary Content (For Each Product): - Summary and benefits. - Nav to product page.

SHOPALERTS

DEV PORTAL

PRODUCTS & PLATFORM PAGE

Content: - Placecast ShopAlerts features and benefits. - Ideas and examples of deployment. - Client logos and testimonials. - How it works summary. (Nav to deeper.) - Prompt to request a demo or become a lead.

Content: - Match API product description. - Development portal prompt.

Content: - Product overviews. - How it works overview. (Nav to more.) - Client logos? - Link to tech specs page. - Prompt to request a demo.

SECONDARY PAGES / BUCKET NAV HOW IT WORKS

ABOUT

PRESS

YOUTUBE

CONTACT

BLOG

PARTNERS

INTERNATIONAL

TEAM

TECH SPECS

P L AC E C A S T W E B S I T E

Content architecture

Pg 84


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

P L AC E C A S T W E B S I T E

Product webpages

Pg 85


P O RT FO LI O

DESIGNER

Function

Bryan Chen

SHOPPING MALL

C AREA

EVENT CENTER

DOWNTOWN

PL ACECAST SHOPALERTS

Demo video

Pg 86


PROJECT

CLIENT

MEDIUM

ShopAlerts

Placecast

Digital

POINT OF INTEREST

EVENTS!

SHOPPING MALL REC AREA

REC AREA

EVENT CENTER

TODAY ONLY!

EVENT CENTER

DOWNTOWN MALL

YOUR BRAND

PL ACECAST SHOPALERTS

Demo video screenshots

Pg 87


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Fresh Tasty Local

Pg 88


PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

05

FUNCTION

SUPER DUPER

We serve fast food style burgers, made with fresh local ingredients and you get slow food values. Super Duper is a new burger joint at the Castro in San Francisco. At Super Duper, they serve fast food style burgers, fries, and shakes all made with the best local ingredients available. The beef is 100% Niman Ranch all natural beef ground fresh each day. The shakes and cones are made with organic Strauss cream from Petaluma, and the pies and cookies for our sundaes are baked daily in house. They also offer a chicken sandwich and a portobella mushroom “burger”, and they make our own pickles. All of the packaging is compostable, because they care about the environment just as much as they care about our burgers. When you go, don’t forget to try the super sundae with chocolate chip and bacon. It is surprisingly good.

DISCIPLINES

- Branding

- Restaurant

- Print

- Collateral

- Web

- Interactive

- Packaging

Pg 89


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Fresh Tasty Local

OBJECTIVE To establish strong visual branding for a new burger joint in the city. Create a cohesive system that shows a lot of fun, has great personality and compelling visuals. The system consists of its brand identity, business system, website, menu, burger wrapper, take-away packaging and in store graphics and display.

SOLUTION We as a team in the studio thought about how to make this new burger joint stand out and being unique among its many competitors in the city. We created an expansive collection of graphic illustrations, patterns and hand rendered typography to show the fun and vibes of the brand. We designed the mark to be very friendly and inviting. The color palette is super fun and has a lot energy. We used bold and simple typography on the menu and make it easy to read. The website is straightforward and at the same time tells you so much about the brand right when you land on the home page. The choice of going with craft paper for the packaging material reflects that we think about product life cycle and it should be easily recyclable. All in all, the visual design is to help creating an inviting and fun dining environment and give customers a pleasant experience with tasty food.

Pg 90


PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

Pg 91


Pg 92


PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

SUPER DUPER

Graphic buttons

Pg 93


P O RT FO LI O

DESIGNER

Function

Bryan Chen

SUPER DUPER BUTTONS

Color explorations

Pg 94


PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

SUPER DUPER

Business card

Pg 95



PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

SUPER DUPER SIMPLE

Our menu is super simple so we can offer you the best quality for the right price. Sales tax included.

QUALITY, LOCAL BUN Baked fresh by our favorite local bakery

SUPER DUPER SAUCE Secret sauce made fresh in house

LETTUCE,TOMATO & ONIONS Local & organic whenever possible

AMERICAN CHEESE Local & organic whenever possible

SUPER DUPER JUICY BEEF 100% sustainably farmed Niman Ranch natural beef ground fresh daily by our favorite butcher in San Francisco.

We proudly serve Straus organic ice cream in our shakes, cones, and sundaes. Our organic fruit toppings are locally sourced and our pie and cookie toppings are baked fresh daily in our kitchen.

SUPER DUPER BURGER

Burger diagram

Pg 97


P O RT FO LI O

DESIGNER

Function

Bryan Chen

S U P E R D U P E R PAT T E R N

Pattern explorations

Pg 98


PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

SUPER DUPER MENU

Pg 99


P O RT FO LI O

DESIGNER

Function

Bryan Chen

BURGER WRAPPERS

Color system

Pg 100



P O RT FO LI O

DESIGNER

Function

Bryan Chen

HOME

Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adiscing elit. Quisque commodo lectus libero, vitae mollis nisi. Maecenas sagittis lobortis neque a blandit. Phasellus ullamcorper, purus et pellentesque vulputate, libero sapien vehicula arcu, vitae aliet lectus tellus condimentum odio. Quisque pretium eleifend quam, id condimentum est tincidunt auctor. Suspendisse ut purus consectetur erat euismod fringilla sed nec purus. Pellentesque eu nisl vel volutpat scelerisque. Vestilum porttitor commodo convallis. Phasellus, pellentesque in vehicula sed, hendrerit vitae purus. Donec ornare, lacus vel lobortis adipiscing, tortor sapien ultricies erat, malesuada velit libero lorem. Vestibulum viverra bibendum turpis, varius posuere eget.

phone: 415.673.7100

Pg 102

email: info@superdupersf.com


PROJECT

CLIENT

MEDIUM

Super Duper

Adriano Paganini

Print & Web

HOME

ABOUT

MENUS

PR E S S

C O N TAC T

We Make Delicious Kick-Ass Burgers. Hel lo, w e ’re Sup er D up er

W h at w e off er

W here w e a re

From the team that brought you Beretta, Adriano Paganini, Deborah Blum and chef Ruggero Gadaldi, Delarosa features Roman style pizzas, seasonal antipasti, salads, panini, pasta, entrees, desserts and artisanal beer, wine and cocktails.

With the near-instant success of Italian hotspot Beretta in the Mission, followed closely by New American comfort food purveyor Starbelly in the Castro, partners Deborah Blum, and Adriano Paganini seem to have found a winning formula.

We accept walk in parties of all sizes. Also, we do take names over the phone for our wait list. If you call us within 45 minutes of your arrival, we will take your name and hold your place on our wait list for a maximum of 45 minutes.

phone: 415.673.7100

3583 Market Street San Francisco, CA 94102 phone: 415.673.7100

H OM E

fax: 415.673.7200

email: info@delarosasf.com

Hel lo, w e’r e S upe r D upe r From the team that brought you Beretta, Adriano Paganini, Deborah Blum and chef Ruggero Gadaldi, Delarosa features Roman style pizzas, seasonal antipasti, salads, panini, pasta, entrees, desserts and artisanal beer, wine and cocktails.

A BOU T MENUS PRESS CO N TACT

phone: 415.673.7100

fax: 415.673.7200

email: info@delarosasf.com

SUPER DUPER WEBSITE

Home page explorations

Pg 103




P O RT FO LI O

DESIGNER

Function

Bryan Chen

Unity Collaboration Strength

Pg 106


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

06

FUNCTION

OPPOSING FORCES

Like magnetic forces, our strength in the world can be united or fall apart, depending on our actions Opposing Forces is a typeface promotion project for Neutralizer, a family of sans serif typefaces from type foundry T-26. The concept of the this project is based on the symbolism of magnetic forces and talks about real-world scenarios. The scope of the project contains a typeface promotion book, a type specimen book and a series of collateral like CD packaging and poster. Magnets exert forces on one another, for they can attract or repel depending on which end is held near the other. Like magnetic forces, the strength in the world can be united or fall apart depending on our actions and our point of views. Even two opposing forces can come together and become one far more powerful strength that would benefit both ends. In our world, we often see reports and news on disputes between different parties, groups and nations. The narrative lays on the importance of joining our forces in the world and collaborate.

DISCIPLINES

- Abstraction

- Experimental

- Print

- Promotion

- Collateral

- Poster

Pg 107


P O RT FO LI O

DESIGNER

DIMENSION

PRINTING

BINDING

Function

Bryan Chen

7 x 9 inch

Inkjet

Special structure

Unity Collaboration Strength

OBJECTIVE To showcase the sans serif typeface, Neutralizer from T-26 and demonstrate how different type styles and weights can be used in an interest and effective way. The promotion is mainly targeted toward graphic designers and designers in general. The message behind the design however, it is for everyone.

SOLUTION Using experimental typography and layouts to illustrate an abstract idea. Experiment with typesetting, letterforms and page layout and mainly use typography as a tool to tell the story effectively. The way that the bodycopy is set butting against each other is to reinforce the idea of things joining together and becoming a stronger entity. In terms of the graphic treatments, the illustrations is a form of showing the abstraction of magnetism. The style of the photography is abstract and minimal. The choice of black color is to say that this is a serious and objective subject matter and at the same time adding some hint of spot colors to bring visual contrast.

Pg 108


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

Pg 109


P O RT FO LI O

DESIGNER

Function

Bryan Chen

OPPOSING FORCES

Book structure

Pg 110


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

S O WA L AU N D RY B A L L

Identity explorations

Pg 111


P O RT FO LI O

DESIGNER

Function

Bryan Chen

TYPE PROMOTION BOOK

Typeface promotion

Pg 112


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

TYPE PROMOTION BOOK

Typeface promotion

Pg 113


P O RT FO LI O

DESIGNER

Function

Bryan Chen

TYPE PROMOTION BOOK

Typeface promotion

Pg 114


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

TYPE PROMOTION BOOK

Typeface promotion

Pg 115


P O RT FO LI O

DESIGNER

Function

Bryan Chen

TYPE SPECIMEN BOOK

Type specimen

Pg 116


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

Pg 117


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 118


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

Pg 119


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 120


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

TYPE SPECIMEN BOOK

Type specimen

Pg 121


P O RT FO LI O

DESIGNER

Function

Bryan Chen

UNITY OF OPPOSING FORCES

NEUTRALIZSER BY T-26

UNITY OF OPPOSING FORCES

NEUTRALIZSER BY T-26

OPPOSING FORCES

CD packaging

Pg 122

ABCDEFGHIJKLMNOPQRS

ABCDEFGHIJKLMNOPQRS


COURSE

INSTRUCTOR

MEDIUM

Typography 3

Ariel Grey

Print

SRQPONMLKJIHGFEDCBA

NI-TY

UNITE OUR STRENGTH TWO OPPOSING FORCES COMING TOGETHER BECOME ONE STRENGTH Magnets exert forces on one another, for they can attract or repel depending on which end is held near the other. Like magnetic forces, the strength in the world can be united or fall apart depending on our actions. Even two opposing forces can come together and become one far more powerful strength that would benefit both ends A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/A = V·s/A = kg·m2·s−2·A−2 J/C = kg·m2·s−3·A−1 V·s = kg·m2·s−2·A−1 A (= W/V = C/s) Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 J/C = kg·m2·s−3·A−1 A (= W/V = C/s) V·s = kg·m2·s−2·A−1 kg·m3·s−3·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 J/C = kg·m2·s−3·A−1 Ω−1 = kg−1·m−2·s3·A2 V·s = kg·m2·s−2·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 A (= W/V = C/s) kg·m3·s−3·A−2 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 kg·m3·s−3·A−2 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 J/C = kg·m2·s−3·A−1 kg·m3·s−3·A−2 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 kg·m3·s−3·A−2 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 kg·m3·s−3·A−2 F

J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 V·s = kg·m2·s−2·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 kg·m3·s−3·A−2 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 kg·m3·s−3·A−2 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 y

+q

kg·m3·s−3·A−2 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1

B x

V·s = kg·m2·s−2·A−1 A (= W/V = C/s) Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 J/C = kg·m2·s−3·A−1 v

Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 kg·m3·s−3·A−2 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 kg·m3·s−3·A−2 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 V·s = kg·m2·s−2·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 kg·m3·s−3·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 J/C = kg·m2·s−3·A−1 kg·m3·s−3·A−2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A Ω−1 = kg−1·m−2·s3·A2 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 V·s = kg·m2·s−2·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Ω−1 = kg−1·m−2·s3·A2 V·s = kg·m2·s−2·A−1 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 kg·m3·s−3·A−2 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 A (= W/V = C/s) Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 kg·m3·s−3·A−2 kg·m3·s−3·A−2 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 Wb/A = V·s/A = kg·m2·s−2·A−2 kg·m3·s−3·A−2 kg·m3·s−3·A−2 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 J/C = kg·m2·s−3·A−1 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/A = V·s/A = kg·m2·s−2·A−2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 kg·m3·s−3·A−2 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 V·s = kg·m2·s−2·A−1

N

Wb/A = V·s/A = kg·m2·s−2·A−2 kg·m3·s−3·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) V·s = kg·m2·s−2·A−1 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 J/C = kg·m2·s−3·A−1 Ω−1 = kg−1·m−2·s3·A2 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 Wb/m2 = kg·s−2·A−1 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 V·s = kg·m2·s−2·A−1 V·s = kg·m2·s−2·A−1 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 J/C = kg·m2·s−3·A−1 Ω−1 = kg−1·m−2·s3·A2 kg·m3·s−3·A−2 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) J/C = kg·m2·s−3·A−1 A (= W/V = C/s) Wb/A = V·s/A = kg·m2·s−2·A−2 J/C = kg·m2·s−3·A−1 kg·m3·s−3·A−2 kg·m3·s−3·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Ω−1 = kg−1·m−2·s3·A2 A (= W/V = C/s) Ω−1 = kg−1·m−2·s3·A2 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 A (= W/V = C/s) kg·m3·s−3·A−2 Ω−1 = kg−1·m−2·s3·A2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 V·s = kg·m2·s−2·A−1 J/C = kg·m2·s−3·A−1 Wb/A = V·s/A = kg·m2·s−2·A−2 Wb/m2 = kg·s−2·A−1 = N·A−1·m−1 Ω−1 = kg−1·m−2·s3·A2 J/C = kg·m2·s−3·A−1 A (= W/V = C/s)

S

OPPOSING FORCES

Promotion poster

Pg 123


P O RT FO LI O

DESIGNER

Function

Bryan Chen

History Vernacular Vitality

Pg 124


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

07

FUNCTION

ROCK CANDY MOUNTAIN

Making fine papers since the good old days and continue to innovate with sustainable energy and products Rock Candy Mountain Paper Mill is a fictional paper company that I made up in class for the purpose of creating a brand and do a line of promotional items and create an event around the brand. Rock Candy Mountain Paper Mill locates in a small town at the foot of Rock Candy Mountain in Montana. The company has a long history of making fine papers since the good old days and they used to make papers from all sorts of mixed materials obtained from the mountain. The energy source is powered by water that comes from the river near the paper mill. They continue to use this as a sustainable resource for energy. The paper company now wants to increase it popularity among graphic designers, printers, and their other customers. The goal is to base on the good old spirit of making fine paper and add a modern and sophisticated touch to it. The personality of the company is retro modern, friendly and at the same time very playful. Recently, they have three brand new product lines coming out and they are called Motor Court, Whistel Stop and Interstate. The names suggest reminiscences of the good old days and they also reinforce the company’s new personality.

DISCIPLINES

- Branding

- Print

- Promotion

- Event Creation

- Collateral

- Poster

- Packaging

Pg 125


P O RT FO LI O

DESIGNER

PRINTING

Function

Bryan Chen

Inkjet

History Vernacular Vitality

OBJECTIVE To create a retro-modern brand for a paper company that has a long history of making fine paper. The objective is to create an new identity for the brand and design a series of paper swatchbook covers for the up-coming product lines. In addition, put together an fund-raising event that promotes the company’s new products, design invitation, promotional give-aways and an event poster.

SOLUTION With the identity design, I looked at found type and lettering on the street for inspiration. I then came up with variations with ways to separate the name and played with different hand-drawn letterings. I modified the letters found in my research and later combined the three letters, R, C, and M into a logotype. Each letter on their own brings different feelings and the shape tells the stories of the company. The straight art of the letters relates to the old industry happened in the mountain area, mining and logging for example. The radius corner shows the friendliness and retro feeling. The logotype as a whole looks like a mountain. For the color palette, I was trying to create a retro-modern palette that says something about a nice little town and shows the feeling of the environment. As for the stationery, I was going for woodtype, wood-carved letterforms to relate to the small town’s history. For the swatchbook covers, I recreated the signages existed in the old town and put the titles of the books on them to show the historical aspect of the company. The theme for the swatchbooks is being on a trip to Rock Candy Mountain and therefore we would have interstate highway, Whistel Stop small town and Motel Court.

Pg 126


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

Pg 127


P O RT FO LI O

DESIGNER

Function

Bryan Chen


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

PAPER MILL R O C K C A N DY M O U N TA I N

Brand identity

Pg 129


P O RT FO LI O

DESIGNER

Function

Bryan Chen

R O C K C A N DY M O U N TA I N

Swatchbook covers

Pg 130


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

Pg 131


P O RT FO LI O

DESIGNER

Function

Bryan Chen

POP THE CAP

Event invitation

Pg 132


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

POP THE CAP

Event poster

Pg 133


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 134


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

Pg 135


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Pg 136


COURSE

INSTRUCTOR

MEDIUM

Graphic Design 2

Max Spector

Print

P O P AT H E C A P

Coasters

Pg 137


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Vision Opportunity Investment

Pg 138


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

08

FUNCTION

BESSEMER REBRANDING

Venture capitalist with a 100-year history, always on the request for greatness and innovation Bessemer Venture Partners is a private venture capital firm with offices in Silicon Valley, New York, Massachusetts, Israel, China, and India. Bessemer is the longest-standing venture capital practice in the United States. Between 1911 and 1975, the team operated as part of Bessemer Securities Corporation, established in 1911 to invest Henry Phipps’s share of the proceeds from the sale of Carnegie Steel. Since then, Bessemer VP has operated as a standalone partnership with Bessemer Securities Corporation as its primary limited partner. Since its inception, BVP has provided capital to such companies as Criteo, Ciena Corporation, Flarion, Knewton, Parametric Technology Corporation, Skype, Staples Inc., VeriSign and VERITAS Software. Of this group, over 100 Bessemer companies have gone public, including American Superconductor, Ciena Corporation, Gartner, Ingersoll Rand, International Paper, Maxim Integrated Products, Parametric, Staples, Inc., VeriSign, Veritas Software, Shriram EPC, and W. R. Grace and Company. Other notable companies in BVP’s current portfolio include Diapers.com, Yelp, Avalanche Technology, Reputation Defender, Yodle, Ziff-Davis Enterprise, Zoosk, LifeLock, Hunch, and LinkedIn.

DISCIPLINES

- Branding

- Strategy

- Content architecture

- Web

- Interactive

- SEO

- Information Design

Pg 139


P O RT FO LI O

DESIGNER

Function

Bryan Chen

Vision Opportunity Investment

OBJECTIVE To celebrate Bessemer VP’s 100 year-old birthday by giving the existing identity a modern touch. Creating a functional website that enables search engine optimization and easy-to-use user flow. Organize current content architecture and simplify the data structure.

SOLUTION We as a team in the studio started by looking at their current website structure and analyze what’s necessary and what could be minimized. We proposed a minimum site architecture and began wireframing the home page. We showed the client several refined layouts and visual cues for the home page. After we got approved on the direction, we designed the home page based on the wireframe and from the visual design system that we established on the home page, we then created all the secondary web pages, including the company page, portfolio companies, anti-portfolio, and team members page. We also built in search function into their site so that users would be able to get what they are looking for among their hundreds of investments.

Pg 140


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

Pg 141


P O RT FO LI O

DESIGNER

Function

Bryan Chen

BESSEMER VP

Brand identity redesign

BESSEMER VP

Current identity

Pg 142


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

Pg 143


P O RT FO LI O

DESIGNER

Function

Bryan Chen

ABOUT

BVP logo

PRACTICES

PORTFOLIO

TEAM

SEARCH

BESSEMER BY THE NUMBERS

JOIN US ON THE QUEST FOR GREATNESS

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio. Nam nihilit aspistota nihil maio quis suscide llanditibus id erit vollupt

START YOUR SEARCH HERE

· Bullet

SELECT A PRACTICE AREA

· Bullet

S UBMI T

· Bullet

HOT NEWS

ANTI-PORTFOLIO

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ. Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ.

ABOUT

BVP logo

PRACTICES

PORTFOLIO

TEAM

SEARCH

· Bullet

BESSEMER BY THE NUMBERS

· Bullet

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ.

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ.

· Bullet · Bullet Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

About

Practice

Portfolio

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ.

25%

JOIN US ON THE QUEST FOR GREATNESS

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur.

MORE Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ aectust quo optaepe rspelib ernatio. Nam nihilit aspistota nihil maio Team Contact quis suscide llanditibus id erit vollupt

START YOUR SEARCH HERE SELECT A PRACTICE AREA

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ.

S UBMI T

HOT NEWS

ANTI-PORTFOLIO

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

· Bullet · Bullet Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

Ximinci blaut eos sitas num landis non et quamet et, cum earciet que consequ.

· Bullet · Bullet Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur, tempore hendit odi qui doluptistis eiurerum fugiatiore pe

Mus as debis expla veliciis accaborem quoditatur, solorit accullab iligendit eum alitatur. MORE

About

BESSEMER WEBSITE

Home page wireframes

Pg 144

Practice

Portfolio

Team

Contact


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

Pg 145


P O RT FO LI O

DESIGNER

Function

Bryan Chen

HOMEPAGE Keyword Tagging

Function: - Showcases their history. Feature Content: - Company’s history. Secondary Content: - News highlights. - RSS.

ABOUT

PRACTICES

TEAM

PORTFOLIO

CONTACT

Content: - History of BVP. - Timeline of various stages of company development.

Content: - Summary of each categories.

Content: - Alphabetical list of team members.

Content (Investments): - List of investments by year. - Regional map.

Content: - Contact info of branches.

Links: - Investment Practice Overview - Cleantech - Cloud Computing - Data Security - Financial Services - Healthcare - India Opportunities - Israel Opportunities - Online Retail

Links: - Alphabetical - Organizational - Geographical

BLOGS

CLEANTECH

ORGANIZATIONAL

TOP 50 Exits

DIFFERENT LOCATIONS

Content: - Investors’ profiles & links to their blogs - Quotes

Content: - What is Cleantech - Practice overview - Past investments - Current portfolio - Investment team - Recruitment - List of CEOs - News

Links: - Partners - Operation Partners - Vice Presidents - Entrepreneurs-in-Residence - Associates - Analysts - Operations

Content: - List of Investments by year

Content: - Contact info of the branch

ANTI-PORTFOLIO

RESOURCES

Content: - List of Companies by alphabetical order

Links: - Cleantech Industry Group - International Energy Agency - Resources for the Future - U.S. Department of Energy - Blogs

GEOGRAPHICAL

Content: - Email addresses - BVP logo - Conference room equipment

Links: - History - Blogs

Links: - Investments - Top 50 Exits - Anti-Portfolio

Links: - California - Herzliya - Massachusetts - Mumbai - New York - Resources

Links: - California - Herzliya - Massachusetts - Mumbai - New York

BESSEMER WEBSITE

Current architecture

HOMEPAGE Users: - Entrepreneurs - Limited partners

Function: - Showcases portfolio companies and their news and stories. Feature Content: - Portfolio company images or partners.

Technical Requirements: - RSS feed - Social media links for firm and partners - SEO best practices - Content management solution for press releases and etc.

Secondary Content: - News highlights.

ABOUT

PRACTICES

TEAM

PORTFOLIO

Content: - Overview (experience, expertise and success). - History (photo journal). - Contact info for offices.

Content: - Summary of each categories. - menu to select practice areas.

Content for Partners: - Name / title. - Photo - Pull quote - Video micro-documentary / interview - Bio - In my own words - Roadmap / deals interested in now - Social media links / integration

Content: - Timeline of investments. - Top 50 exits. - Anti-portfolio with longer stories - Easy-to-use controls to find / filter companies.

Links: - Overview - History - Contact

Links: - Cleantech - Cloud Computing - Data Security - Financial - Healthcare - India - Israel - Online Retail

EACH PRACTICE Content: - Practice overview - Partners participating - Recent portfolio company news tagged with Cleantech - Recent investments - Current portfolio - BVP philosophy - Metric for investment - Whitepapers - Blog articles Links: - Blogs

BESSEMER WEBSITE

Minimum architecture

Pg 146

Content for Non-Partners: - Name / title. - Photo - Bio - Social media links / integration Links: - By entrepreneur - By practice area - By geography - By past companies

GEOGRAPHICAL Links: - California - Herzliya - Massachusetts - Mumbai - New York

Links: - Investments - Top 50 Exits - Anti-Portfolio

PORTFOLIO COMPANY PAGE Content: - Company name - Logo - Executive staff - Recent news - Investments from Bessemer - Partners involved, value added via CEO testimonial - Entrepreneur story for selected companies


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

Pg 147


P O RT FO LI O

DESIGNER

Function

Bryan Chen

BESSEMER WEBSITE

Portfolio companies

Pg 148


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

BESSEMER WEBSITE

Web pages overview

Pg 149


P O RT FO LI O

DESIGNER

Function

Bryan Chen

SEARCH

SEARCH

ABOUT ABOUT

Practice Areas >

Cleantech

Cloud Computing

Data Security

PRACTICES PRACTICES

Financial Services

Healthcare

TEAM TEAM

PORTFOLIO PORTFOLIO

Indian

Israel

Ab o u t

Online Retail

P racti ces

Team

JOIN US IN THE SEARCH FOR GREATNESS

Portfolio Highlights

P o rtfo l i o

Co n tact

A1 Overlay Content 10% Pie Piece Title Pie Piece Title Pie Piece Title

25%

Pie Piece Title

50%

15% / More >

Anti-portfolio Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Latest News

TripWire, a security and compliance vendor, files for $86M IPO (VentureBeat) 28 May 2010

ShopAlerts' geo-fencing technology lets retailers talk to their customers when they are near a store or other relevant locations. If you have a

ShopAlerts

ShopAlerts

ShopAlerts

ShopAlerts

place in mind, we can geo-fence it. Based on

ShopAlerts

program objectives, trade areas, and or customer virtual geo-fences can be created around any location and are set to trigger.

FIND THE RIGHT PARTNER FOR YOU

Bessmer By the Numbers Cleantech

Latest LatestNews News Soluto wins TechCrunch Disrupt with software that targets and fixes computer issues (VentureBeat)

Today, from offices in New York, Silicon Valley, Boston, Mumbai and Herzliya, BVP manages more than $2 billion of venture capital.

Computing Data Security Financial

MARCH ‘10

And The Winner of TechCrunch Disrupt Is...Soluto! (TechCrunch)

Portfolio Highlights

Healthcare

MARCH ‘10

Start Here

About ShopAlerts

About ShopAlerts

About ShopAlerts

About ShopAlerts

ShopAlerts

ShopAlerts

ShopAlerts

ShopAlerts

ShopAlerts ShopAlerts

Online Retail

ShopAlerts

Platform

MatchAPI

Company

Press

ShopAlerts

ShopAlerts

ShopAlerts

FITNESS

View Friends

FB Friends

WEIGHT

GO

125

Enter Lean Body Mass

GO

100

Pie Piece Title

25%

Pie Piece Title

50%

150 120 90

30 0

15% 10

20

30 TIME (WEEKS)

40

50

/ How to Measure >

/ More >

FIND THE RIGHT PARTNER FOR YOU Portfolio Highlights

Today, from offices in New York, Silicon Valley, Boston, Mumbai and Herzliya, BVP manages more than $2 billion of venture capital.

ShopAlerts

Platform

ShopAlerts is an opt-in location-based mobile marketing solution that reaches consumers while they are shopping or spending time doing the things that they enjoy most creating unparalleled tied to place and time.Providing marketing as a service rather than an intrusion.

Platform, our seriously scalable location data management solution, is specially designed to intake, process.

OUR WORK

ABOUT US

Placecast Placecast Platform, our seriously scalable location data management solution, is specially designed to intake, process.

CONTACT US

BESSEMER WEBSITE

Home page explorations

Pg 150

Anti-portfolio

Start Here

Partnership

Latest News

Today, from offices in New York, Silicon Valley, Boston, Mumbai and Herzliya, BVP manages more than $2 billion of venture capital.

BroadSoft prices IPO at $9-$11 apiece (Reuters.com)

Start Here

OUR SERVICES

TEAM TEAM

60

Pie Piece Title

175 150

Enter Fat Body Mass

PORTFOLIO PORTFOLIO

Pie Piece Title

GO

Waistline

join us in the search for greatness

10%

200 Weight

Body Fat Percentage

PRACTICES PRACTICES

Invite Friends

A1 Overlay Content

Welcome Back, AxelAlbin76

Tues * August 18, 2009 Scale Weight

Store

A D D OV E R L AY

SLEEP

N U T R I T IO N

Daily Log

Health Profile

ShopAlerts

Blog ABOUT ABOUT

Daily Log

ShopAlerts

ShopAlerts

Figures & Numbers

MARCH ‘10

TripWire, a security and compliance vendor, files for $86M IPO (VentureBeat) Soluto wins TechCrunch Disrupt with software that targets and fixes computer issues (VentureBeat) MARCH ‘10

And The Winner of TechCrunch Disrupt Is...Soluto! (TechCrunch) MARCH ‘10


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

SEARCH

ABOUT ABOUT

PRACTICES PRACTICES

JOIN US IN THE SEARCH FOR GREATNESS.

PORTFOLIO PORTFOLIO

TEAM TEAM

Find the right partner for you Today, from offices in New York, Silicon Valley, Boston, Mumbai and Herzliya, BVP manages more than $2 billion of venture capital.

Start Here

LATEST NEWS

BroadSoft prices IPO at $9-$11 apiece (Reuters.com)

Portfolio Performance

MARCH ‘10

PORTFOLIO

ANTI-PORTFOLIO

We said no. Oops! PORTFOLIO

PORTFOLIO

BESSEMER BY THE NUMBER

PORTFOLIO HIGHLIGHTS

ShopAlerts

ShopAlerts

ShopAlerts

ShopAlerts

ShopAlerts

Today, from offices in New York

BESSEMER WEBSITE

Home page exploration

Pg 151


P O RT FO LI O

DESIGNER

Function

Bryan Chen

BESSEMER WEBSITE

Team members

Pg 152


PROJECT

CLIENT

MEDIUM

BVP Rebranding

Bessemer VP

Web

BESSEMER WEBSITE

Team member profile

Pg 153


P O RT FO LI O

DESIGNER

Function

Bryan Chen

FUNCTION

BRAND IDENTITIES

Pg 154

09


PROJECT

CLIENT

MEDIUM

Various

Various

Identity

Pg 155


PROJECT

CLIENT

MEDIUM

Zero Wash

Sowa Laundry Ball

Identity

SOWA LAUNDRY BALL

AT T R I B U T E S

- Innovation

- Technology

- Sustainability

- Social

- Clean

- Smart

Pg 156


PROJECT

CLIENT

MEDIUM

Rite Aid

Rite Aid

Identity

RITE AID

AT T R I B U T E S

- Corporate

- Health

- Family

- Life

- Friendly

- Accountable

Pg 157


PROJECT

CLIENT

MEDIUM

Open Road

Bikes Without Borders

Identity

BIKES WITHOUT BORDERS

BIKES WITHOUT BORDERS

BIKES WITHOUT BORDERS

AT T R I B U T E S

- Non-profit

- Utilitarian

- Simple

- Meaningful

- Bold

- Community

Pg 158


PROJECT

CLIENT

MEDIUM

Placecast

Placecast

Identity

PLACECAST

AT T R I B U T E S

- Mobile

- Technology

- Advertising

- LBS

- Information

- Sales

Pg 159


PROJECT

CLIENT

MEDIUM

Rock Candy Mt.

Rock Candy Mt. Paper Mill

Identity

PAPER MILL

ROCK CANDY MOUNTAIN PAPER MILL

PAPER MILL AT T R I B U T E S

- History

- Retro

- Fun

- Modern

- Found type

- Hand-drawn

Pg 160


PROJECT

CLIENT

MEDIUM

Bessemer

Bessemer VP

Identity

BESSEMER VP

AT T R I B U T E S

- Corporate

- Venture

- Opportunity

- Professional

- Vision

- Fresh

Pg 161


PROJECT

CLIENT

MEDIUM

Concrete Inc.

Concrete Inc.

Identity

CONCRETE INC.

AT T R I B U T E S

- Professional

- Structure

- Technology

- Contrast

- Innovation

- Service

Pg 162


PROJECT

CLIENT

MEDIUM

Mobireag

Mobireag

Identity

MobiReag

MOBIREAG

MobiReag

AT T R I B U T E S

- Chemistry

- Technology

- Reaction

- Vitality

- Dynamic

- Professional

Pg 163


PROJECT

CLIENT

MEDIUM

Sedia

Sedia

Identity

SEDIA

AT T R I B U T E S

- Restaurant

- Italian

- Fine dining

- Modern

- Lifestyle

- Urban

Pg 164


PROJECT

CLIENT

MEDIUM

Uncaged Ergonomics

Uncaged Ergonomics

Identity

UNCAGED ERGONOMICS

AT T R I B U T E S

- Technology

- Lifestyle

- Ergonomics

- Comfort

- Reliable

- Friendly

Pg 165


P O RT FO LI O

DESIGNER

Function

Bryan Chen

I dedicate this book to my mother who always believes in me, supports my decisions, encourages my work, offers guidance, and gives all the love.

Pg 166


COURSE

INSTRUCTOR

MEDIUM

Senior Portfolio

Mary Scott

Print

Thank you ACKNOWLEDGEMENT

FA M I LY

Mom / Dad / Pon Pon / Aunties & Uncles Cookie / Bagel / Donut FAC U LT Y

Mary Scott / Roland Young / Jeff Ho / Todd Hedgpeth / Laura Milton / Ariel Grey / Sami Saaud / Max Spector / Scott Rankin / Mark Reynolds / Claude Dieterich / Amy Broadbent / Renée D’Arcy / Scot Crisp L A N G UA G E I N C O M M O N

Axel Albin / Josh Kamler / Katharine Brandy Norwood, the unicorn lover FRIENDS

Thanks to all my friends in Taiwan, the U.S. and wherever you are Thank you for your company, support and friendship SERVICES

Giant Horse Printing / Herring & Robinson Bookbinders / California Office / Copymat / Office Depot / Flax / Blick Art Materials

Pg 167


P O RT FO LI O

DESIGNER

Function

Bryan Chen

COLOPHON

DESIGNER

BOOK TITLE

Bryan Chen

Function

INSTRUCTOR

SCHOOL

Mary Scott

Academy of Art University School of Graphic Design

PHOTOGRAPHER

COPYWRITER

Bryan Chen

Bryan Chen

T Y P E FAC E

PA P E R S T O C K

Flama

Finch Fine 100lb Text

W O R K S TAT I O N

CAMERAS

MacBook Core2Duo 2.4 Apple 23” Cinema Display

Nikon D40 Ricoh GR Digital

PRINTER

BOOKBINDER

Giant Horse Printing

Herring & Robinson Bookbinders

COPYRIGHT © 2010

All rights reserved. No part of the book may be reproduced without permission from the author.

PHONE

EMAIL

1.415.205.0460

bryanhychen@gmail.com

WEBSITE

bryanhychen.com

Pg 168



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.