identity design portfolio

36

Upload: erin-kim

Post on 17-Mar-2016

216 views

Category:

Documents


1 download

DESCRIPTION

Identity Design Portfolio by Erin Kim, a Junior at School of Visual Arts

TRANSCRIPT

Page 1: Identity Design Portfolio
Page 2: Identity Design Portfolio

January, 2009 Richard Poulin

Problem Date Instructor

To rebuild brand identity for Bose company

Page 3: Identity Design Portfolio
Page 4: Identity Design Portfolio

TABLE OF CONTENTS

LOGOTYPE SYSTEM 1.0

LOGOTYPE 1.1AREA OF NONINTERFERENCELOGO COLOR OPTIONS 1.2UNACCEPTABLE USAGE 1.3

STATIONERY SYSTEM 2.0

STATIONERY 2.1BUSINESS CARD 2.2BUSINESS CARD BACK VARIATION 2.2LETTERHEAD 2.3LETTERHEAD BACK VARIATION 2.3ENVELOPE 2.4MAILING LABEL 2.5

COLOR SYSTEM 3.0

3.1PRIMARY COLORSECONDARY COLOR 3.2

TYPOGRAPHY SYSTEM 4.0

SECONDARY TYPEFACE 4.2

TYPOGRAPHYPRIMARY TYPEFACE

4.1

PHOTOGRAPHY SYSTEM 5.0

PHOTOGRAPHY 5.1PHOTOGRAPHY USAGE FOR PRODUCTPHOTOGRAPHY USAGE FOR PRODUCT WITH HUMAN 5.2

Page 5: Identity Design Portfolio

WEBSITE INTRODUCTION PAGE SYSTEM 6.0

WEBSITE 6.1WEBSITE INTRODUCTION PAGEWEBSITE INTRODUCTION PAGE VARIATION 6.2

Page 6: Identity Design Portfolio

LOGOTYPE SYSTEM 1.0

Page 7: Identity Design Portfolio

LOGOTYPE 1.1

The Bose logotype is a key element in our commu-nications program. It represents our commitment to porvied quality products and servies around the world.

The typographic style of the logotype allows for easy recognition in a broad range of sizes. Using it consistently bolsters visual impact, reinforces public awareness and protects its legal status.

A minimum amount of clear space should always surround the bose logotype, separating it from other elements, such as headlines, text, imagery or the outside edge of printed materials. This protected area preserves the legibility and visual impact of the logotype.

The protected area is twice the size of the X area. The protected area is adjusted proportionally according to the size of the logotype you are using.

AREA OF NONINTERFERENCE

No alterations should ever be made in the logotype. This includes any manipulation of the style, propor-tions or spacing of the letterforms.

The Bose logotype should be considered an invio-lable piece of artwork. Only authorized electronic reproductions should be used.

X

2X

2X

2X 2X

Page 8: Identity Design Portfolio

LOGO COLOR OPTIONS 1.2

You have three basic options from which to choose:

The bose logotype should bein white, if it’s placed on backgrounddarker than 50% black

For bose gray color,refer to color palette section

1

1 All bose gray color version

2

2 All black version

3

3 All white version with dark background

Page 9: Identity Design Portfolio

UNACCEPTABLE USAGE

Do not distort any portion of logotype

Do not contain the logotype in any arbitrary shape

1 5

2 6

3 7

4 8

It’s extremely important for brand success that the Bose logotype and signatures be displayed correctly. This includes always using the correct typefaces and the correct relative positioning and sized of all elements.

The examples on this page illustrate unacceptable displays.

For acceptable appliactions of the Bose logotype(i.e. in stationery, on websites, or on merchandise), refer to application section.

BETTER SOUND THROUGH RESEARCH

Do not crop any portion of the logotype

Do not add a drop shadowto any part of the logotype

Do not tilt the logotype

Do not useother graythan the Bose gray

Do notviolate theare of noninterferencerequirementsby attachingtype or graphicsto the logotype

1.3

Do not use any arbitrary color for the logotype

Page 10: Identity Design Portfolio

STATIONERY SYSTEM 2.0

Page 11: Identity Design Portfolio

STATIONERY

Everyday, Bose stationery makes an impression on thousands of customers. These impressions must always be positive. All Bose business stationery must be clear and professional. The pieces should “family” with one another.

The basic elements for our stationery system are:the Bose logotype, address, fax and phone number, e-mail address, and tagline.

All stationery items are available in the U.S. size.

295 Park Ave. New York, NY10010

Date:To:From:

Subject:

T : 347.712.0665F : [email protected]

www.bose.com BETTER SOUNDTHROUGH RESEARCH

letterhead

