Design Explorations

Date: April 6th, 2013 Name: Billie Rae Spain Instructor: Anitra Nottingham Course: GR-699 MS Conceptual Development Objective: Layouts/ Grids, Financials & Covers

NAMING & SLOGANS

PG. 7

LOGO SKETCHES

PG. 8

LOGO CONCEPTS OTOTO

PG. 9

Color Palettes

Color & Black/White Design Concepts (Continued Again)

CAP n’ NOODLE “One Left Over At A Time”

CAP n’

QUAT

NOODLE

“One Left Over At A Time”

CAP n’ NOODLE

LOGO COLOR OTOTO

QUATROODLE

BREAK AWAY PASTA

“Containment On The Go”

PG. 10

Themes or Narratives: Measuring, space, proportions, coiled top, shapes, energy, outlines, movement, grouping, numbers, symbols, cooking, kitchen & signs.

Typeface Choices: Helvetica, Univer, Avenir, FF DIN, Trade Gothic, Rockwell, Myriad and Frutiger.

Color & Black/White Design Concepts (Logo/Logotype Only) Spaghetti & Topper

Spaghetti Top Cap

Cap Topper

“One Left Over At A Time”

“Measures on Instant”

ROODLE

“Measures on Instant”

OTOTOTOODLE “Fun For Everyone”

OTOTOTOODLE “Fun For Everyone” Spaghetti

NOODLEY NO

DLEY

DOODLE DOODLE The Savvy Noodle Keeper

The Savvy Noodle Keeper

OTOTOTOODLE “Fun For Everyone”

Kitchen & Cooking

BROCHURE SKETCHES

PG. 13

PG. 14

POSTER CONCEPTS OTOTO (Ideas, inspirations & concepts-Poster)

Themes or Narratives: Measuring, space, proportions, coiled top, shapes, energy, outlines, movement, grouping, numbers, symbols, cooking, kitchen & signs.

Typeface Choices: Helvetica, Univer, Avenir, FF DIN, Trade Gothic, Rockwell, Myriad and Frutiger, Futura.

Color Palettes

PG. 25

POSTER SKETCHES

PG. 26

POSTER SKETCHES

PG. 27

PG. 28

ACTIVE CHARGE Project One– Sketches (Mind Map & Logos)

ACTIVE CHARGE Project One– Sketches (Logos)

ACTIVE CHARGE

ACTIVE CHARGE

Project One–Logo Color Sketches

Project One–Logo Computer Roughs B/W & Color Billie Rae Spain // GR_699 Logo Computer Rough Concepts // ActiveCharge Product // Spring 2013 - M4 Mask Concept - Fonts, Helvetica, FF DIN & OCR Standard Wireframe

1.

B/W

Color & Graphics

2.

ACTIVE

ACTIVE CHARGE

3.

Final Choices

4.

ACTIVE CHARGE ACTIVE

CHARGE ACTIVE

CHARGE

CHARGE

Squiggle Energy Concept - Font, Trade Gothic, Myriad & Avenir Wireframe

1.

B/W

2.

Color & Graphics

active charge

3.

Final Choices

4.

ACTIVE CHARGE

active charge

Active charge “V”Charge Concept - Font, Franklin Gothic, Tex Gyre Adventor, Letter or News Gothic Wireframe

1.

B/W

2.

Color & Graphics

3.

Final Choices

4.

acti e charge

Layout Concepts // Annual Report (Sketches) - Spreads Conceptual Themes Functional Practical Proportional Humoristic Ironic Unexpected Unique

Simple Custom Innovative Rare Trendy Modern Memorable

Stylish Conventional Exciting Original Edgy Grunge Classic

Purposeful Vintage Playful Outdoor Comfortable Hardcore Authentic

Sporty Out of The Box Off The Wall Daring Bold Influenced Raw Famous

PG. 3

PG. 4

Layout Concepts // Annual Report (Sketches) - Covers

PG. 5

Layout Concepts // Annual Report (Sketches) – Financial Section Graphs, Charts, Information Design

PG. 7

31 LOGO DEVELOPMENT Some of my sketches, refinements, finals of the logo creations. Played around with the vernacular, style, placement, scale and compositional integration with type choices and worked with variations and also iconography graphic elements as well.

Process Book // Fall 2013

35 LOGO DEVELOPMENT (Refine) 1.

– est – 2013

2.

– est – 2013

Bike

Bike Live

Live

Love

