branding style guide _the hoot

33
hoot the branding system

Upload: jessica-checkeroski

Post on 30-Mar-2016

240 views

Category:

Documents


3 download

DESCRIPTION

for a corporate imagery class at MSU

TRANSCRIPT

Page 1: Branding Style guide _the hoot

hootthe

branding system

Page 2: Branding Style guide _the hoot

creative strategygoals and objectives

nature of companyaudience profiles

identity componentstypographylogo systemcolor palette

motifsillustration

touchpoint strategybannerwebsite

Page 3: Branding Style guide _the hoot

To provide a variety of broadcasters, to continue profound learning, to explore informative material, to entertian, allow the sharing of ideas, and accessibility

Sound is defined as a vibration that when transmitted between a particular frequency, can be heard by the human ear. When a vibration meets the eardrum the brain becomes active and ready to respond accordingly.This sound allows the mind to ex-pand, communicate, and act. For the patient listeners, who are con-tinuously eager to discover, a simple sound can ignite quite the buzz.

creative strategy

objective

concept

Page 4: Branding Style guide _the hoot

audience profile

the novice whoa person between the ages of 18-40tech savvy interetested in learning morewants entertainment on the gouses MP3 devices or computer often

whyisn’t to familiar with podcastswas referred to website by friendcurious to learn morewants to expand knowledge

otherno defined category of interestoverwhelmed with a variety of choicesuses website to navigate/narrow choicesmore willing to explore websitewants to find information/podcast quicklymay lose interest fast if site cant be navi-gated easily

Page 5: Branding Style guide _the hoot

audience profile

the expert whoa person between the ages of 18-40tech savvy interetested in learning morewants to inform others of newswants to give opinion and share ideas

whywants to learn more about podcastseeks quality programsmore invested in reading reviewsneeds organization has good idea of what they are looking for

otherwants to save time when searchingready to purchase the latestswants quality podcastswill spend time reading/writing reviewswill engage with others about podcastsinterested in sharing ideas with friends

Page 6: Branding Style guide _the hoot

audience profile

whoproducers aiming to age groups 25-50creativenarrowed topicspresent material in unique wayvery enthusiastic whywant to expand their audiencehave information and ideas to shareenjoy getting feedbackbuild a followingget exposure have a passion for podcasting

othercan sell podcastshelp give public idea of who they arecan view what others are producingget better understanding of what audiences respond to

broadcaster

Page 7: Branding Style guide _the hoot

identity component

primary

Rockwell Stdbold: used to give more emphasis, used for directional words and the logo

regular: for titles and points of interestnever used to give longer information

light: information, subtitles, and categories

secondary

Helvetica Neue LT Std45 Light: used in general website op-tions such as login/out and listening and purchasing

typography

abcdefghijklmnopqrstuvwxyz 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ

Page 8: Branding Style guide _the hoot

identity component

the logo

hootthe

hootthe

hootthe

hootthe

classic always displayed with the owl headused to indicate homepage or as email letter head

classic with alterationadds a motif or color to indicate a user has switched into a different category still functions to navigate user back to homepage

inside eyeonly to be used for advertising or on products the name should be placed on the left side

just typeused in advertisements or to create a simple way of communicating where an image can not be viewed easily

Page 9: Branding Style guide _the hoot

identity component

color paletter=0g=0b=0

r=229g=232b=232

CMYK RGB

r=109g=200b=190

r=176g=220b=210

r=237g=90b=82

c=0m=0y=0k=100

c=8.77m=5.09y=6.16k=0

c=54.97m=0y=30.69k=0

c=30.38m=0.65y=19.45k=0

c=1.28m=80.13y=67.24k=0.04

Page 10: Branding Style guide _the hoot

stripesboth are applied to the logo to show a specific change in categorythey are used in illustrations in the site as well as those that partner podcast-red is used to indicate a word/symbol is capable of activityhblack is used for the nest icon

tileagain applied to logo to signify a specific change in categoryfor illustration

graphused in logo to establish a specific change in category for illustration

identity component

motifs

Page 11: Branding Style guide _the hoot

applicationlogonest/checkoutbackgroundto partner podcaststimelineadvertisements

reasonto give the website a creative yet cohesive feelpodcast illustrations will change keeping the site freshlimited elements attract a younger demographic while maintaining appeal amongst an older audience

repeating elementsellipseleafsphereround box

identity component

illustrationellipse

leaf

sphere

roundbox

Page 12: Branding Style guide _the hoot

backgrounduse ligther opacity on homepagevarying opacities and motifs and sizestree branch template

podcast picturesprovide an image that allows audience to quickly get an idea of what the podcast will be aboutthey are always featured in rounded black framed boxcreated with varying opacities and motifs

identity component

illustration

Page 13: Branding Style guide _the hoot

strategya banner advertisement could be displayed on other podcast related sites such as featured broadcasters’to draw in new audiences to inform people of a user friendly siteto spark interest

touchpoint

banner

part of the logo pops up from bottom and eye blinks in

eye closes and reopens as it reopens the words ‘the hoot’ mimick the opening of the eye

the eye is fully openthe words ‘the hoot’ is in full view

Page 14: Branding Style guide _the hoot

touchpoint

banner

the wing of the eye expands the words expand and go to upper

left corner

once the type logo is placed in corner a brief statement about the website appears to be typed from left to right

the typing from left to right continues until it is displayed

statement is revealed and aperiod in the shape of the owl eye drops from the top

period/owl eye then grows to size of owl eye

owl eye blinks

Page 15: Branding Style guide _the hoot

touchpoint

banner

eye reopens and the screen goes gray

gray screen quickly begans to repeat as owl comes from bottom again

back to the begin the banner loops

continued...banners are kept simpleshould reflect the ease of websitecan use colors at full opacity

Page 16: Branding Style guide _the hoot

touchpoint

website homepage

main menu options are always available throughout the site

logoalways in view brings you back to homepage

ratingpartners each podcastcomes from website

podcast menuoffers listening, purchasingand blogging options

category menuonly shown on homepage and other category pages

listening barwhen one chooses to listen to podacast this bar remains on page even through different category pages

triangleprovides brief information about the podcast

Page 17: Branding Style guide _the hoot

touchpoint

website

Page 18: Branding Style guide _the hoot

touchpoint

website

Page 19: Branding Style guide _the hoot

touchpoint

website

Page 20: Branding Style guide _the hoot

touchpoint

website

Page 21: Branding Style guide _the hoot

touchpoint

website

Page 22: Branding Style guide _the hoot

touchpoint

website

Page 23: Branding Style guide _the hoot

touchpoint

website

Page 24: Branding Style guide _the hoot

touchpoint

website

Page 25: Branding Style guide _the hoot

touchpoint

website

Page 26: Branding Style guide _the hoot

touchpoint

website

Page 27: Branding Style guide _the hoot

touchpoint

website

Page 28: Branding Style guide _the hoot

touchpoint

website

Page 29: Branding Style guide _the hoot

touchpoint

website

Page 30: Branding Style guide _the hoot

touchpoint

website

Page 31: Branding Style guide _the hoot

touchpoint

website

Page 32: Branding Style guide _the hoot

touchpoint

website

Page 33: Branding Style guide _the hoot

touchpoint

website