Myspace Visual Development Guide

myspace visual development guide

GR604 Nature of Identity Jenny Xu | Spring 2022 | M5

JENNY XU / 05133965

GR604 NATURE OF IDENTITY M5

myspace

GR604 Nature of Identity Jenny Xu | Spring 2022

1

00

identity history 5 8 10

contents 2

About Myspace Logo History Brand Mission

01

02

03

16 20 24

30 32

38 40 42

round 1 sketches Concept 1 Concept 2

round 2 sketches Sketches Computer Rough

Concept 3

R3 computer rough Comp 1 Comp 2 Comp 3

04

05

06

46 48

54 56

61

R4 computer rough Sketches Final Logo

similar logos M Shaped Logo

inspiration Intro

Shape Alike Logo

3

00 4

Identity History

5

About Myspace Myspace, a social networking Web site founded by Tom Anderson and Chris DeWolfe in 2003, is a free, advertisingsupported service that allows users to create Web “profile” pages that feature photographs, express their interests, and, most importantly, link to other people’s profiles. The site can be used to keep in touch with friends, “meet” and become friends with new people.

6

It quickly distinguished itself from established social net-

The site was the first social network to reach a global audi-

working sites by allowing—and in fact encouraging musical

ence, and had a significant influence on technology, pop

artists to use the site to promote themselves, earning

culture and music. After several rounds of acquisition and

Myspace a hip cachet and making it a destination site for

new ownership, Myspace failed to compete with Facebook,

youth. It also developed a reputation for racier profiles and

thus now it is trying to become a social network of music

a raunchier attitude than other sites.

lovers and musicians.

7

Logo History 2003

2004

2010

2012

8

Now

9

Soul Connecting people to learn and grow through community.

Mission statement Myspace believes in empowering connection between people, especially those who share the same interests and are seeking resonance on the topics they are interested in. We used to offer only Web “profile” pages, but we are now broadening our mission to empower people to find the group they belong to and better absorb the knolwedge or ideas from the experienced. The new Myspace will offer interest group, life coaching, mentorship, and talk show opportunities. We will still be here for personal communication, whether they need a private talk room, or a ticket to a great community.

10

We cultivate love when we allow our most vulnerable and powerful selves to be deeply seen and known, and when we honor the spiritual connection that grows from that offering with trust, respect, kindness and affection.

11

01 12

R1 sketches 13

14

Intro Armed with a strategic direction, I can begin to give visual form to Myspace. I’ll begin by evolving the initial keywords into “key phrases” that will be used to guide the visual development of Myspace. These defined and embodied the soul of Myspace. Now, I’ll extend them into slightly more robust key phrases that each define a unique and discrete attitude — each with a slightly different angle, but hang together because they come from the same place... the Brand Soul. I’ll use these to help guide the ideation process as I begin sketching: Connection — Insant Spark Growth — Go beyond Community — A Second Home

15

Using geometric shapes to convey the idea of futuristic concept.

Using complimentary concepts for the idea of fitting in the group

Giving a character for brand image to enhance users’ memory for the brand.

Simplifying the shape of a space ship to be used for future concept.

Using geometric shapes with typographic solutions to experiment with logo concepts.

16

Concept 1 Sketches

In this round of sketches, I tried to do typographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of growth — go beyond. All sketches were created to communicate the idea of going beyond and forward.

17

Concept 1 — Refined Sketch Growth— Go beyond In this round of sketches, I tried to do typographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of growth — go beyond. All sketches were created to communicate the idea of going beyond and forward.

Trying out different geometrical shapes combination.

18

Abstract characters stands for different people gathering together.

Trying out different geometrical

An abstract alien character symbol

shapes combination.

for myspace.

Signal wave symbol with dots that

The idea of instant spark with lauch-

stands for people nearby.

ing of a space ship.

Flying UFO stands for the concept of

Signal receiver or acceptor stands

growth and the unknown.

Typographic solution experiment with white on black.

for people’s interest radar.

Abstract characters stands for different people gathering together.

19

Experimenting with different shapes of objects in the form of connection.

Using abstract shape to form new idea that stands for connection.

Trying to give a innovative feeling for a spark of connection concept.

Using abstract shape to form new idea that stands for connection.