envelope

business card

mailing lable for small

mailing label for large

AMAR BOSE

295 Park Ave.New York, NY10010

T : 347.712.0665F : [email protected]

www.bose.com

295 Park Ave.New York, NY10010

T : 347.712.0665F : [email protected]

www.bose.com

295 Park Ave.New York, NY10010

T : 347.712.0665F : [email protected]

www.bose.com

295 Park Ave.New York, NY 10010

F: 347.712.0665T: 347.712.0665

All stationery itmes shown here are 40% of real size.

For typogrpahyuse,refer to typography section.

2.1

Page 12: Identity Design Portfolio

front back

The Bose Business card back may contain a cropped version of various images. It varies from paintings of artists or sketches of architects to the photograpy of different places the Bose sound system is intalled.

However, all the photographys or artworks should be treated consistantly. More information about the back of the business card will be on next page.

BUSINESS CARD

0.2” 0.125”0.125”

0.2” 1”

AMAR BOSE

295 Park Ave.New York, NY10010

T : 347.712.0665F : [email protected]

www.bose.com

2.2

Name:Text:Size:

Futura light 8/9 pt Din 8/9 pt3.5” x 2“

Logotype: C 0 M 0 Y 0 K 0

Page 13: Identity Design Portfolio

The Bose Sound System is not only about science but more about music. Images on the business card back will imply the artistic quality of the Bose system to customers.

The Bose Sound System is not only for home sound system but for different palces like concert hall, stadium and cathedral.

These images are the sketches ofa female architect, Zaha Hadid,who has designed countless magnificant architectures.

These images are the pictures of Disney concert hall,Sistina Chapel andTokyo stadium,where the BoseSound systemare currentlyused.

BUSINESS CARD BACK VARIATION 2.2

1 Artworks from different artist:

2 Photograpy of different places, where the bose system are installed:

All business cards shown here are 70% of real size.

All business cards shown here are 70% of real size.

Page 14: Identity Design Portfolio

295 Park Ave. New York, NY10010

Date:To:From:

Subject:

T : 347.712.0665F : [email protected]

www.bose.com BETTER SOUNDTHROUGH RESEARCH

dolor sit amet, consectetur adipiscing elit. Quisque accumsan, quam at imperdiet interdum, leo sapien consequat sem, at adipiscing ipsum felis at magna. Vivamus laoreet, nisi eget mattis fringilla, nisi est cursus leo, eget dignissim urna dolor sed quam. Sed vehicula rhoncus tellus. Quisque at mauris. Pellentesque vitae pede. Ut vitae est in justo viverra posuere. Proin eu nibh. Cras in nibh. Vivamus tempor turpis ac metus. In sagittis auctor mi. Suspendisse at purus. Vestibulum nec quam vitae orci varius pellentesque. Nam sit amet dolor.

Sed facilisis odio eu sapien. Sed dictum. Mauris venenatis arcu in sem. Etiam nulla erat, posuere ac, aliquam eu, vulputate quis, massa. Curabitur tincidunt nulla nec diam. Suspendisse potenti. In aliquam. Quisque augue. Suspendisse viverra nisl at urna. Nulla luctus. Maecenas ac elit ac tellus suscipit egestas. Donec mi nisl, porttitor ac, scelerisque quis, convallis ac, odio. Integer posuere luctus lorem. Donec at ante ac tellus gravida viverra.

Pellentesque vehicula leo et felis porttitor vestibulum. Nulla tempus. Nam dui dolor, iaculis vitae, fringilla consequat, pretium et, lorem. Nullam porttitor. Fusce vel dui sed tellus tempus scelerisque. Donec nec mauris in nulla luctus vehicula. Maecenas mauris. Aenean semper vestibulum sem. Fusce quis orci sit amet dolor rutrum pretium. Pellentesque pellentesque pellentesque metus. Nunc tincidunt enim egestas elit. Aliquam erat volutpat. Praesent ligula ligula, pretium quis, tempor sed, mollis non, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Nunc at neque vitae orci adipiscing accumsan. Mauris tempus, ante et tempor tempus, purus metus eleifend orci, eu mollis odio sapien sed lorem. Praesent adipiscing, sapien sit amet vehicula iaculis, nisi arcu venenatis turpis, eget dignissim nibh ante pellentesque velit. Aenean ipsum massa, porta non, luctus non, consectetur non, purus. Fusce nibh erat, ultrices vitae, luctus nec, iaculis id, dolor. Phasellus eu sem. Donec bibendum dui. Duis augue leo, posuere ultrices, dictum sit amet, vestibulum sit amet, neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec ornare aliquet mi. Nunc erat. Pellentesque egestas, lorem non tempus sollicitudin, nisl purus faucibus ante, ut ultrices turpis augue a urna. Quisque fermentum tellus a ante. Praesent pharetra. Fusce porttitor.

