Presentation on theme: "Design Process Ex: HUGO Boss Perfume Ad. 1. Receive and Study the Creative Brief Overview Specifications, Goals, Measurable Objectives, Deliverables Needed."— Presentation transcript:
Design Process Ex: HUGO Boss Perfume Ad
1. Receive and Study the Creative Brief Overview Specifications, Goals, Measurable Objectives, Deliverables Needed Primary Audience - Primary target audience Tone and Image - Funny and casual, or formal and buttoned-up, etc.? Messaging - Major points Budget and Schedule Budget? When is the project due? Outline project stages. Process Who is the main contact person? When comps are due, etc.? Anything else? Total Rounds of Revisions, etc.
2.Research your Target Market Choose a typical audience member or two and profile including occupation, age range, gender, his or her interests, etc. Ex: HUGO Man Perfume - Who is the consumer? http://www.hugo.com/green Additional information about HUGO Man target audience
Who Is Your Target Audience? Men who wear HUGO are spontaneous and original in everything they do. Thats why they choose HUGO. Its the scent that says it all. HUGO fragrances continue to champion creativity with the new limited Spray Edition for HUGO Man. Created to encapsulate the urban life and environment of the young, upbeat men wearing HUGO fragrances, the new design celebrates a pure and irreverent display of self expression.
3. Brainstorm Ideas a) Research other designs that deal with the same subject matter, use similar medium, format, are from the same time period, etc. b)Write as many ideas down as come to mind Main Tagline - Examples: 1. Say It. Spray It. 2. Its Just a Fragrance. The Rest Is Up To You! 3. Dare to Be Different! 4. Anywhere In Your Element! 5. Wherever You Go, Take Hugo! 6. Your Fragrance. Your Rules.
3. Brainstorm Ideas Previous Theme: Black & White and Red. A list of useful idioms, expressions dealing with color red: http://www.learn4good.com/languages/evrd_idioms/id- c.htm#black%20and%20white http://www.learn4good.com/languages/evrd_idioms/id- c.htm#black%20and%20white Possible Taglines: Paint the town red!
3. Brainstorm Ideas c) Sketch your ideas on paper. Create thumbnails, also known as roughs. image headline goes here
4. Start the Elimination Process a) Getting rid of the bad ideas. Illuminate clichés. b) Explain your concept to somebody else. c) Simplify the idea. d) How will you explain (sell) it to your client? Think what you will say to support your choice of images, text, etc.
5. Look for Source Images a)Know what exactly you are looking for. Ex: A picture of a Man. What kind of man are you looking for: young, hip, how old, happy or grumpy, indoors or outdoors, color or black & white, etc.? b)Use royalty free image libraries such as www.indexstock.com, www.gettyimages.com www.indexstock.comwww.gettyimages.com c)Get owners permission to use www.flickr.com photos for commercial purposes.www.flickr.com
6. Start Working on a Computer a)Decide on a layout b)Decide on a color palette c)Choose appropriate fonts d)Establish hierarchy (Which text is more important and why. Which elements should be large, which should be small, etc.)
Emphasis & Hierarchy
Hierarchy - Definition HIERARCHY - the process of ranking elements (graphics and text) in order of importance. Hierarchy is the basis for every design decision. Ask yourself this question:
What Do I Want The Viewer to See 1 st ?
Using High Contrast 1. Set items apart through the use of high contrast. 2. Make bold design moves - not subtle ones. Slight variations irritate the eye and confuse the viewer.
Key to Clear Hierarchy: Rank & Simplify 1. White space is your friend!
Key to Clear Hierarchy: Rank & Simplify 2. Dont cram too much information, graphics on one page. Keep it simple!
Key to Clear Hierarchy: Rank & Simplify 3. Group related elements bullet points, lists, names, etc… and isolate them for emphasis. It helps to brake up blocks of text and graphics.
Adding Contrast with Text 1. Bold, italics, UPPER CASE, underlined… 2. Size text, but dont overdo it. Dont use more than 3 different text sizes in the same composition.
Adding Emphasis Through the Use of Color 1. Use color to separate elements or establish a clear focal point. 2. Use colors sparingly - not too many.
Adding Emphasis Through the Use of Color 3. Saddle differences in color dont work. Use good contrast, bold colors.
More Examples of Hugo Boss Ads http://www.flickr.com/photos/extraverage/338259108/in/photostream/
Black & White & Red (Current Round)
Black & White Film Noir Genre (Hollywood, 50s-60s)
Black & White Traditional, Classic & Documentary B&W photography
Black & White Organic and Geometric Patterns, etc.
Black & White Light and Shadow
Black & White Chess pieces, chess board, etc.
Red Color and Its Symbolism Red carpet treatment, red as a symbol for passion, etc.
Artists using similar color palette Barbara Kruger
Art Movements using similar color palette Russian Avant-garde, El Lizzitsky (1910-1920s)
Art Movements using similar color palette Russian Avant-garde Posters
Target Ad Campaign
Examples of Student Projects: http://www.flickr.com/photos/fanya37/sets/72157623131963955/ http://www.flickr.com/photos/fanya37/sets/72157615823079419/
Current Design Contest Details: http://www.hugocreate.com
Prominent Graffiti, Street Artists: Banksy http://en.wikipedia.org/wiki/Banksy http://en.wikipedia.org/wiki/Banksy http://www.artofthestate.co.uk/Banksy/banksy.htm Banksy Documentary http://www.hulu.com/watch/206459/exit-through-the-gift-shop http://www.hulu.com/watch/206459/exit-through-the-gift-shop Swoon http://en.wikipedia.org/wiki/Swoon_%28artist%29 http://en.wikipedia.org/wiki/Swoon_%28artist%29 Keith Haring http://en.wikipedia.org/wiki/Keith_Haring http://en.wikipedia.org/wiki/Keith_Haring Barry McGee http://en.wikipedia.org/wiki/Barry_McGee http://en.wikipedia.org/wiki/Barry_McGee
Berlin Street Art Fan Group on Flickr: http://www.flickr.com/groups/14665572@N00/pool/page697/