GR 604: Palm Rebrand - Book 02: The Visual Development Guide (Student Project)

Page 1

PALM

The Visual Development Guide 02 THE NATURE OF IDENTITY

1


GR 604

2

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

3


GR 604

4

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

The Visual Development Guide 02 THE NATURE OF IDENTITY

5


GR 604

6

CHAPTER

01

02Palm 03 Inc 04

THE VISUAL DEVELOPMENT GUIDE


PALM

1. INTRODUCTION

What do we Bring to the Table?

12

Keywords 14

2. INITIAL SKETCHES

Evolution of Palm

16

Three Key Phrases

18

Portable 22 Productivity 26 Connect 30

3. REFINED SKETCHES

Round One Sketches

38

Logo Development 44 Round Two Sketches

56

Round Three Sketches

58

Black and White Logos

62

Color Logos 64

4. UNDERSTANDING EXISTING WORK

Look-a-like Logos 74 Brand Manual Study

78

New Logo 82 THE NATURE OF IDENTITY

7


GR 604

8

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

9


GR 604

CHAPTER

01

02

03

04

CH 1

INTRODUCTION 10

THE VISUAL DEVELOPMENT GUIDE


PALM

Palm was the first popular handheld computer that bridged the gap between the electronic organizers and PCs. It was a popular household name then but it failed to reinvent itself to attract the attention of consumers in today’s market. Rebranding of Palm’s identity is a crucial step and the first of many more to come. We have outlined a new strategy that redefines the way Palm conducts business in the future. This Visual Development Guide will take you through the process of the new identity development and the do’s and dont’s of using the identity across various assets. But before we do that, let’s take a look at how far we’ve come. THE NATURE OF IDENTITY

11


GR 604

CHAPTER

01

02

03

04

WHAT DO WE BRING TO THE TABLE? Palm has provided solutions to make people’s lives easier over the years. After developing products for the PDA and smartphone arena, Palm is venturing deeper into the productivity space, by enabling people to gain more control over their work and personal lives. Palm’s ever evolving technology will combine the power of our 25+ years of experience and design that will work for our consumers’ daily needs. We are working hard to bring the power of information to the education, healthcare, community and security sector that will seamlessly work for professionals and families. 12

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

13


GR 604

CHAPTER

01

02

03

04

KEYWORDS Our vision and mission is best expressed through these keywords.

14

THE VISUAL DEVELOPMENT GUIDE


PALM

PORTABLE Palm was the first company that revolutionized hand-held devices for consumers by offering the technology that allows people to set up meetings, write notes, etc. all in a single device on-the go.

PRODUCTIVITY The devices and OS aim at solving day to day computing problems such as planning meetings, adding entries to the calendar, etc. for consumers instantly.

CONNECT The ultimate purpose of the brand is to shorten the communication gap between people and streamlining their tasks to maximize efficiency.

THE NATURE OF IDENTITY

15


GR 604

CHAPTER

EVOLUTION OF PALM

01

02

03

Palm has evolved itself over the years to serve its customers in the best way possible. Hence our identity has also evolved with time. Palm started as Palm Computing Platform under Jeff Hawkins in 1992 and currently is owned and operated by TCL Communications.

1992

2002-2004

2003-2005

Palm Computing Platform

Palm Inc.

PalmOne

16

04

THE VISUAL DEVELOPMENT GUIDE


PALM

2005-2010

2010-2014

Palm, Inc.

HP Palm

THE NATURE OF IDENTITY

17


GR 604

CHAPTER

01

02

03

04

THREE KEY PHRASES To understand the message in a clearer way, we came up with keyphrases for each of the 3 keywords. These were then developed into camps which drove the initial sketching process.

18

THE VISUAL DEVELOPMENT GUIDE


PALM

PORTABLE

Carry all of your work in the palm of your hand.

PRODUCTIVITY

Accomplish tasks and collaborate with people on the go.

CONNECT

Access and share the most important information from your fingertips within seconds.

THE NATURE OF IDENTITY

19


GR 604

CHAPTER

01

02

03

04

CH 2

INITIAL SKETCHES 20

THE VISUAL DEVELOPMENT GUIDE


PALM

