Successfully reported this slideshow.

Visual Marketing with Hero Shot Images

79.266 visualizações

Publicada em

Are your featured marketing images aiding or hurting leads and sales? Learn how to transition basic images into compelling 'hero shots' that drive EPIC conversion with these 7 key principles.

BONUS: Get a FREE 'Hero Shot Scorecard' to help grade and prioritize images and video thumbnails for your marketing campaigns along with Google Analytics event tracking code snippets and custom reports for measurable accountability.

>> Presented Jan 21, 2015 - Visual Website Optimizer (VWO) Webinar.
Short link: http://j.mp/7heroshotsecrets

MORE INFO: Check out the article and webinar recording here: http://j.mp/heroshotintro

Publicada em: Marketing

Visual Marketing with Hero Shot Images

  1. 1. 7 SECRETS TO DRIVE EPIC CONVERSION WITH HERO SHOT IMAGES ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  2. 2. 7 Secrets of Hero Shot Images  That Drive EPIC Conversion Angie Schottmuller THREE DEEP MARKETING WINGIFY VISUAL WEBSITE OPTIMIZER ‐ WEBINAR:  JAN 21, 2015
  3. 3. ANGIE SCHOTTMULLER Director of Strategy & Optimization @aschottmuller ThreeDeepMarketing.com linkedin.com/in/angieschottmuller aschottmuller@ThreeDeepMarketing.com THREE DEEP MARKETING
  4. 4. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar 7 SECRETS OF HERO SHOT IMAGES THAT DRIVE EPIC CONVERSION #VWOwebinar  #CRO @aschottmuller Tweet this session! Seriously.  It's loaded with juicy stats guaranteed to get a retweet!
  5. 5. PEOPLE FORM FIRST IMPRESSIONS  about other PEOPLE in  100 milliseconds  That's 0.1 or 1/10th of a second. Source: Princeton University Research Study 2006, Reference: ConversionXL.com, Image source: reddit.com attractiveness,  likeability,  trustworthiness,  competence,  aggressiveness ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  6. 6. PEOPLE FORM FIRST IMPRESSIONS  about WEB PAGES in  17‐50 milliseconds That's 1/59th ‐ 1/20th of a second. Reference: ConversionXL.com, Google Research 2012. Image source: cheapwebdesign.co.uk 2‐6X FASTER ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  7. 7. There's a  VISUAL IMPERATIVE for online marketing success. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  8. 8. im∙per∙a∙tive.    əmˈperədiv/ adjective 1. of vital importance; crucial. synonyms: vitally important, of vital importance, all‐important, vital, crucial, critical, essential,  necessary, indispensable, urgent, compulsory, obligatory, mandatory 2. giving an authoritative command; peremptory. noun 1.  an essential or urgent thing. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarhttps://www.google.com/search?q=imperative
  9. 9. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage Credit: braceandtherapy.com ONLINE VS. IN‐STORE COMPARISON SPEED/EFFICIENCY  COMPETITION VISIBILITY 60 THOUSAND TIMES FASTER
  10. 10. SO... HOW ARE WE DOING? ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  11. 11. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarhttps://twitter.com/McDonalds/status/557583390031884288
  12. 12. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSource: Twitter @Toyota ‐‐ https://twitter.com/Toyota/status/553454977700470784
  13. 13. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite:  toyota.com ???
  14. 14. WE'RE HOLDING OUT FOR A  HERO... ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  15. 15. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage Credit: mario.wikia.com
  16. 16. n. HERO SHOT A credible photo or video of a solution that  encompasses relevance, context, value, and  emotion to support, educate, or persuade a  customer. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarProps to Craig Sullivan for the "support, educate, or persuade" portion
  17. 17. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar FEATURED IMAGE STAND‐OFF Website Reference: uwec.edu Woundstock ‐ Wound Care Education Conference HERO SHOTDESIGN IMAGE
  18. 18. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar FEATURED IMAGE STAND‐OFF Website Reference: extremeterrain.com Jammock Black 2.0 Jeep Hammock (87‐15 Wrangler YJ, TJ & JK) HERO SHOTPRODUCT IMAGE
  19. 19. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage credit: jammock.com
  20. 20. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  21. 21. 7 PERSUASIVE FACTORS  OF HERO SHOTS ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  22. 22. 7 Hero Shot Persuasion Factors 1. Keyword Relevance 2. Purpose Clarity 3. Design Support 4. Authenticity 5. Added Value 6. Desired Emotion 7. Customer "Hero" ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar BRAND LOGO Offer Confidence/Urgency Booster.... [ Social Proof or Testimonial ]  [ Hero Shot  Featured Image ]  Web Form Heading  Resource benefit one  Another cool benefit  Memorable benefit Get the FREE  Resource Today FULL NAME: EMAIL: Benefit‐Driven Headline That Hooks Attention & Matches Ad
  23. 23. #1:  KEYWORD RELEVANCE Visualize the targeted search keyword or referring link  text. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar TARGETED KEYWORD Example content snippet with a REFERRING LINK. ‐‐OR‐‐
  24. 24. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar IT BEGINS WITH A SCENT TRAIL... Image Credit: freshbooks.com
  25. 25. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar SCENT TRAIL PROGRESSION FOLLOW CONFIRM ACT [FOOD EDITION] (SMELL)
  26. 26. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar STORY:  California's "Got Milk?" 2006 campaign with cookie‐scented strips at bus shelters. Source Credit:  SF Chronicle. Photographer: Katy Raddatz Mmmmm....   I smell cookies!
  27. 27. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar SCENT TRAIL PROGRESSION INITIATE MAINTAIN ENHANCE KEYWORD / AD / WOM PAGE HEADLINE HERO SHOT IMAGE [MARKETING EDITION]
  28. 28.   Web Form Heading  Resource benefit one  Another cool benefit  Memorable benefit CTA FULL NAME: EMAIL:   Web Form Heading  Resource benefit one  Another cool benefit  Memorable benefit CTA FULL NAME: EMAIL: ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar SCENT TRAIL PROGRESSION INITIATE MAINTAIN ENHANCE KEYWORD / AD / WOM PAGE HEADLINE HERO SHOT IMAGE [MARKETING EDITION] KEYWORD
  29. 29. Let's experiment... ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  30. 30. WHEN I SAY, "DENTIST" ...  YOU THINK, " " ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  31. 31. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarTool Credit: humanbraincloud.com Human Brain Cloud "Dentist" Example:  http://humanbraincloud.com/#view/dentist WORD ASSOCIATION GAMES  ARE GREAT INSPIRATION!
  32. 32. DENTIST ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  33. 33. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: parkdental.com "Dentist" Visual Relevance = NONE 
  34. 34. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: fureydentalgroup.com "Dentist" Visual Relevance = NEGLIGIBLE 
  35. 35. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: fureydentalgroup.com "Dentist" Visual Relevance = YES! 
  36. 36. VISUALIZE THE TARGETED SEARCH KEYWORDS ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example:  UW‐Eau Claire Continuing Education ‐ Woundstock Conference WOUND CARE EDUCATION HERO SHOT PERSUASION FACTOR #1:  KEYWORD RELEVANCE MAINTAIN SCENT (HEADLINE) ENHANCE SCENT (HERO SHOT) 1 2
  37. 37. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar AUDIT RELEVANCE MATCH WITH:  5‐SECOND TEST
  38. 38. #2:  PURPOSE CLARITY Help identify the page purpose/offer. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar Description of the image ≅ Page purpose/offer
  39. 39. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar CAPTION CONTEST!
  40. 40. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage source: careerealism.com
  41. 41. HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example:  LivePerson.com CAPTION:    HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY Hero Shot Image Landing Page Source
  42. 42. HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example:  LivePerson.com CAPTION:    HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY  Flower gardening...?
  43. 43. Hero Shot Image Landing Page Source HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example:  UW‐Eau Claire Continuing Education ‐ Woundstock Conference HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY CAPTION:   
  44. 44. HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example:  UW‐Eau Claire Continuing Education ‐ Woundstock Conference HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY CAPTION:     eBook about online agency tools
  45. 45. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSource: Ogilvy Research. Reference: kissmetrics.com Amazing Headline ABOVE Image Amazing Headline BELOW Image A B 10% More Views
  46. 46. IMAGE CAPTIONS ARE READ  300% MORE THAN BODY TEXT. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSource: Ogilvy Research. Reference: kissmetrics.com
  47. 47. NONE of which will matter...  if your page doesn't make a good impression in under 1 second. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  48. 48. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar ‐‐‐‐ 6 feet ‐‐‐‐ HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY 6‐FOOT TEST Audit by viewing the page from 6‐feet back...  (hold at arms‐length for mobile devices) Can you identify the page purpose/offer?
  49. 49. #3:  DESIGN SUPPORT Support and enhance seamless flow of  page design leading to the CTA. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage credit to Unbounce.com for the wireframe mockup
  50. 50. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: rentify.com
  51. 51. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: rentify.com Eye path misdirects  conversion flow  Photo lacks complementary color  contrast with heading and CTA   
  52. 52. n ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite: turbotax.intuit.com FULL PAGE:
  53. 53. FULL PAGE: ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite: turbotax.intuit.com Large bottom margin =  Scroll deterrent Photo color complementary  to primary CTA  
  54. 54. FULL PAGE: ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite: turbotax.intuit.com Eye contact pauses  conversion flow 
  55. 55. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar CHOOSE EYE CONTACT WISELY Website: turbotax.intuit.com ON‐PAGE Eye Contact = DistractingDISPLAY AD Eye Contact = Useful  GREAT DISPLAY  AD IMAGE! << HERO SHOT PERSUASION FACTOR #3:  DESIGN SUPPORT
  56. 56. #4:  AUTHENTICITY Represent the organization and offer in an authentic,  credible fashion. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar VS. Stock Photo VS.
  57. 57. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: basecamp.com (2012)
  58. 58. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarSite Example: basecamp.com (2012) A FEW WEEKS LATER... SAME EXACT TESTIMONIAL?? DIFFERENT DESIGNERS... 
  59. 59. DO NOT A/B TEST YOUR  CREDIBILITY. (believability, honesty, integrity) The moment you do..., you've already lost. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  60. 60. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite:  shamblottfamilydentistry.com Authentic simplicity speaks volumes... 
  61. 61. #5:  ADDED VALUE Add value by showing detail or  context to improve relevance,  demonstrate benefits, and  answer questions. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  62. 62. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage credit: jammock.com Jammock = A hammock for Jeeps
  63. 63. QUESTIONS are likely  BARRIERS FOR CONVERSION ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  64. 64. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar What questions does this photo answer? Image credit: jammock.com (Jammock = A hammock for Jeeps)
  65. 65. What specific questions do customers  have about your product/service? What visuals (image or video) could  help provide those answers? ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar BRAINSTORM: "Show Me" Q&A 1 2
  66. 66. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar Video thumbnails need HERO SHOTS too!
  67. 67. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  68. 68. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar VALUE = On‐the‐go context Clever "in‐photo"  ad copy Perfect hero shot  sidekick image  
  69. 69. #6:  DESIRED EMOTION Portray desired qualities or  emotion that will resonate and  inspire action. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  70. 70. Aristotle's ingredients for persuasion:  ethos, logos, and pathos. (credibility, logic, and emotion) ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  71. 71. ~ Angie Schottmuller @aschottmuller, Optimization Director, Three Deep Marketing Credibility sets the STAGE. Logic leads to CONCLUSION. Emotion leads to ACTION. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  72. 72. FEAR ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  73. 73. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite: ADT.com
  74. 74. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite: ADT.com Happy Family Emotion??  = #MissedOpportunity 
  75. 75. PAIN ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  76. 76. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  77. 77. HUNGER ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  78. 78. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  79. 79. Sometimes... You just gotta'  have it! Props to Zach King for his Master Jedi  Vine compilation skills! Vine Source:  http://j.mp/kittenscreenextraction ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarAnimation Credit: Zach King, , Vine
  80. 80. CURIOSITY ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  81. 81. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar TEST MYSTERIOUS LIGHTING... Source:  ABtests.com ‐ Yobongo.com case study. +70.9% CR LIFT 18.6% conversion rate (UI close‐up thumbnail) 31.8% conversion rate (Low‐light room scene thumbnail)
  82. 82. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar The right emotion will TRUMP logic. Image credit:  trekmovie.com
  83. 83. LOVE (OR HORMONES) ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  84. 84. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite:  BigCommerce.com (2012)
  85. 85. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite:  BigCommerce.com (2012) Optimal "desired emotion" for ecommerce carts?! 
  86. 86. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite:  BigCommerce.com (2012) BODY LANGUAGE CUES:   Lowering Head w/ Eye Contact:  FLIRTING  Head Propping w/ Hands:  BOREDOM  Arm Crossing/Resting:  EGOTISM
  87. 87. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite: Intuit QuickBase
  88. 88. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarWebsite:  fast Track Home Sales, UK Emotion hook or  poorly‐planned  form overlay?
  89. 89. #7:  CUSTOMER "HERO" Depict the customer as the "hero" once equipped with  this solution. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar CUSTOMER YOUR PRODUCT AMAZING HERO
  90. 90. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar It's about the customer, NOT us. 
  91. 91. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarExample Site: uwec.edu/ce/ Customer depicted helping  others w/ hands‐on training 
  92. 92. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar TEST "OBJECT OF EMOTION" EXCEPTIONS...
  93. 93. RECAP &  SCORING SHOWDOWN ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  94. 94. 7 Hero Shot Persuasion Factors 1. Keyword Relevance 2. Purpose Clarity 3. Design Support 4. Authenticity 5. Added Value 6. Desired Emotion 7. Customer "Hero" ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar BRAND LOGO Offer Confidence/Urgency Booster.... [ Social Proof or Testimonial ]  [ Hero Shot  Featured Image ]  Web Form Heading  Resource benefit one  Another cool benefit  Memorable benefit Get the FREE  Resource Today FULL NAME: EMAIL: Benefit‐Driven Headline That Hooks Attention & Matches Ad
  95. 95. Let's score some Hero Shots! ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  96. 96. SCORING: ‐1 = Negative Potential 0 = Not Quite 1 = Somewhat 2 = Great +1 = Directional Cue SCORECARD EXAMPLE ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinarImage credit: uwec.edu/ce/ KEYWORD RELEVANCE.  Visualize the targeted search keyword or referring link text.  2 PURPOSE CLARITY.  Help identify the page the page purpose/offer.   2 DESIGN SUPPORT. Support and enhance seamless flow of page design leading to the CTA.  1 AUTHENTICITY. Represent the organization/offer in an authentic, credible fashion.   1 ADDED VALUE. Add value by showing detail or context that helps answer potential questions.  2 DESIRED EMOTION. Portray desired qualities or emotion to resonate and inspire action.  1 CUSTOMER "HERO." Depict the customer as the "hero" once equipped with this solution. 2 = 11
  97. 97. SCORECARD EXAMPLE KEYWORD RELEVANCE.  Visualize the targeted search keyword or referring link text.  1 PURPOSE CLARITY.  Help identify the page the page purpose/offer.   0 DESIGN SUPPORT. Support and enhance seamless flow of page design leading to the CTA.  2 + 1 AUTHENTICITY. Represent the organization/offer in an authentic, credible fashion.   1 ADDED VALUE. Add value by showing detail or context that helps answer potential questions.  0 DESIRED EMOTION. Portray desired qualities or emotion to resonate and inspire action.  1 CUSTOMER "HERO." Depict the customer as the "hero" once equipped with this solution. 2 = 8 SCORING: ‐1 = Negative Potential 0 = Not Quite 1 = Somewhat 2 = Great +1 = Directional Cue ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  98. 98. SCORECARD EXAMPLE Image credit: uwec.edu/ce/ KEYWORD RELEVANCE.  Visualize the targeted search keyword or referring link text.  0 PURPOSE CLARITY.  Help identify the page the page purpose/offer.   0 DESIGN SUPPORT. Support and enhance seamless flow of page design leading to the CTA.  ‐1 AUTHENTICITY. Represent the organization/offer in an authentic, credible fashion.   2 ADDED VALUE. Add value by showing detail or context that helps answer potential questions.  0 DESIRED EMOTION. Portray desired qualities or emotion to resonate and inspire action.  0 CUSTOMER "HERO." Depict the customer as the "hero" once equipped with this solution. ‐1 = 0 SCORING: ‐1 = Negative Potential 0 = Not Quite 1 = Somewhat 2 = Great +1 = Directional Cue ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  99. 99. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar HERO SHOT SCORE GRADING Image credit: uwec.edu/ce/ 13‐15 LEGEND Whoa. Epic visual. Stories will be told about you for marketing eternity.  Where do I sign up?! 10‐12 HERO Exceptional. You humbly add value and meaning that grips emotion while  making it look sooooo easy. Fans and advocates are sure to follow! 7‐9 SIDEKICK Nice work. Clearly, you're getting the hang of this! Are you satisfied with  mediocre, though? You're capable of so much more. Step up your game and  fulfill your true ROI potential. 4‐6 VIGILANTE Good attempt to help out, but you're lacking in power and authority. Drop  the costume, focus on relevant value, and tap the 7 persuasive factors to  help make a meaningful impact. 0‐3 CIVILIAN Weak and forgettable. You either fear or doubt your powers. Be brave.  Start with a story that connects with your customer's dilemma and  context, then "save" (fix, improve, delight) the day! < 0 VILLAIN Ouch. Your powers are working against you. Don't deny the goodness your  customer loves. Seek help before it leads to your own demise.
  100. 100. HERO SHOT SCORECARD USES ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  101. 101. = 8 ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar RESOLVE SUBJECTIVE DEBATES = 0 Significant gaps are useful to resolve debates, justify logic, and identify opportunities.
  102. 102. PRIORITIZE OPTIONS  & INTERPRET A/B TEST RESULTS ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar ID Hypothesis Potential Importance Ease Reusability PIER 1 Adding a mobile‐specific click‐to‐call CTA button will boost leads. 10 9 6 8 8.25 2 Defaulting to "Products" tab will provide more relevance and better  hook attention (reduce bounce) than the "Advantage" tab specifics. 8 8 9 7 8 3 Changing featured image from A to B scene on product page XYZ will  improve relevance and aid conversion. 5 5 9 1 5 (Scoring above depicts WiderFunnel's PIE framework with my adaptation to include "Reusability" of insights learned.)  HYPOTHESIS IDEAS & SCORING PRIORITIZATION  Individual images typically have lower priority [PIER scoring] for A/B testing hypotheses since the learned  insights lack reusability for impact across other marketing. The hero shot scorecard can provide a data‐driven  approach to image selection in the short‐term, as well as help analyze micro factors to interpret the "why" of  image test results. Use the scorecard as a data‐driven approach to selecting and analyzing images.
  103. 103. DEFINE A PHOTOGRAPHY  WISH LIST / CHECKLIST ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar If you explain what you need,  ...you're more likely go get it!  v
  104. 104. MEASURING IMPACT ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  105. 105. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar Data for Your Optimization Journey... First impressions are easily linked to these measurable events... MUST  HAVE FOR OPTIMIZATION  REVIEWS
  106. 106. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar TRACK "BOUNCE" CORRECTLY [HOLE IN YOUR CONVERSION FUNNEL]
  107. 107. BOUNCE RATE  (ORIGINAL) PRIOR TO JULY 2012 GOOGLE ANALYTICS: User enters and exits the same page. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar JULY 2012 11
  108. 108. "ADJUSTED" BOUNCE RATE  (ABR) AS OF JULY 2012 GOOGLE ANALYTICS: User enters and exits the same page  WITH NO INTERACTION. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar JULY 2012 12
  109. 109. A LOGGED EVENT QUALIFIES AS  AN "INTERACTION" i.e. Logging an event at a 5‐second view time (or whatever "first impression" time makes sense for your  audience) results in Google Analytics NOT counting the visit as a bounce. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  110. 110. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar BE THE HERO AS YOUR BOUNCE RATE PLUMMETS... BEFORE ABR: 70%‐90% AFTER ABR: 5%‐20%
  111. 111. GA EVENT TRACKING FOR CRO: http://bit.ly/gaeventtrackingforcro ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar INCLUDES:  ADJUSTED BOUNCE RATE  SCROLLING (beyond fold, page bottom)  DYNAMIC CLICK TRACKING tabs, jump‐to buttons/links, file downloads, click‐to‐call  ph# [tel:], email [mailto:] , and external domain links
  112. 112. KEY TAKEAWAYS  Recognize all images are NOT hero shots  Tap the visual power of relevance, clarity,  credibility, and emotion  Leverage the scorecard to brainstorm, prioritize, QA  and analyze images  Implement event tracking to help analyze impact  Let the hero shot shine! ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  113. 113. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar Your goal as a marketer or business owner...
  114. 114. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar Get Your FREE Hero Shot Scorecard LINK:  http://offer.threedeepmarketing.com/hero‐shot‐scorecard/ Angie Schottmuller Director of Optimization angie.schottmuller@threedeepmarketing.com  @aschottmuller Contact me for more cool tools and strategic consulting to grow your engagement, leads  and sales with customer‐centric, persuasive marketing and technology.
  115. 115. APPENDIX ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar
  116. 116. ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar DASHBOARD:  http://bit.ly/conversionsgadashboard
  117. 117. CUSTOM REPORT:  http://bit.ly/lpconversionflowgareport Analyze the conversion flow user experience and progression. (Note: These goals are not sequential. It's merely one way to look at it.) UX GOALS:  Non‐Bounce (5s+)   Scroll Beyond Fold   Stick (15s+)   Scroll to Bottom ::  Visual Marketing with Hero Shot Images | Angie Schottmuller @ThreeDeep #VWOwebinar

×