March 07, 2009Erin KimAdams Boss

Lorem ipsum

0.625”DIN9/10 pt

GARAMOND10/13 pt

0.8“

5.3“

0.625”0.625”

LETTERHEAD

1”

0.5“

2.3Name:Text:Size:

Futura light 8/9 pt Din 8/9 pt8.5”x11”

Page 15: Identity Design Portfolio

LETTERHEAD BACK VARIATION 2.3

The Bose Sound System is not only about science but more about music. Images on the business card back will imply the artistic quality of the Bose system to customers.

Artworks from different artist:

These images are the sketches ofa female architect, Zaha Hadid,who has designed countless magnificant architectures.

All business cards shown here are 30% of real size.

Page 16: Identity Design Portfolio

295 Park Ave.New York, NY 10010

F: 347.712.0665T: 347.712.0665

ENVELOPE

0.2inch

0.2inch

DIN8/9 pt

2.4Text:Size:Logotype:

Din 11/13 pt9.5” x 4.125“C 0 M 0 Y 0 K 60

Abington Smith950 Third Ave. New York, NY10022

front

back

Page 17: Identity Design Portfolio

MAILING LABEL

0.2inch

0.2inch

0.2inch

0.2inch

DIN10/12 pt

DIN8/9 pt

295 Park Ave.New York, NY10010

T : 347.712.0665F : [email protected]

www.bose.com

2.5

1 Mailing label for large:

2 Mailing label for small:

Text:

Text:

Size:

Size:

Logotype:

Logotype:

Din 8/9 pt

Din 8/9 pt

6” x 3“

3.5“ X 2”

C 0 M 0 Y 0 K 60

C 0 M 0 Y 0 K 60

295 Park Ave.New York, NY10010

T : 347.712.0665F : [email protected]

www.bose.com

Abington Smith950 Third Ave. New York, NY10022

Abington Smith950 Third Ave. New York, NY10022

Page 18: Identity Design Portfolio

COLOR SYSTEM 3.0

Page 19: Identity Design Portfolio

PRIMARY COLOR

COLOR

The Bose Color System has been developed to provide a chromatic range for a recognizble brand personality and to help organize communications materials for the various market.

This Color palette is being used across all visual media including advertising, collateral, direct response, sales materials and Web marketing.

The Bose Grey represents the versatility of the Bose ranging from the sound system of stadium to auditorium.

PRINTPantone matching system

PRINTFour Color System

DIGITALWeb / Video Usage

Consistent use of the color palette helps build and reinforce brand recognition by creating a strong, recognizble look for Bose.

C0 M0 Y0 K60

C70 M50 Y25 K10

DS process Black 60%

DS process 210-4 C

R128 G130 B133

R88 G111 B143

3.1

Page 20: Identity Design Portfolio

SECONDARY COLOR 3.2

PRINTREFERENCEPantone matching system

PRINTFour Color System

DIGITALWeb / Video Usage

C70 M50 Y0 K0

C30 M0 Y100 K0

C0 M70 Y100 K10

DS 196-4C

DS 302-2C

DS 50-1C

R89 G122 B188

R191 G215 B48

R221 G102 B30

1 Place of worship:

2 Stadium:

3 Performance center:

1

2

3

The place of worship color is suggestive of Saint Mary. Traditionally in most paintings, st. Mary is painted with blue.

The stadium color is suggestive of grass on the stadium. Green hues also represent energy, good health and vibrancy.

The stadium color is suggestive of musical instru-ment. Orange hues also represent elegance, warmth and humanistic quality.

This is a medieval artistic invention. Mary has always had a special place in the Roman Catholic belief, and so when showing her in art,it was decided that she should somehow be ‘spe-cial’. In those days, most paint pigments were made from substances found in the earth. However, there was no cheap source of blue. The only source of blue pigment was the precious stone ultramarine which was more expensiveto buy than gold leaf.

So, frequently in religious paintings, the painting was done solely by using the cheap ocres and oxides easily obtained from the ground, but the only blue would be that worn by the Virgin Mary to make her stand out as someone very special indeed.

Page 21: Identity Design Portfolio

TYPOGRAPHY SYSTEM 4.0

Page 22: Identity Design Portfolio

TYPOGRAPHY

PRIMARY TYPEFACE

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jk lmnopqrs tuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jk lmnopqrs tuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jk lmnopqrs tuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jk lmnopqrs tuvwxyz