Combining the previous two ideas with typographic solutions to experiment with logo concepts.

20

Concept 2 Sketches

In this round of sketches, I tried to do ypographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of connection . All sketches were created to communicate the idea of instant spark.

21

Concept 2— Refined Sketch Connection — Instant Spark In this round of sketches, I tried to do ypographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of connection . All sketches were created to communicate the idea of instant spark.

Trying out different geometrical

22

Abstract characters stands for differ-

shapes combination.

ent people gathering together.

Typographic solution of word mys-

Simple form of shape stands for

pace with geometrical shape.

people finding their group.

A person with tons of interesting

The idea of instant spark with con-

ideas when browing myspace.

nection combined.

Magnetic concept of attracting peo-

Typographic solution of word mys-

ple who share the same interest.

The idea of instant spark with connection combined.

pace with geometrical shape.

Abstract characters stands for different people gathering together.

23

Using elements that could be found in a home to convey the idea of comfort zone.

Using abstract shape to form new idea that stands for connection.

Giving a character for brand image to enhance users’ memory for the brand.

Using geometric shapes with typographic solutions to experiment with logo concepts.

24

Concept 3 Sketches

In this round of sketches, I tried to do ypographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of community. All sketches were created to communicate the idea of a second home.

25

Concept 2— Refined Sketch Community — A Second Home In this round of sketches, I tried to do ypographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of community. All sketches were created to communicate the idea of a second home.

Complimentary concepts of fitting in a group of people.

26

Abstract characters stands for different people gathering together.

A 3D looking m shaped door with

Simple form of chair stands for

highlighted walking in person.

comfort zone.

A 3D cube with M and S on both

Geometrical shapes forming an

showing sides.

abstract chicken character.

Abstract shapes forming an elephant

One line of alien cap stands for

character symbol.

future concept.

Typographic solution of word mys-

Spilling coffee makes a good

pace that has bold line went through.

discussion concept.

27

02 28

R2 Sketches 29

Typographic solution of logo concept with simple shape and format.

Abstract shape solution of M and S to mimic the feeling of spark.

A 3D looking cube with highlighted outlined M .

Squared space is designed for the concept of community.

Using simple shapes to show the connection of a group of people.

In this round of sketches, I tried to do ypographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of community and spark. All sketches were created to communicate the idea of getting together for

Using simple shapes to show the

the impossible.

connection of two people.

30

31

Computer Rough Community & Spark — get together for the impossible In this round of sketches, I tried to do ypographic solutions, Iconic solutions, and typographic + Iconic solutions for the concept of community and spark. All sketches were created to communicate the idea of getting together for the impossible.

32

Typographic solution of logo concept

Abstract shape solution of M and S

with simple shape and format.

to mimic the feeling of spark.

A 3D looking cube with highlighted

Squared space is designed for

outlined M .

the concept of community.

Using simple shapes to show the connection of a group of people.

Squared space is designed for the concept of community.

Using simple shapes to show the connection of two people.

Using simple shapes to show the connection of two people.

Abstract shape solution of M and S

Squared space is designed for the

to mimic the feeling of spark.

concept of community.

33

03 34

R3 Computer Rough 35

More experiments on a typographic solution of M.

More experiments on squared space and gemetrical shapes

Abstract bridge concept forms letter

Round 3 Sketches

M that stands for myspace.

In this round of sketches, I tried to pick the three out of 10 logo solutions and do more experiment on each of the typographic solution, iconic solution, and typographic + iconic solution. All sketches were created to communicate the idea of getting together for the impossible.

36

More experiment on the connection of a group of people

37

Comp 1 - typographic logo Abstract shape solution of M and S to mimic the feeling of spark.

38

39

Comp 2 - iconic logo Using simple shapes to show the connection of two people.

40

41

Comp 3 - typographic + iconic A 3D looking cube with highlighted outlined M .

42

43

04 44

R4 Computer Rough 45

More experiments on a typographic solution of S and M.

Trying out different stroke size and stroke style.

Trying different weights and stroke style to see which one works the best.

Round 4 Sketches

Trying out different stroke size and stroke style.

In this round of sketches, I tried to experiment the one of three logo solutions. All comupter roughs were created to communicate the idea of getting together

Adding the elements of connection

for the impossible.

