GR604 Student Project (LIFE) — Visual Development Guide
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
VISUAL
DEVELOPMENT
GUIDE
LIFE REBRANDING
1
2 3
CONTENTS
1. THREE KEY PHRASES
2. ROUND ONE: ROUGH SKETCHES
3. ROUND ONE: REFINED SKETCHES
4. ROUND TWO: ROUGH SKETCHES
5. ROUND TWO: REFINED SKETCHES
6. ROUND THREE: REFINED HAND SKETCHES
7. ROUND THREE: REFINED DIGITAL SKETCHES
8. INSPIRATION
4 5
KEY PHRASES
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
KEY PHRASES
OUR MISSION
Our mission is to encourage people to participate in a wide
range of activities, appreciate all elements of life, and connect
with others so that we can build strong communities where
every person feels empowered and included.
KEYWORDS
Connection
We are committed to building connections
between the public and ourselves so that
everyone can participate in the development
of the times.
Inclusive
We are dedicated to build a more inclusive environment
by encouraging people to show and
receive different perspectives.
Motivate
We advocate capturing significant moments
and presenting people’s stories to motivate
people to tell about life.
THREE KEY PHRASES
Connection
Not Me, Not You, But Us.
Inclusive
Welcome All.
Motivate
Your Actions Counts.
6 7
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
VISUAL DEVELOPMENT
ROUND ONE
OBJECTIVE
Establish three divergent logo sketches based on three key phrases.
Within each camp, sketch in different categories, symbolic marks, graphic
marks and wordmarks.
8 9
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
CONNECTION
Not Me, Not You, But Us.
10 11
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
12 13
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
14 15
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
16 17
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
INCLUSIVE
Welcome ALL
18 19
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
20 21
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
22 23
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
24 25
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
MOTIVATE
Your Actions Counts.
26 27
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
28 29
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
30 31
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
32 33
ROUND ONE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND ONE
Inclusive
Refined Sketches
From Round One
Connection
Motivate
34 35
ROUND TWO
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND TWO
VISUAL DEVELOPMENT
ROUND TWO
OBJECTIVE
For the logo development, deliver 10 solid, refined sketch/computer-hybrid
generated comps in one camp — as a distributed mix of symbolic, graphic,
and wordmark solutions.
36 37
ROUND TWO
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND TWO
INCLUSIVE
Welcome ALL
38 39
ROUND TWO
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND TWO
40 41
ROUND TWO
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND TWO
Refined Sketches
From Round Two
42 43
ROUND TWO
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND TWO
COMPUTER REFINED SKETCHES
Different letters with the same square proportions
come together to form a whole.
LIFE is wrapped in two energetic L shapes, representing
the capture of life.
L-shaped graphics of different proportions are
gathered together to represent the perspectives of
different communities.
The meaning of inclusion is demonstrated through
the fusion of rectangles with different transparency.
The three letters L, F, and E form a cube. The letter, i,
is revealed through the use of positive and negative
space, expressing the mutually inclusive environment
of life and self.
The softer font and surrounding edges create visual
that represents the brand’s inclusive environment.
Circles of different colors and parts of circles are
combined to allow the negative space to form a
star shape, representing different groups to create a
more inclusive environment.
The three curves form a continuous vision from
different angles, representing people’s continuous
thoughts about LIFE.
Let letters with unique visuals but similar shapes fit
together to form a fusion of soft and hard graphics
to create an inclusive environment.
Create a friendly attitude in the form of a hug.
44 45
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
VISUAL DEVELOPMENT
ROUND THREE
OBJECTIVE
Deliver 3 solid, refined computer generated logo sketches in one camp from
Round Two in both B+W and in color — in symbol (+ type), graphic (+type), or
type-only solutions.
46 47
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
REFINED HAND SKETCHES
INCLUSIVE
Welcome ALL
In this round, select the three directions in inclusive to extend and
refine the logo sketches.
Through square shape and “L“ shape to build a symbol of inclusive
society and the individual.
Use rectangles and graphics to create an inclusive framework for the
text and establish a positive direction.
Explore vaious kinds of “L“ shape and combine together, to form a connection
and unity strength feeling.
48 49
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
REFINED DIGITAL SKETCHES
INCLUSIVE
Welcome ALL
On the basis of hand sketches, grids are used to make digital sketches
more standardized and maintain unified specifications.
50 51
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
REFINED DIGITAL SKETCHES
WITH COLORS
The color selection aims to present a positive attitude, to promote the
role and meaning of people connecting, sharing with each other, and
communicating.
52 53
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
REFINED DIGITAL SKETCHES
WITH COLORS
The color selection aims to present a positive attitude, to promote the
role and meaning of people connecting, sharing with each other, and
communicating.
54 55
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
REFINED DIGITAL SKETCHES
WITH COLORS
The color selection aims to present a positive attitude, to promote the
role and meaning of people connecting, sharing with each other, and
communicating.
56 57
ROUND THREE
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
ROUND THREE
REFINED DIGITAL SKETCHES
WITH COLORS
Adjust the color for the selected logo. Let the color work in one general
direction and apply it to the four shapes from dark to light. Or apply it
in complementary colors.
58 59
LOOK-ALIKE LOGOS
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
LOOK-ALIKE LOGOS
Look-alike LOGOS
Multiple geometric lines are used to form a new
space, and the combination with different positions
of text makes the overall vision more prominent.
Chase, a leading global financial services
firm, is represented by a logo featuring a
stylized octagon resembling a cross-section
of a clear pathway or vault, symbolizing
security, trust, and the forward
motion of progress in finance.
Deeptech Labs, with its logo featuring an
abstract, open-faced cube, represents
the company’s focus on innovative and
forward-thinking technological solutions
within the deep tech industry.
SOMI Roll Off, as suggested by its bold,
angular logo featuring an upward and
downward arrow within a square, emphasizes
dynamic and efficient movement,
likely related to their roll-off services for
waste management or transportation.
Gizmo Planet is one Youtube subscription
member, it’s about the journey that
explore interesting topics on technology,
gadgets, science and inventions. Its logo
represents the motivation and the power
through two parts graphics.
Motek, with its logo showcasing a bold,
stylized ‘M’ in a dynamic red and white
color scheme, represents strength and
movement, reflecting the company’s
focus on innovation and progress in the
fields it specializes in, possibly including
industrial automation or technology.
The “show & tour” company’s logo, featuring
Atmel, a semiconductor company, uses a Greenbox is symbolized by a logo that
The MIT Media Lab’s logo, a distinctive SAP, a global leader in enterprise softveys
an abstract eye within a square, con-
logo with bold, intersecting lines within a combines environmental themes and
seven-bar symbol, represents the interware
and software-related services, is
visual exploration and the company’s square, symbolizing interconnected technology
technology with its use of fresh green
section of technology, multimedia,
represented by a bold, blue logo with
focus on guiding and presenting.
and innovation in microcontroller colors and a box shape, reflecting the
and design, embodying the lab’s innova-
overlapping corners, symbolizing systems,
and touch solutions.
company’s commitment to eco-friendly
tive and interdisciplinary approach
applications, products, and the company’s
solutions or sustainable packaging.
to research.
interconnectedness in the world of digital
data processing
60 61
LOOK-ALIKE LOGOS
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
LOOK-ALIKE LOGOS
Look-alike LOGOS
Based on the square, divide or merge the elements
to show the energy and meaning of different companies.
Instagram is an photo and video sharing
social networking service owned by Meta
Platforms. The Instagram logo, featuring
a camera silhouette against a warm
gradient background, symbolizes the platform’s
essence of capturing and sharing
life’s moments visually.
Square One Construction is a custom
home building company in United States,
it emphasizes a foundation of integrity
and quality in its construction services.
The logo creatively combines a square and
the numeral ‘1’ within it.
Deutsche Bank is a prominent international
banking and financial services company,
rooted in Germany, with a strong
global presence. Its logo, a square “slash”
inside a blue frame, conveys growth, progress,
and a forward-thinking approach,
reflecting the bank’s commitment to
innovation and its clients’ aspirations.
Round Square Network’s logo, blending
a circular form within a square, symbolizes
a versatile and holistic approach to
networking, representing the integration
of completeness and structure in their
services.
Square One Site Maintenance is symbolized
by a logo that merges a numerical ‘1’
with a square, representing their foundational
and comprehensive approach to
property upkeep and facility services.
Plan Square is a management consultancy
Four Corners Construction & Develop-
Microsoft is a global technology leader
CONCÓRDIA Urbanizadora is represented Square, Inc. is a financial services and
that symbolizes structured, strategic ment is represented by a logo featuring known for its software products, com-
by a logo with interlocking green squares mobile payment company, and its logo,
planning and solid foundational solutions, a stylized arrangement of four colored puting devices, and cloud services, and its
symbolizing their commitment to developing
featuring a nested square design, rep-
reflected in the geometric precision of the blocks, symbolizing the company’s comprehensive
logo, with four colored squares, represents
harmonious urban spaces that resents the simplification and accessibili-
interlocking square and plan-like elements
services in building, remodel-
its diverse portfolio of products and the
blend sustainability and community. ty of financial transactions for businesses
in its logo design.
ing, and designing from the foundational integration of their digital solutions into
and individuals alike.
cornerstones to the final touches.
everyday life.
62 63
LOOK-ALIKE LOGOS
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
LOOK-ALIKE LOGOS
Look-alike LOGOS
The logo mainly combines lines with a cross pattern to form a central
point, which represents concentration and emphasis.
The Polestar logo, showcasing a stylized
depiction of the North Star, represents
guidance and excellence, aligning with the
company’s focus on innovation and performance
in the automotive industry.
The Google Drive logo, with its triangular
arrangement of colorful shapes, symbolizes
the convergence of various forms of
data and documents coming together in
one accessible and cohesive cloud storage
platform.
The Sygma logo features a stylized sigma
symbol, which is often associated with
summation and mathematics, suggesting
a company that values precision, analytical
thinking, and the sum of various
components or services to provide a
comprehensive solution.
The PE Medicine logo, featuring a stylized
molecular or atomic structure, conveys a
focus on science and precision in healthcare,
suggesting a connection to personalized
medicine, research, and innovation.
The Off-White logo, often characterized
by its use of quotation marks, zip ties,
and diagonal stripes, conveys a sense
of irony and subversion, challenging
conventional branding and the fashion
industry’s norms.
The Overwatch logo, with its minimalist
and symmetrical design featuring a stylized
“O” representing an eye or a scope,
symbolizes vigilance and a team-focused
perspective, aligning with the game’s
themes of heroism and guardianship.
The Swiss Juicer brand logo features a bold
red Swiss cross, commonly associated
with quality and precision, combined with
the brand name to emphasize its specialty
in kitchen juicers.
Greenbox is symbolized by a logo that
combines environmental themes and
technology with its use of fresh green
colors and a box shape, reflecting the
company’s commitment to eco-friendly
solutions or sustainable packaging.
The Dreamstar Pictures logo, with a graphic
that resembles both a star and a film reel,
represents the company’s commitment to
imaginative storytelling and filmmaking.
The Living Hope Kirkland logo combines a
modern, stylized cross with the organization’s
name, symbolizing a contemporary
Christian faith community centered on
the concepts of life and hope.
64 65
INSPIRATION
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
INSPIRATION
LEVERAGE &
ANNOTATE INSPIRATION
OBJECTIVE
Examine many examples of existing Visual Standards Guides. Determine who
does what best and leverage that.
66 67
INSPIRATION
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
INSPIRATION
New Identity Introduction
This new identity introduction uses a diverse
way to reflect the valuable meaning of the logo.
Logo Anatomy
In this logo anatomy, it shows the clear space
directly, and shows minimum size of the logo
both in inch and pixels.
68 69
INSPIRATION
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
INSPIRATION
Type Specs
The layout of this type specs is very solid, clearly
showing the differences between different font families,
and indicating application precautions.
Main ID Colors
This color chart include three palettes and
define the PMS, RGB and CMYK in a consistent way.
70 71
INSPIRATION
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
INSPIRATION
Logo Dont’s
Alternative Versions of The Logo
There are different situations and incorect usage for
the logo, and clearly expain the reasons.
This logo has alternative versions of one-color and
two-color, which give more possibilities for the logo usage.
72 73
INSPIRATION
VISUAL DEVELOPMENT GUIDE
VISUAL DEVELOPMENT GUIDE
INSPIRATION
Visual System Overview
Wordmark Backgrounds
This visual system effectively demonstrates how
to combine and present visual elements in a more
flexible way.
Showing a variety of backgrounds to adapt to wordmark,
allowing the wordmark to be displayed optimally
74 75
76 77
78