Love

Love

– SF –

– SF –

– SF –

5.

6.

– est – 2013

Bike

– est – 2013

– est – 2013

Bike

Bike

– SF –

– SF –

Live

Live

Live

Love

Love – SF –

7.

– est – 2013

Bike

Live

4.

3.

8.

9.

Live | Bike | Love

Live | Bike | Love

Love

Live | Bike | Love

10.

11.

12.

Live | Bike | Love

Live | Bike | Love

Live | Bike | Love

13.

Live | Bike | Love

14.

Live | Bike | Love

Process Book // Fall 2013

16..

15.

L.

Bike

17.

L.

– est – 2013

Live

L.

B.

Love

B.

L.

– est – 2013

– est – 2013

18.

L.L.B

– SF –

19.

Bike Live | Love

23.

22..

20.

SF

L.L.B

Bike

Bike

24.

Bike Love Live

Love

25.

Bike

Bike Live

Love 27.

Bike

26.

Live | Bike | Love

28.

Live

21.

L.L.B

29.

Love

L.L.B

37 LOGO DEVELOPMENT (Refine) 31.

30.

L.L.B

Live | Bike | Love

34.

33.

Bike Love Live

32.

35.

SF

Live | Bike | Love

Love

Live | Bike | Love 37.

Live | Bike | Love

39.

Bike Love Live

Love

40.

38.

41.

Live | Bike | Love

L.L.B

42.

43.

L

L B

Live | Bike | Love

44.

B

L

L

36.

Process Book // Fall 2013

L

L

L

L B L B L L B B

L

1.

L

L B

2.

Live Bike Love

L B

L

3.

Live, Bike, Love

41 VISUAL IDENTITY DEVELOPMENT Iconography These are sketches and refinements of icon graphics, typefaces being used that are part of the overall visual system as a whole. An it’s part of the application development along with the logo and visual development of the brand. I’ve been going through several areas in my brainstorming process and you will find the personas as well tied to this because it is associated with a visual reference about the character and intention of the person and how that reflects the subject matter.

Process Book // Fall 2013

(Refine)

$

2

43 VISUAL IDENTITY DEVELOPMENT (Refine)

ICONOGRAPHY

Process Book // Fall 2013

44 TYPEFACE IDENTITY

Garamond Live, Love, Bike Helvetica

Live, Love, Bike

45 VISUAL IDENTITY DEVELOPMENT Personas This was to narrow down which audience I wanted to direct my brand to figure out certain traits young or old. How that will effect or project an understanding on a visual level. The personas are to portray real people that you would see everyday from any demographic down to the details of: What they do, how much they make, what their likes or dislikes. To get an idea of how someone might think about a product or service and to be in their shoes as it’s geared on a marketing level. I have included sketches and refinements of flash like cards or mini posters to convey this idea.

Process Book // Fall 2013

57 APPLICATION DEVELOPMENT (Apps) Deliverables & Branding This part is mostly about carrying off the vernacular or visual system set deliverables for these following items: Website, APPS, Posters, Process Book, Booklet and Products. My main focus of this part of the project was to make the user be able to interact, engage, share the experience, connect and network with others but also gain insight of the cause, impact of the importance of it through these media outlets on a marketing level.

Process Book // Fall 2013

(Poster)

59 APPLICATION DEVELOPMENT (Website)

Process Book // Fall 2013

(Products)

(Apps)

61 APPLICATION DEVELOPMENT (Booklet)

Process Book // Fall 2013

63 APPLICATION DEVELOPMENT (Process)

Process Book // Fall 2013

65 APPLICATION DEVELOPMENT (Process)

Live, Bike, Love

B

L

L

Process Book // Fall 2013

B

L

Live, Bike, Love

L

L

L B Live, Bike, Love

FINDINGS, SKETCHES & GRID FORMATS

These are ideas and concepts from layouts, compositional forms, brainstorming, experiences, observations and this could change or evolve. These are not finalized but at least you can see where I’m at with gathering my information and research.

I’ve got some composites of grid layouts that I might go with to follow along with my usage of type and imagery or graphic integration. All these findings of facts an information will eventually be directed into the data, statistics and chapters subjects of the book to tell more about the topic and issues at hand.

MIND MAP & SKETCHES

These are ideas and concepts from layouts, compositional forms, brainstorming, experiences, observations and this could change or evolve. These are not finalized but at least you can see where I’m at with gathering my information and research.