As and integral part of the Bose’s brand the fol-lowing Futura and Din fonts should be used. These fonts are the Bose’s unique handwriting and add emphasis to the personlaity of this new identity.

Futura is a geometric sans-serif typeface designed between 1924 and 1926 by Paul Renner. It is based on geometric shapes that became representative visual elements of the Bauhaus design style of 1919–1933.

The Bose system emphasize on scientific research and the spirit of bauhaus corresponds with it.

The Bose uses Futura designed by Adobe system.

Futura:

Futura light 27pt

Futura light oblique 27pt

Futura book 27pt

Futura book oblique 27pt

4.1

Page 23: Identity Design Portfolio

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jklmnopqrstuvwxyz

SECONDARY TYPEFACE

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcde fghi jk lmnopqr s tuvwxyz

Din is a typeface designed for the Royal Prus-sian Railways. The typeface was later adapted for all kinds of signages of the German railways. It is created on a very simple grid system and with a continuous stroke width.

Garamond’s letterforms convey a sense of fluidity and consistency.

Din will help establishing the accurate and scientific image of The Bose system.

The Bose uses Din designed by Font Foundry.

The Bose uses Garamond designed by Adobe system.

1 Din:

2 Garamond:

Din light 27pt

Din regular 27pt

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jk lmnopqrstuvwxyzGaramond regular 27pt

Garamond italic 27pt

4.2

Page 24: Identity Design Portfolio

PHOTOGRAPHY SYSTEM 5.0

Page 25: Identity Design Portfolio

PHOTOGRAPHY 5.1

For approved Bose product and related photos and images, brochures in PDF format, associates, suppliers and partners are encouraged to use our branded resources system located at http://www.bose.com.

A minimum amount of clear space should always surround the bose logotype, separating it from other elements, such as headlines, text, imagery or the outside edge of printed materials. This protected area preserves the legibility and visual impact of the logotype.

The protected area is twice the size of the X area. The protected area is adjusted proportionally according to the size of the logotype you are using.

PHOTOGRAPHY USAGE FOR PRODUCT

Both high-resolution images for quality printing and low-resolution images for PowerPoint and Web display are available to download for free.

1

2

Do not use a photography with a distracting backgound

Do not use a photography with croppedproducts

Following pages will show the appropriate photography of product

Page 26: Identity Design Portfolio

Expand your experience

Page 27: Identity Design Portfolio

Beyond your imagination

Page 28: Identity Design Portfolio

Better Sound through research

Page 29: Identity Design Portfolio

PHOTOGRAPHY USAGE FOR PRODUCT WITH HUMAN 5.2

Since Bose product is not only about music,but also about lifestyle, photography with humanshould be used in an appropriate way.

Examples shown here explains proper way of using photography with human. Details may vary depend-ing on designers and its purpose.

Expand your experience

Do not use a photography with arecognizablehuman face

Photography with vague human figure will help broader customers relate themselves with Bose product

Page 30: Identity Design Portfolio

WEBSITE INTRODUCTION PAGE SYSTEM 6.0

Page 31: Identity Design Portfolio

WEBSITE 6.1

As number of internet user increases faster than ever, the impact of design of webpage becomes bigger.

What visitors see at first when they visit www.bose.com determines the first impression of Bose. So de-signing the introduction page is deciding what Bose would want to have as its face.

When users visit www.bose.com, the first thing they’ll experience is music and then a pattern derived from Bose logotype will show according to the musical notes.

This shouldn’t be no longer than 5 seconds to mini-mize the risk of having users skip the introduction when they get bored and to maximize the impact.

Bose is about experience the product gives to users, not about the design of the product itself. Therefore, it’s very important to avoid having visitors see the photography of products first.

WEBSITE INTRODUCTION PAGE

Therefore, consistent design of webdesign helps to build and reinforce brand recognition by creating a strong, recognizble look for Bose.

Following image showshow pattern relates to the musical score.

Page 32: Identity Design Portfolio

WEBSITE INTRODUCTION PAGE VARIATION 6.2

1 Place of worship:

1

Referring to the Bose system installed at the place of worship, you may use any hymn, processional chant or any kind of religious classical music.

The color of the pattern, in this case, should be blue, as indicated on Color system.

2 Performance Center: Referring to the Bose system installed at the place of worship, you may use any classical music or performance related music such as musical.

The color of the pattern, in this case, should be orange, as indicated on Color system.

Example shown below is Beethoven Symphony No.9.

Example shown on next page is Petruchka by Igor Stravinsky.

Page 33: Identity Design Portfolio

2

Page 34: Identity Design Portfolio
Page 35: Identity Design Portfolio
Page 36: Identity Design Portfolio