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.