We started off with pencil sketches to capture our ideas on paper. Drawing by hand gives rise to organic shapes which otherwise seem too forced if directly done on the computer. Ideas that had strength and showed more promise were taken forward for a round of refinement. The idea was to capture the essence and vision of the brand in a way that it was easily understood by our audience. Each of our 3 keywords—Portable, Productivity and Connect had three camps under them which were graphic, wordmark and symbol. Following this process helped us coming up with a diverse range of options for the logo. THE NATURE OF IDENTITY

21


GR 604

CHAPTER

01

02

03

04

PORTABLE Carry all of your work in the palm of your hand.

22

THE VISUAL DEVELOPMENT GUIDE


PALM

1.

Palm shown as a company that provides a variety of services and a helping hand to people around the world.

2.

A similar idea with a different hand approach.

01

02

THE NATURE OF IDENTITY

23


GR 604

3.

CHAPTER

01

02

03

04

he idea of T a system of different elements all in control of the user in the palm of his hand.

03

24

THE VISUAL DEVELOPMENT GUIDE


PALM

04

4.

Brush stroke of the five fingers with a hairline sans serif logotype.

5.

A similar brush stroke approach with a thicker logotype stroke.

05

THE NATURE OF IDENTITY

25


GR 604

CHAPTER

01

02

03

04

PRODUCTIVITY Accomplish tasks and collaborate with people on the go.

26

THE VISUAL DEVELOPMENT GUIDE


PALM

6.

A holographic approach to the Palm to show advancements in the field of technology.

06

THE NATURE OF IDENTITY

27


GR 604

7.

A robotic hand grasping something to signify the importance of AI and futuristic technology.

28

CHAPTER

01

02

03

04

07

THE VISUAL DEVELOPMENT GUIDE


PALM

08

8.

An abstract stick figure in the shape of a hand.

9.

A rigid cornered logo with heavy sans serif logotype that signifies stability.

09

THE NATURE OF IDENTITY

29


GR 604

CHAPTER

01

02

03

04

CONNECT Access and share the most important information from your fingertips within seconds.

30

THE VISUAL DEVELOPMENT GUIDE


PALM

10.

A soft logotype supported by a plug shaped abstract hand.

11.

Digits of a robotic hand supported by an elongated sans serif to signify a clean approach.

10

11

THE NATURE OF IDENTITY

31


GR 604

12.

CHAPTER

01

02

03

04

Tiny dots to show a seamless connection.

12

32

THE VISUAL DEVELOPMENT GUIDE


PALM

13.

A cursive approach to show a never ending continuous connection.

13

THE NATURE OF IDENTITY

33


GR 604

14.

CHAPTER

01

02

03

04

Stripes to signify connection within the shape of a palm.

14

34

THE VISUAL DEVELOPMENT GUIDE


PALM

15.

A check mark incorporated within the palm to signify being always organized, and on top of all your tasks.

15

THE NATURE OF IDENTITY

35


GR 604

CHAPTER

01

02

03

04

CH 3

REFINED SKETCHES 36

THE VISUAL DEVELOPMENT GUIDE


PALM

After discovering some interesting shapes and type combinations, we took some of the initial sketches forward to make them more refined and accurate. These sketches were chosen on the basis of their uniqueness, their relation to our brand’s ideals and its mission. Similar to initial sketches, each keyword has a set of sketches that work for our brand. The successful options will be taken into logo development and for a final round of refinement. THE NATURE OF IDENTITY

37


GR 604

CHAPTER

01

02

03

04

PRODUCTIVITY We tried experimenting with different ways of showing the human hand—the front, the back, and the folded.

38

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

39


GR 604

CHAPTER

01

02

03

04

CONNECT To show connection, we tried showing bands in a wavy motion to show that information is being relayed seamlessly across different mediums.

40

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

41


GR 604

CHAPTER

01

02

03

04

PORTABLE Overlapping different shapes and making them work together was the main idea behind showing the portable nature of our products. We played with the shape of a Palm by making it in straight lines vs. making it in brush strokes.

42

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

43


GR 604

CHAPTER

01

02

03

04

LOGO DEVELOPMENT After brainstorming ideas for the first round of pencil sketches, we found success in the keywords Productivity and Connect. So we developed more sketches by combining those two ideas before moving on to the final detailing on the computer.

PRODUCTIVITY + CONNECT GRAPHIC SKETCHES

44

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

45


GR 604

01

46

CHAPTER

01

02

03

04

A group of wires forming a palm to show connectivity.