dots to give it more meaning.

46

47

The Cube shape stands for a comfort community that serves a group of people who share the same interests.

Dots stands for different groups of people.

Final logo Dots stands for different groups of people. The lines in between the dots make connection with each other. They link together and form a whole community.

Other color variation.

The Cube shape stands for a comfort community that serves a group of people who share the same interests.

The M and s stands for myspace.

48

The lines in between the dots make connection with each other. They link together and form a

49

05 50

Similar Logos 51

52

Similar logos We conducted visual research to identify logomarks that are visually similar or use shapes and motifs similar to those in myspace’s refined logo options. This is a crucial step in visual research to identify what is already successful out in the world and how to further differentiate the myspace brand to make a unique visual identity.

53

M shaped logo

Adobe is changing the world through digital experiences. We help our customers create, deliver and optimize content and applications.

adidas is about more than sportswear and workout clothes. They partner with the best in the industry to co-create.

GMC vehicles have power to get the job done. View and learn more about the professional grade lineup of trucks, SUVs, crossovers, and vans.

Motorola develops analog and digital two-way radio, voice and data communications products and systems, mobile computing, advanced data capture, wireless.

54

Marathon Oil is an independent exploration and production (E&P) company based in Houston. We’re focused on the most significant oil-rich resource

M&M’s are multi-colored button-shaped chocolates, each of which has the letter “m” printed in lower case in white on one side

McDonald’s is an American multinational fast food corporation, founded in 1940 as a restaurant operated by Richard and Maurice McDonald

Mastercard is a global pioneer in payment innovation and technology connecting billions of consumers, issuers, merchants, governments & businesses

3M applies science and innovation to make a real impact by igniting progress and inspiring innovation in lives and communities across the globe.

McAfee Award-Winning Antivirus for PC, Android, Mac, and iOS now includes McAfee identity protection.

55

Shape alike logo

SAP, the leader in business applications.

Run simple with the best in cloud, analytics, mobile and IT solutions.

GameStop, the world’s largest retail gaming and trade-in destination for Xbox, PlayStation, and Nintendo games, systems, consoles & accessories.

Xiaomi, a global company producing quality products at honest pricing.

Inventive designs, technologies and related services that improve the human experience wherever people work, heal, learn and live.

56

Vans was originally founded in 1966 in Southern California by brothers Paul Van Doren and Jim Van Doren.

The GameCube is the first Nintendo video game system to use a disc-based medium rather than cartridges for its games.

The Hewlett-Packard Company, commonly shortened to Hewlett-Packard or HP, was an American multinational information technology company

JBL is an American company that manufactures audio hardware, including loudspeakers and headphones. JBL serves the consumer home and professional market.

LIFEWTR believes creativity should flow like water, one single drop can ripple through culture and inspire a million others to create.

For more than a century IBM has been dedicated to every client’s success and to creating innovations that matter for the world.

57

06 58

Inspiration 59

60

Learning from others A large number of excellent works are studied and the ability to appreciate art is cultivated, which is efficient for improving the level of design. Before making a good design work, it should start from understanding the excellent work. The designer combines professional knowledge to look and think, and carefully study the points worth learning in the work.

61

1. New Identity Introduction: PWC

I think this intro works great in terms of clarity and being informative enough. The logo of PWC is enlarged on a very clear scale for the readers to examine the details. It also has proper tags and corresponding call out explanation to better complete the whole story.

62

2. Logo Anatomy: Broadview

Similar to pwc’s identity intro format, Broadview’s logo anatomy has good visual call outs and guide lines, as well as detailed explanation of its elements.

63

3. Type Specs: DFW

DFW type specs example gives great visual call out on the left side and guidelines in subtle grey color on the right side. I think the format gives a better hierarchy.

64

4. Main ID Colors: Norway

Followed by different categories: logo, background, text, etc, the main ID colors were listed in very specs and very easy to follow.

65

5. Logo Don’ts: Exploratorium

Instead of focusing on what’s wrong or reinforce the incorrect use of the logo, Exploratorium listed a quote that addreses the importance of correctly using their logo. This is smart.

66

6. Alternate Versions of the Logo: FedEx

It’s listed in a very organized pattern with proper naming of each one. I think this one template could also be applied to any other logo system.

67

ourspace

68