selfdesign learning community identity...

68
SelfDesign Learning Community identity redesign hanif janmohamed, V5 december, 2013

Upload: others

Post on 12-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

SelfDesign Learning Community identity redesign

hanif janmohamed, V5 december, 2013

Page 2: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

the existing SelfDesign logo is an integration of:

wordmark + visual symbol

Page 3: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

This presentation is divided into 3 main sections:

1- Wordmark (type) 2 - Visual symbol (logo)

3 - Color

Page 4: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

1.0 - redefining the wordmark

Page 5: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

A Wordmark is essentially a distinct text-only typographic treatment of the name of an organization, company,

institution, or product. It is used for purposes of identification and branding.

The name is rendered with a specific graphic treatment to

create a clear, visually memorable identity. The representation of the word becomes a visual symbol of the

organization or product.

Page 6: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

current wordmark

Page 7: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

The current wordmark is composed of two capitalized words, with the typical space between them removed. The intention is to bring them together to create a unified singular element - a joining of two concepts into one word through conjunction.

However, despite their proximity, these two words maintain an uneasy distance and appear to hold their separate domains. The two strong individual colors reinforce the separation, as does the capitalization. Each word has its distinct presence and meaning, and each competes for the eye’s attention.

While Self and Design get close, they remain unrelated.

The words ‘Self’ and ‘Design’ are together yet separate.

Page 8: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

This ambiguity is embedded within the wordmark itself. A polarized personality, with a tension played out at the juncture - two words juxtaposed in an uneasy relationship.

this proximity & separateness results in a structural ambiguity

Page 9: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

Improving the relationship through anatomy…

head

apex

descender

beak

eye

tailThe Garden of Earthly Delights (detail) - Hieronymus Bosch

Page 10: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

current anatomy of the juncture

Page 11: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

create a ligature

In typography, a ligature occurs where two or more graphemes or

letters are joined as a single glyph. Ligatures usually replace consecutive

characters sharing common components and are part of a more

general class of glyphs called "contextual forms", where the specific shape of a letter depends on context

such as surrounding letters or proximity to the end of a line.

Page 12: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 13: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 14: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 15: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 16: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 17: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

an ‘f’ that reaches out and an open ‘D’ that is receptive

An ‘open’ ligature

Page 18: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

Self + Design = relationship, partnership, collaboration, dance

La danse (detail) - Henri Matisse

Page 19: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

a tighter more unified relationship two words / one word

Page 20: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

A number of other aspects of the letterforms and their relationships can be explored and refined

Page 21: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 22: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 23: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 24: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 25: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 26: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 27: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 28: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 29: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 30: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 31: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 32: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 33: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

allow ‘the program’ to recede.

bring ‘the learner’ forward…

Page 34: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 35: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

introduce one color into the wordmark

the program plays a supportive role. neutral grey, receptive, open.

Page 36: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

the proposed wordmark…

Page 37: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

A cleaner, harmonious and integrated wordmark Each element maintains its identity, in a resolved relationship

Page 38: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

2.0 - redefining the logo (the visual symbol)

Page 39: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

A logo is a graphic mark or emblem commonly used by an organization, company, institution or individual to provide a

direct means of identification and recognition.

Logos are either purely graphic (visual symbols/icons) or are composed of the name of the organization (a logotype or

wordmark) or both.

Page 40: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

Whirlpool Galaxy (Spiral Galaxy M51)

Partial view of the Mandelbrot set

Low pressure system over Iceland

current visual symbol

Page 41: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

the conceptual framework

a natural unfolding

logarithmic spirals

Fibonacci series

stages of life

life path.

SelfDesign’s visual symbol represents a life path from birth to death - the Lifespiral.

It is a naturally ordered, geometric, mathematical spiral that expands outwards exponentially. It represents the phases of

our lives, and acts as a model for understanding.

Page 42: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

personal life pathsUnlike conceptual frameworks and models,

our personal Lifespirals often seem to branch out in many directions at once. These manifest in our lives through our relationships and chance encounters and they inform us with choices, richness and complexity.

A redefined visual symbol can encompass some of these qualities.

Page 43: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

multiplicity

…there are many paths each is unique

all unfold

Page 44: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

movement

…a path embodies motion

Page 45: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

rotation

…circles, mandalas, spirals everything is revolving

constantly in motion

Page 46: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

radial expansion

…growth expands in all directions

Page 47: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

symmetry

…harmony

…balance

Page 48: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

celebrate the mysteryof

things without

beginnings

+

Page 49: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

make a move to a (r)evolutionary form…

Page 50: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

that embodies a richer conceptual framework…

one that embodies a richer conceptual framework.

Page 51: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

logarithmic spiral fibionaci series stages of life

unfolding

life path

our life pathrichness

choice unique

multiplicity

movement

rotationcircular revolving

radial expansiongrowth radiates

inwards / outwards

symmetryharmony balance

many paths complexity

implied motion

conceptual framework

Page 52: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

a vital and dynamic form

Page 53: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

“Like a snowball down a mountain

Or a carnival balloon

Like a carousel that’s turning

Running rings around the moon”

excerpt from: The Windmills Of Your Mind

“Like a circle in a spiral

Like a wheel within a wheel

Never ending or beginning

On an ever spinning reel”

Page 54: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

2.1 - density studiessparseness and density

Page 55: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

a variable density?

Page 56: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

5 6 7 8 10

Page 57: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

the proposed new logo…

Page 58: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 59: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

3.0 - Colors

Page 60: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

“A thimbleful of red is redder than a bucketful.”Henri Matisse

Page 61: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

use of color

Color will be used to lend expression and articulation to the character of the different program areas.

Details of the overall color program will to be clarified during the strategy work scheduled in early January.

Reflections from this work will inform the definition of the finalized color program for SelfDesign.

Portrait of L.N. Delekorskaya - Henri Matisse

Page 62: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

logo color studies

Page 63: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 64: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 65: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

the proposed colours…We conducted many color studies and have explored many options.

In keeping with the developing theme of multiplicity as a defining thread for SelfDesign’s new identity, we have also explored the introduction of colour into the proposed logotype in a fresh way…

Page 66: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign
Page 67: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign

Our New Wordmark and Logo…

Page 68: SelfDesign Learning Community identity redesignhanifjanmohamed.com/dev/wp-content/uploads/2015/01/3-SD-identit… · 3/1/2015  · SelfDesign Learning Community identity redesign