THE VISUAL DEVELOPMENT GUIDE


PALM

02

THE NATURE OF IDENTITY

Logotype stacked next to a minimal board of circuits joined together to form a Palm.

47


GR 604

CHAPTER

01

02

03

04

PRODUCTIVITY + CONNECT WORDMARK

48

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

49


GR 604

50

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

03

Bars that show connection and an angled thumb provides a good contrast next to a hairline sans serif.

THE NATURE OF IDENTITY

51


GR 604

CHAPTER

01

02

03

04

PRODUCTIVITY + CONNECT SYMBOL

52

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

53


GR 604

54

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

04

THE NATURE OF IDENTITY

Involving the third dimension and playing with tones of blue.

55


GR 604

CHAPTER

01

02

03

04

ROUND TWO SKETCHES (R2) We took some of the sketches that spoke to our company’s vision and refined them on the computer. Palm is redefining the way people can access the world at their fingertips. So we tried to strike a balance between technology and the human touch by ideating around the five fingers. We also tried to enter the third dimension by playing with the letter P and using colors that could suggest technological advances.

56

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

57


GR 604

CHAPTER

01

02

03

04

ROUND THREE SKETCHES (R3) We started off with pencil sketches to capture our ideas on paper and finally refined the successful ones on the computer. A lot of new details emerged which helped us in removing the ideas that weren’t working.

58

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

59


GR 604

60

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

61


GR 604

CHAPTER

01

02

03

04

BLACK AND WHITE LOGOS We found these three sketches to be the most successful out of all of options because of their ability to convey our mission in the simplest way and form possible.

62

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

63


GR 604

CHAPTER

01

02

03

04

COLOR LOGOS As a tech company, to invoke trust and show advancement through the logo, we opted for cool toned colors and sans serif typefaces.

64

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

65


GR 604

66

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


COLOR LOGOS

PALM

P 121-6 C C 70 M 0 Y 20 K 0

R 0 G 190 B 205

P 108-16 C C 100 M 50 Y 0 K 60 THE NATURE OF IDENTITY

R 0 G 50 B 100 67


GR 604

68

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

P 121-6 C C 70 M 0 Y 20 K 0

R 0 G 190 B 205

P 108-7 C C 85 M 45 Y 0 K 40 THE NATURE OF IDENTITY

R 5 G 85 B 130 69


GR 604

70

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


REFINED SKETCHES

PALM

P 127-5 C C 65 M 0 Y 35 K 0

R 65 G 190 B 180

P 100-16 C C 100 M 95 Y 0 K 35 THE NATURE OF IDENTITY

R 25 G 35 B 110 71


GR 604

CHAPTER

01

02

03

04

CH 4

UNDERSTANDING EXISTING WORK 72

THE VISUAL DEVELOPMENT GUIDE


PALM

Researching on what’s already out there helps us in understanding how to successfully deliver information to our users so there is maximum clarity. Before we finalised the logo, we took a look at what logos already exist out there in the real world which have similarities to our logo. This step is taken to ensure we don’t get confused with other companies and their brand identities. After studying look-a-like logos, we will look at brand manuals that exist in the world today. Many brand manuals offer an interesting insight into the breadth of material that should be covered so that there’s enough clarity and least possibility of error from the people who use our assets for their work. THE NATURE OF IDENTITY

73


GR 604

1. Google Podcasts A logo for an e-inviting service by Roko Kerovec. The four fingers of the hand are similar to the rounded fingers of the Palm logo 2. TE Connectivity A world leader in connectivity and sensors. The lines are similar to the streamline hand shape of the Palm logo. 3. Netskope This logo has gears in connection which reminds us of the similar wire treatment in our logo. 4. Plause This logo has a rounded hand look similar to ours.

CHAPTER

01

02

03

04

6. Westinghouse American manufacturing and nuclear power company. The connecting of circuits is similar to that of our logo. 7. Cisco The rounded lines of the Golden Gate Bridge are similar to the forward backward motion of the lines in our logo. 8. Makeable The checkmark in this logo reminds us of the thumb and index finger mark that our logo makes. 9. Squarespace The repeating lines are similar to our logo. 10. FastoMatic The circuit lines are similar to our logo.

5. Altapp The joined thumb and pinky finger have a similar treatment like our logo.

LOOK-A-LIKE LOGOS

74

