branding style guide _the hoot
DESCRIPTION
for a corporate imagery class at MSUTRANSCRIPT
hootthe
branding system
creative strategygoals and objectives
nature of companyaudience profiles
identity componentstypographylogo systemcolor palette
motifsillustration
touchpoint strategybannerwebsite
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
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
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
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
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
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
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
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
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
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
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
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
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
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
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website
touchpoint
website