PROCESS MANUAL Vancey Le Design 116 Summer Session 2
Vancey Le
Design 116
Table of Contents Pre-production Choosing a product Biomimicry Research Product Brainstorm Project 1: Logo Research Sketches Digital Mock-ups Color Iteration Final Logo Project 2: Graphic Standard Business Sytem Edits Final Graphic Standard Project 3: Packaging Research Sketches Origami Prototyping Digital Layout Final Packaging
3 4-5 6
9 10-11 12 13 14 17-18 19 20-27
29 30 31-32 33 34 35
1
PRE-PRODUCTION Before working on anything I had to go under the process of brainstorming what and how to design. Finding something to commit to for the next 6 weeks wasn’t an easy decision and a lot of the choices made at this point determined most of what the final packaging was going to be designed. That being said, I am satisfied going through a thorough process of all my options so that I didn’t oblige myself to a project I was less passionate about
Vancey Le
Design 116
Choosing a product Popcorn was something I picked first but wasn’t sure until of until I exsplored my options. Toothpaste sounded fun but molding actual plactic seemed like a huge amount of effort. Juice seemed fun but didn’t seem challenging.
Hot sauce was considered but having to make the plastic would seem like too much work.
In the end popcorn beat out hot sauce because the product was simple and practical to make. I was mistaken.
3
Process Book
Biomimicry Research
4
never really used this biomimicry.
Vancey Le
Design 116
Ventral Pleats
5
Process Book
Product Brainstorm Yellow: Me Orange: Leslie Magenta: Da
6
maybe?
PROJECT 1: LOGO
Vancey Le
Design 116
Research Alot of my research came from the Quinn Popcorn brand which is a popcorn that uses no susceptor, transfats, or PFC lining in their bag.
Most of the popcorn logoes I’ve seen aren’t really design logos that can be used in black and white. They don’t really use negitive space. So I tried to go against the common popcorn brands.
This is a logo I found to work great and has good negitive and positive space and incorporates the popcorn shape.
9
Process Book
Sketches
I kept trying to utilize the accordian fold of my biomimicry.
Tried to be scripty but it just turned out unrelate.
I
n the sketching process I was just trying to find a way to give hints at what the product was about without being overly graphic or illegible. I tried to keep the zigzag fold in the typography of the logo and also have the terminals or counters be a popcorn element like the kernel or the actual popped popcorn. Later I found out that POPZ was already a name of a popcorn brand but the Z that I wanted was continued to the Z in Maize.
I found out later that “Popz” was taken so I changed it.
Tried to incorporate popcorn as type didn’t, make sense. Tried something blocky and modern but didn’t make sense.
10
Vancey Le
Design 116
looks weird.
Tried to use kernel as a typographic element. Tried a different name but it just doesn’t remine me of popcorn.
11
Process Book
Digital Mock-ups W
hen creating the logo, I was still unsure of what the name of my logo would because I didn’t know what it would look like as a logo. At first I tried to experiment with logos that were dynamic and had the same energy as popcorn does when it pops. The problem was that the typeface and graphics didn’t seem to complement each other. So I went from having Didot as the typeface to having Kabel Black to be a bold geometric san serif. Kabel’s bold type allowed me to freely switch to an orange color without colonellogo s illegible. Then I experimented with the word maize because making the kernel s the Z emulated hiroshima the zigzag folding I was planning to use in my packaging. So I continued that zigzagging. The counters of the a and the e allowed me to still show what the product was about by inserting a popcorn kernel and a popcorn. For the color I implemented the ancient context associated with the word maize, which links back to the Mayan civilization. I played with different colors until I found the “toasty” orange that kept the logo legible.
kernelz
Kernel was more visible with dark bold sans-serif.
Kernel was too obscure when turned. COLONEL S KER NE L S
KERNELz Kernelz
aa
kernelz
kernelz kernelz
COLONEL S KER NE L S
Attempted to be patriotic with a star but the name was too long.
KERNELz Kernelz
kernelz kernelz
12
kernelz
kernelz
Kernels were abstract in this thin serif.
Didot type looks pretty but it didn’t relate to product.
Vancey Le
Design 116
Color Iteration e
The red was too vibrant and didn’t give the right popcorn vibe as the orange did.
aa
aa The actual shape of maize is different from popcorn.
Tried to make the Z take less space but the type got too abscured.
I wanted to keep the proportion of the popcorn to the kernel without making it too big for the counter.
Keeping the counter round played into the typface and looked more like popcorn.
13
Process Book
Final Logo
14
PROJECT 2: GRAPHIC STANDARD
Vancey Le
Design 116
Business System I was trying to understand how a maze puzzle would spell out ny logo in one line when solved. Trying to emphasize the zizag pattern of my logo.
I tried to make the pattern cohesive through the business system but I ended up using the maze pattern.
17
Business Card
Business Card
Process Book
Front
3½"
3½"
2"
2"
POPCORN Co.
POPCORN Co. Vancey Le, CEO Phone: (555)555-5555 Email: vvle@gmail.com Website: www.Maize.com
Vancey Le, CEO Phone: (555)555-5555 Email: vvle@gmail.com Website: www.Maize.com
Back
Unsolved
Unsolved
Maze spells out Maize when solved.
Maze spells out Maize when solved.
10 18
10
These are just the many iterations of the maze I put on the back. I was trying to make the end solution be similar to the logo.
Vancey Le
Design 116
Edits Greyscale:
Vancey Le
Page 4: Change stroke weight.
Page 5: Change type size and weight.
Non-Acceptable Uses x x Maintain white color of popcorn when in different background colors.
4
GRAPHIC STANDARD
Maintain white color of popcorn when in different background colors.
GRAPHIC STANDARD
Vancey Le
Using more than 3 colors
Aplplication
Aplplication
Page 14: Change point size
Application
Application
VAN:
VAN: 25"
POPCORN Co. 37"
x Non-Acceptable Uses xModifying the type x xApplying a drop shadow x x
Using more than 3 colors
25"
POPCORN Co. 37"
Modifying the type
Repositioning graphic counters
x xBounding logo within a shape x xEnlarging graphic counters
Repositioning graphic counters
Bounding logo within a shape
x
19
Process Book
Final Graphic Standard
Orange border represents edge of paper.
Table of Contents
This is the graphic standard plan for the Maize™ popcorn company.
20
Logo
2
Logo Measurement
3
Acceptable/ Non-Acceptable Uses
4-5
Type Standards
6-7
Color Standards
8-9
Business Card
10
Letterhead
11
Envelope
12-13
Aplications
14-15
Vancey Le
Design 116
GRAPHIC STANDARD
Logo
Vancey Le
Logo Measurements
Logo
y
x x
x
y
66°
3x
66°
66°
66°
T
he thought behind the Maize logo consisted of having the type be bold and legible so that it can be identifiable from far distances. The main graphic icon is the zigzagging folds that make the packaging unique to this particular popcorn. The zigzags are what make the packaging very versatile by making the bag be compact for eating but also expand to mix in ingredients. Within the negative space of the “a” is a corn kernel and a popcorn in the “e” to give the consumer more clues to what the logo represents. The intention was to create a logo that was simple and legible at a glance but have subtle graphic elements that revealed more information for consumers that looked closer.
2
Popcorn Counter
Kernel Counter
3 21
Process Book
Uses
GRAPHIC STANDARD
Acceptable Uses Color:
Vancey Le
Non-Acceptable Uses x x Black and White:
Using more than 3 colors
x
Modifying the type
Greyscale:
x Applying a drop shadow
Maintain white color of popcorn when in different background colors.
4 22
Repositioning graphic counters
x
Bounding logo within a shape
x Enlarging graphic counters
x Changing counter colors
5
Vancey Le
Design 116 Typography
GRAPHIC STANDARD
Type Standards Logo: Kabel Black
Maize
Headline: Universe LT Std 67 Bold Condensed
a
type size: 48 pt
Minimal stroke variance
Geometric counter
Sans serif
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
6
Vancey Le
leading at 120% type size
“SHARE WITH THAT SPECIAL SOMEONE.�
OTHER ACCEPTABLE TYPES: Helvetica Neue LT Std Heavy Condensed, Futura Condensed Medium, Kabel Book.
Body Text: Garamond Regular
A
ndis core nis aut fugiatende pro ditae reriant atesequi to bero consect istias restrum, ipic to culpa dolor accum que vit, conseque veliquam, si type size: 12 pt dolor sament asimuscia dolorumqui doluptati doluptiat. Lorero voluptatiunt laccupta corem secaeca borrum nimaio cuptatum voluptat. Cone es illam qui consequas rerumenetur, culluptatius re, quatqui nat quo esto est officim invendit estor sinctia placcum conserum res milliscil ea quo in nis mo estist dolende renduci tiorempori ommos dem a duci rest rempos alitio. leading at 120% type size Nemolup tatempo ribusam erum etur, consendus es delenimus, od quiam excea (12/100)120= 14.4pt sitem rehent mo ventus acia vel magnat odisimi lignis si dolore odis int quod mo optatur andis a sus ut ra dolorum aborepr atiorum acepero videntem rem labo. Ovitinctas quodipsapis dolent ut fugia venissitinte voluptatus nes ut pre, utem essimusciis vendis que possitatio quia cuptatias quisint ex eum endaeptatus eum vitatist fugiae. Odit, od ma in ne etur seque eatemol uptiistinia nonsecto que omniet volorporumet ea dicia net as aut quis aut quibeatusam arum int eturibus. Nam fuga. Exero blati quam dis dolore, in pedio. Les reris aut volenestrum consedi dolesedi verum quat. about 2-3 lowercase alphabets wide.
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopq
7 23
Process Book GRAPHIC STANDARD
Color
Vancey Le
Color Standards This color would be the main color used for most of the applications. This orange mimicks the toasted color maize turns into when dryed into kernels for popcorn RGB: 244, 144, 31 CMYK: 1, 52, 100, 0 # F38F1F
RGB: 197, 230, 226 CMYK: 22, 0, 12, 0 # C4E6E1
Cyan was a prevalent color in Mayan jewelry that reflected status and hierarchy in society. The color used in this color scheme is lighter so as not to fight with the orange of the logo. This color can be used as a background color or complement the logo as a graphic element. Just having the orange alone makes the graphics too plain but with the cyan the audience can connect to a theme or style.
This is the color for the popcorn in the counter. It is meant to look “buttery� without looking too light or too dark to obscure the orange logo.
Since maize corn has origins from the Mayan civilization, the color palette reflects that theme by referencing the colors used in Mayan wall paintings. RGB: 239, 216, 123 CMYK: 7, 10, 63, 0 # EFD97A
8 24
9
Vancey Le
Design 116 Business System
GRAPHIC STANDARD
Business Card
Vancey Le
Letterhead 3½" ½" ½" 2½"
2"
POPCORN Co. Vancey Le, CEO Phone: (555)555-5555 Email: vvle@gmail.com Website: www.Maize.com
Unsolved
Maze spells out Maize when solved.
10
1"
1"
11 25
Process Book Business System
GRAPHIC STANDARD
Vancey Le
Envelope 9½"
4½" 8
POPCORN Co. 1657 Corn Street Davis, Ca 95616
When making the business system, make sure to have the maze pattern be consistent throughtout the whole piece. That means keeping the stroke weight consistent through the system after printing. The density of the maze lines should be relatively consistent as to not draw alot of attention in certain areas. When creatiing the maze, keep the lines jaggy and try to avoid parallel lines. Do not make the lines 90 degree angles and try to interweave them together so tht none of the lines are just floating there.
12 26
13
Vancey Le
Design 116 Aplplication
GRAPHIC STANDARD
Vancey Le
MOUSE PAD:
Application
9½"
VAN: 25"
POPCORN Co. 37"
8"
POPCORN Co.
PENCIL: Diameter: 3/8" no eraser
5min
4min
3min
2min
1min
5min
4min
3min
2min
1min
MUG:
(Flat view) 5½"
14
6"
2"
15 27
Process Book
PROJECT 3: PACKAGING
28
Vancey Le
Design 116
Research Quinn Popcorn Research (these aren’t my photos) This “smart” popcorn uses plastic to hold the popcorn while still using a susceptor to pop the kernels.
Making a geometry that unfolds naturally is actually quite difficult. The issue with this bag is that when the contents expand it essentially locks the corners down. Fold a piece of paper in half and then bend it over your leg. Now it’s impossible to undo that fold. Same issue here. If we hope for something more unexpected I think we will need an origami master.
Popcorn doesn’t need a susceptor bag to pop it can pop on it’s own. Two minutes of popping, popped two thirds of the kernels in this bag with no butter or oil.
—Quinn Popcorn
29
Process Book
Sketches
I originally wanted a bag that could be folded to be resealable and reusable but it didn’t seem practical to repop unpopped popcorn kernels.
I didn’t want to bind everything in a box like other popcorn brands but hold it together minamally but strongly.
30
Gales sketch of how to bind everything together. It was an idea of clipping the three pack together and using the clip as a way to close the bag later.
Vancey Le
Design 116
Origami Through browsing on the internet I found this tribute to Akira Yoshizowa for his birthday. The shape of the G in Google caught my eye because it was the same octagon shape I was trying to make for my packaging. This is a picture of me precreasing the template for the pleated side of the packaging.
Almost makes a octagon shape. HAZZAH!
31
Process Book
Robert Lang’s template for the Google “G”.
My reproduction, contunuing diamond pattern. At this point I was just eye balling the angles of the lines but later I found out that the angle is 22.5° so then I made a giant template.
This is me trying to make the whole packaging one piece but the pleats have such a huge surface area that I had to print it separately. It only takes 9 rows of diamonds to close the shape otherwise there would be to much material to interweave.
32
Vancey Le
Design 116
Prototypes
These were too small.
These paper clips could bend in any way I wanted.
The plastic on this broke.
Grouping:
This shape seemed to work best in keeping the 3 bags of popcorn together. Trying to make the packaging one piece.
Pleat folding:
This is attempt at making the pleat with a whole 8.5x11 piece of paper.
Exsperimenting with pleat folding . Creating a closed octagon. First attempt at Robert Lang’s template
This is a pattern where it is colored at the bottom.
This is a pattern that is striped, which is what popcorn bags look like traditionally.
33
Process Book
Digital Layout
U CA
THIS SIDE UP
ALL NATURAL POPCORN
RE HHEOT AIR T LIF TION:
™
Corn Oil and Parmesan Cheese
1
2
3 KD
3.2 OZ (90.7g) BAGS NET WT 9.6 OZ (272g)
1 of 3 BAGS
PARMESAN CHEESE
BETTER IF USED BY:
Nutrition Facts Serving Size 2 Tbsp (33g) unpopped (makes about 6.5 cups popped) Servings Per Bag: about 3 Amount Per Serving
THIS SIDE DOWN
Calories Calories from Fat
2 Tbsp Unpopped 180 70 % Daily Value* 18% 8%
Total Fat 12g* Saturated Fat 2g Trans Fat 0g Polyunsaturated Fat 3g Monounsaturated Fat 6g Cholestorol 0mg Sodium 170mg Total Carbohydrate 16g Dietary Fiber 3g Sugars 0g Protein 4g
*Percent Daily Values are based on a 2000 calorie diet MAIZE™ ALL NATURAL POPPING CORN INGREDIENTS: WHOLE GRAIN POPPING CORN, CORN OIL, PARMESAN CHEESE
34
To provide popcorn that is simple and safe to eat without processed fats, artificial flavors, or susceptors in the package. We want to improve your health by providing fiber to aid digestion and lower sodium.
Child Safety: 0% Popcorn is not recomended to 7% infants or toddlers, as the 5% popped kernels can pose a 12% choking hazard to their safety.
4% Calcium 4% Iron Not a significant sorce of vitamin A and vitamin C.
www.Maize.com
Our Mission:
3.) Shake in for a minute and then eat.
no susceptor, no transfats, no PFC coating
MICROWAVE 2.) Open and pour into package after microwaving.
Shake well for 1 min and eat.
1.) Remove from packaging before microwaving.
Peel back top and add parmesan.
RIP HERE
Microwave 2-2½ mins. Stop at 2 secs between pops.
Vancey Le
Design 116
Final Packaging
Clipped together.
Unclipped
35