THE VISUAL DEVELOPMENT GUIDE


LOOK-A-LIKE LOGOS

1

PALM

2

3

4

5

6

7

9

8

10

THE NATURE OF IDENTITY

75


GR 604

CHAPTER

01

02

03

04

11. Care India The hand comes a bit close to our logo.

16. Ericsson Diagonal rounded lines are common with our logo.

12. The Rehab Lab The organic shape of the hand is similar to our logo.

17. Segasec The wire pattern reminds us of our logo.

13. Autism logo The rounded curves remind us of rounded shapes from our logo.

18. Recorded Future Rounded lines are similar to our logo.

14. Paris Aeroport The Eiffel Tower has lines descending in size from the centre which is a little common with our hand symbol 15. Springnet The forward/backward motion is similar to our logo.

19. Wirecutter Diagonal round cornered lines are common with our logo. 20. IBM Security Rounded lines are similar to our logo.

LOOK-A-LIKE LOGOS

76

THE VISUAL DEVELOPMENT GUIDE


PALM

11

12

14

13

15

17

16

18

19

20

THE NATURE OF IDENTITY

77


GR 604

CHAPTER

01

02

03

04

BRAND MANUAL STUDY 1. New Identity Introduction

SKYPE A happy, inviting message that puts you in a good mood and eager to read what’s about to come next.

2. Logo Anatomy

MTRL The logo anatomy helps in identifying the angle of the forward slash, distance between each character and their sizes.

78

THE VISUAL DEVELOPMENT GUIDE


PALM

3. Type Specs

USA TODAY USA Today shows type specifications for screen and print use by putting them on a mockup of a laptop to make it instantly clear.

4. Logo Colors

DEUTSCHE BANK Deutsche Bank has 72 acceptable logo colors, which makes it easier to place them on a breadth of colored backgrounds and assets.

THE NATURE OF IDENTITY

79


GR 604

CHAPTER

01

02

03

04

5. Logo Don’ts

(RED) The don’ts are very clearly stated and every small change in graphic elements is highlighted to avoid the smallest of mistakes.

6. Alternate Versions of the Logo

GAP, INC. Having a variety of logos helps in conducting oneself uniquely in different environments.

80

THE VISUAL DEVELOPMENT GUIDE


PALM

7. Color Combinations

BOEING Boeing has a vivid color palette with a variety of color combinations for its covers that also complement the flow line patterns.

8. Product Placements

(RED) (RED) manages to use its signature color and identity to grab attention by placing it in eye catching positions on different products.

THE NATURE OF IDENTITY

81


GR 604

CHAPTER

01

02

03

04

NEW LOGO Our new logo signifies seamless connections, faster tasks and accessibility for everyone. Wherever you go, Palm helps you stay connected on-the-go and at the top of your game. The logo represents an abstract shape of a Palm. The thumb and index finger are joined to make a check mark to signify the can-do attitude of facing challenges and overcoming them. The color of the logo conveys trust and represents our technological advancements in the fields of business, medicine, community and security.

82

THE VISUAL DEVELOPMENT GUIDE


NEW LOGO

THE NATURE OF IDENTITY

PALM

83


GR 604

CHAPTER

01

02

03

04

THE NEXT STEP 84

THE VISUAL DEVELOPMENT GUIDE


PALM

The new Palm has evolved from being a mobile manufacturing company to a company that makes people feel more connected, empowered and in control of their lives. The next phase is The Visual Standards Guide which will expand more on what role our company will play in the future and how our users can be a part of it. THE NATURE OF IDENTITY

85


GR 604

CHAPTER

01

02

03

04

Unsplash https://www.company-histories.com/Palm-Inc-Company-History.html https://medium.com/@AlbertoSavoia/the-palm-pilot-story1a3424d2ffe4 https://www.fastcompany.com/90246716/palms-progress-the-risefall-and-rebirth-of-a-legendary-brand

SOURCES 86

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

87


GR 604

CHAPTER

01

02

03

04

All rights reserved. No part of this publication may be reproduced, distributed or transmitted in any forms or means without the prior permission of the author. This is a student project meant for educational purposes only and does not represent the Palm brand. 88

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

89


GR 604

90

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


PALM

THE NATURE OF IDENTITY

91


GR 604

92

CHAPTER

01

02

03

04

THE VISUAL DEVELOPMENT GUIDE


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.