Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hero Shot Images: 7 Secrets to Visuals That Drive Sales

2,165 views

Published on

Are your featured images helping or hurting sales? Transition basic images into 'hero shots' that drive conversion with these 7 key principles.

Published in: Design
  • Be the first to comment

Hero Shot Images: 7 Secrets to Visuals That Drive Sales

  1. 1. HERO  SHOT  IMAGES   7  SECRETS  TO  DRIVE  EPIC  CONVERSION  WITH   PROSPECT  CUSTOMER   YOUR  PRODUCT   AMAZING  HERO  
  2. 2. ANGIE  SCHOTTMULLER   Growth  Marke>ng  Advisor   @aschoGmuller   linkedin.com/in/angieschoGmuller   aschoGmuller@yahoo.com     Top 10 of 2015 ONLINE MARKETING EXPERTS
  3. 3. PEOPLE  FORM  FIRST  IMPRESSIONS     about  other  PEOPLE  in     100  milliseconds   Source:  Princeton  University  Research  Study  2006,  Reference:  ConversionXL.com,  Image  source:  reddit.com   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  4. 4. PEOPLE  FORM  FIRST  IMPRESSIONS     about  WEB  PAGES  in     17-­‐50  milliseconds   Reference:  ConversionXL.com,  Google  Research  2012.  Image  source:  cheapwebdesign.co.uk   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  5. 5. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  Credit:  braceandtherapy.com   ONLINE  VS.  IN-­‐STORE  COMPARISON   SPEED/EFFICIENCY     COMPETITION   VISIBILITY   60   THOUSAND   TIMES  FASTER  
  6. 6. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  hPps://twiPer.com/McDonalds/status/557583390031884288  
  7. 7. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Source:  TwiPer  @Toyota  -­‐-­‐  hPps://twiPer.com/Toyota/status/553454977700470784  
  8. 8. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:    toyota.com   ???  
  9. 9. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  Credit:  mario.wikia.com  
  10. 10. n.  HERO  SHOT   A  credible  photo  or  video  of  a  solu>on  that   encompasses  relevance,  context,  value,  and   emoJon  to  support,  educate,  or  persuade  a   customer.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Props  to  Craig  Sullivan  for  the  "support,  educate,  or  persuade"  poron  
  11. 11. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   FEATURED  IMAGE  STAND-­‐OFF   Website  Reference:  uwec.edu   Woundstock  -­‐  Wound  Care  Educaon  Conference   HERO  SHOT  DESIGN  IMAGE  
  12. 12. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   FEATURED  IMAGE  STAND-­‐OFF   Website  Reference:  extremeterrain.com   Jammock  Black  2.0  Jeep  Hammock  (87-­‐15  Wrangler  YJ,  TJ  &  JK)   HERO  SHOT  PRODUCT  IMAGE  
  13. 13. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  jammock.com  
  14. 14. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  15. 15. 7  PERSUASIVE  FACTORS   OF  HERO  SHOTS   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  16. 16. 7  Hero  Shot  Persuasion  Factors   1.  Keyword  Relevance   2.  Purpose  Clarity   3.  Design  Support   4.  Authen>city   5.  Added  Value   6.  Desired  Emo>on   7.  Customer  "Hero"   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   BRAND  LOGO   Offer  Confidence/Urgency  Booster....   [  Social  Proof  or  Tes>monial  ]  }   ~   [  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  ATenJon  &  Matches  Ad  
  17. 17. #1:    KEYWORD  RELEVANCE   Visualize  the  targeted  search  keyword  or  referring  link  text.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   TARGETED KEYWORD Example content snippet with a REFERRING LINK. -­‐-­‐OR-­‐-­‐  
  18. 18. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  Credit:  freshbooks.com  
  19. 19. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   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!  
  20. 20. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   SCENT  TRAIL  PROGRESSION   FOLLOW   CONFIRM   ACT   [FOOD  EDITION]   (SMELL)  
  21. 21. }   ~   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:   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   SCENT  TRAIL  PROGRESSION   INITIATE   MAINTAIN   ENHANCE   KEYWORD  /  AD  /  WOM   PAGE  HEADLINE   HERO  SHOT  IMAGE   [MARKETING  EDITION]   KEYWORD
  22. 22. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:    UW-­‐Eau  Claire  Connuing  Educaon  -­‐  Woundstock  Conference   WOUND CARE EDUCATION HERO  SHOT  PERSUASION  FACTOR  #1:    KEYWORD  RELEVANCE   MAINTAIN  SCENT   (HEADLINE)   ENHANCE     SCENT   (HERO  SHOT)   1   3   2  
  23. 23. LET’S  EXPERIMENT…   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  24. 24. DENTIST   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  25. 25. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Tool  Credit:  humanbraincloud.com   "DenJst"  Example:     hGp://humanbraincloud.com/#view/den>st   WORD  ASSOCIATION  GAME  
  26. 26. HERO  SHOT  PERSUASION  FACTOR  #1:    KEYWORD  RELEVANCE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:  parkdental.com   D  
  27. 27. HERO  SHOT  PERSUASION  FACTOR  #1:    KEYWORD  RELEVANCE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:  fureydentalgroup.com   C  
  28. 28. #2:    PURPOSE  CLARITY   Help  iden>fy  the  page  purpose/offer.     ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Description of the image ≅ Page purpose/offer
  29. 29. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   6  feet  (1.8  m)   6-­‐FOOT  TEST  
  30. 30. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Source:  Ogilvy  Research.  Reference:  kissmetrics.com   Amazing  Headline  ABOVE  Image   Amazing  Headline  BELOW  Image   A   B   10%   More  Views  
  31. 31. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   CAPTION  CONTEST  
  32. 32. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  source:  careerealism.com   HERO  SHOT   IMAGE   HERO  SHOT   IMAGE   HEADLINE   HEADLINE  
  33. 33. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:    LivePerson.com   IMAGE  CAPTION   HERO  SHOT  PERSUASION  FACTOR  #2:    PURPOSE  CLARITY   Hero  Shot  Image   Page  Source  
  34. 34. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:    LivePerson.com   IMAGE  CAPTION   HERO  SHOT  PERSUASION  FACTOR  #2:    PURPOSE  CLARITY   ≠   “Flower  Gardening  Break!”  
  35. 35. Hero  Shot  Image   Page  Source   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:    Unbounce.com   HERO  SHOT  PERSUASION  FACTOR  #2:    PURPOSE  CLARITY   IMAGE  CAPTION  
  36. 36. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:    Unbounce.com   IMAGE  CAPTION   HERO  SHOT  PERSUASION  FACTOR  #2:    PURPOSE  CLARITY   “Copywri6ng  Guide  Book”   =  
  37. 37. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  unbounce.com  and  hubspot.com  
  38. 38. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5            PSDcovers.com   CONTENT  RESOURCE   COVER  TEMPLATE   3D  IMAGE  
  39. 39. #3:    DESIGN  SUPPORT   Support  and  enhance  seamless  flow  of  page  design   leading  to  the  CTA.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit  to  Unbounce.com  for  the  wireframe  mockup  
  40. 40. HERO  SHOT  PERSUASION  FACTOR  #3:    DESIGN  SUPPORT   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   D   D   D   Site  Example:  Ren>fy.com  
  41. 41. HERO  SHOT  PERSUASION  FACTOR  #3:    DESIGN  SUPPORT   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:  turbotax.intuit.com   FULL  PAGE:   Large  boTom  margin   C   D  
  42. 42. HERO  SHOT  PERSUASION  FACTOR  #3:    DESIGN  SUPPORT   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:  turbotax.intuit.com   FULL  PAGE:  
  43. 43. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   DIRECT  EYE  CONTACT   Website:  turbotax.intuit.com   ON-­‐PAGE    =    Distrac>ng  AD    =    Useful     HERO  SHOT  PERSUASION  FACTOR  #3:    DESIGN  SUPPORT  
  44. 44. #4:    AUTHENTICITY   Represent  the  organiza>on  and  offer  in  an  authen>c,  credible  fashion.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   VS.   Stock  Photo   VS.  
  45. 45. HERO  SHOT  PERSUASION  FACTOR  #4:    AUTHENTICITY   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:    shamblokamilydenstry.com   C  
  46. 46. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  Example:  basecamp.com  (2012)  
  47. 47. HERO  SHOT  PERSUASION  FACTOR  #4:    AUTHENTICITY   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   SAME  TESTIMONIAL??   DIFFERENT  DESIGNERS...   D   Site  Example:  basecamp.com  (2012)  
  48. 48. #5:    ADDED  VALUE   Add  value  by  showing  detail  or  context  to   improve  relevance,  demonstrate  benefits,  and   answer  quesJons.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  49. 49. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  nbcphiladelphia.com   QUESTIONS  are  CONVERSION  BARRIERS.  
  50. 50. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  jammock.com   What  QuesJons  Does  YOUR  Photo  Answer?   Jammock  =  A  hammock  for  Jeeps  
  51. 51. HERO  SHOT  PERSUASION  FACTOR  #5:    ADDED-­‐VALUE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  example:  Intuit  GoPayment   C  
  52. 52. HERO  SHOT  PERSUASION  FACTOR  #5:    ADDED-­‐VALUE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Site  example:  Intuit  GoPayment   C  
  53. 53. BRAINSTORM  AND  GATHER…     Customer  QUESTIONS     Visual  ANSWERS  (image  or  video)   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   "SHOW  ME"  Q&A  AcJvity:   1   2  
  54. 54. #6:    DESIRED  EMOTION   Portray  desired  quali>es  or  emo>on  that  will   resonate  and  inspire  ac>on.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  55. 55. Aristotle's  ingredients  for  persuasion:     ethos,  logos,  and  pathos.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  56. 56. ~  Angie  SchoTmuller   @aschoPmuller,  Growth  Markeng  Advisor   Credibility  sets  the  STAGE.   Logic  leads  to  CONCLUSION.   EmoJon  leads  to  ACTION.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  57. 57. FEAR   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  58. 58. HERO  SHOT  PERSUASION  FACTOR  #6:      DESIRED  EMOTION   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:  ADT.com   D  
  59. 59. PAIN   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  60. 60. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  61. 61. HUNGER   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  62. 62. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website  Example:  PizzaHut.com  
  63. 63. LOVE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  64. 64. HERO  SHOT  PERSUASION  FACTOR  #6:      DESIRED  EMOTION   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:    BigCommerce.com  (2012)   D  
  65. 65. HERO  SHOT  PERSUASION  FACTOR  #6:      DESIRED  EMOTION   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website:    BigCommerce.com  (2012)   BODY  LANGUAGE  CUES:     §  Lowering  Head  w/  Eye  Contact:    FLIRTING   §  Head  Propping  w/  Hands:    BOREDOM   §  Arm  Crossing/Res>ng:    EGOTISM  
  66. 66. CURIOSITY   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  67. 67. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Source:    ABtests.com  -­‐  Yobongo.com  case  study.   18.6%  conversion  rate   (UI  close-­‐up  thumbnail)   31.8%  conversion  rate   (Low-­‐light  room  scene  thumbnail)   +70.9%   CR  LIFT  
  68. 68. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   The  right  EMOTION  trumps  LOGIC.   Image  credit:    trekmovie.com  
  69. 69. #7:    CUSTOMER  "HERO"   Depict  the  customer  as  the  "hero"  once  equipped  with  this  solu>on.   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   CUSTOMER   YOUR  PRODUCT   AMAZING  HERO  
  70. 70. HERO  SHOT  PERSUASION  FACTOR  #7:      CUSTOMER  HERO   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   D  
  71. 71. HERO  SHOT  PERSUASION  FACTOR  #7:      CUSTOMER  HERO   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Example  Site:  uwec.edu/ce/   C  
  72. 72. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   TEST  "OBJECT  OF  EMOTION"  EXCEPTIONS...  
  73. 73. RECAP  &     SCORING  SHOWDOWN   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  74. 74. 7  Hero  Shot  Persuasion  Factors   1.  Keyword  Relevance   2.  Purpose  Clarity   3.  Design  Support   4.  Authen>city   5.  Added  Value   6.  Desired  Emo>on   7.  Customer  "Hero"   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   BRAND  LOGO   Offer  Confidence/Urgency  Booster....   [  Social  Proof  or  Tes>monial  ]  }   ~   [  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  ATenJon  &  Matches  Ad  
  75. 75. SCORING:       -­‐1   =  Negave  Potenal   0   =  Not  Quite   1   =  Somewhat   2   =  Great   +1   =  Direconal  Cue   SCORECARD  EXAMPLE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  uwec.edu/ce/   KEYWORD  RELEVANCE.    Visualize  the  targeted  search  keyword  or  referring  link  text.     0   PURPOSE  CLARITY.    Help  iden>fy  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  organiza>on/offer  in  an  authen>c,  credible  fashion.       1   ADDED  VALUE.    Add  value  by  showing  detail  or  context  that  helps  answer  poten>al  ques>ons.     0   DESIRED  EMOTION.    Portray  desired  quali>es  or  emo>on  to  resonate  and  inspire  ac>on.     1   CUSTOMER  "HERO."    Depict  the  customer  as  the  "hero"  once  equipped  with  this  solu>on.   0   =  1   WOUND  CARE  EDUCATION  
  76. 76. SCORING:       -­‐1   =  Negave  Potenal   0   =  Not  Quite   1   =  Somewhat   2   =  Great   +1   =  Direconal  Cue   SCORECARD  EXAMPLE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  uwec.edu/ce/   KEYWORD  RELEVANCE.    Visualize  the  targeted  search  keyword  or  referring  link  text.     2   PURPOSE  CLARITY.    Help  iden>fy  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  organiza>on/offer  in  an  authen>c,  credible  fashion.       1   ADDED  VALUE.    Add  value  by  showing  detail  or  context  that  helps  answer  poten>al  ques>ons.     2   DESIRED  EMOTION.    Portray  desired  quali>es  or  emo>on  to  resonate  and  inspire  ac>on.     1   CUSTOMER  "HERO."    Depict  the  customer  as  the  "hero"  once  equipped  with  this  solu>on.   2   =  11   WOUND  CARE  EDUCATION  
  77. 77. SCORING:       -­‐1   =  Negave  Potenal   0   =  Not  Quite   1   =  Somewhat   2   =  Great   +1   =  Direconal  Cue   SCORECARD  EXAMPLE   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Image  credit:  uwec.edu/ce/   KEYWORD  RELEVANCE.    Visualize  the  targeted  search  keyword  or  referring  link  text.     2   PURPOSE  CLARITY.    Help  iden>fy  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  organiza>on/offer  in  an  authen>c,  credible  fashion.       1   ADDED  VALUE.    Add  value  by  showing  detail  or  context  that  helps  answer  poten>al  ques>ons.     2   DESIRED  EMOTION.    Portray  desired  quali>es  or  emo>on  to  resonate  and  inspire  ac>on.     1   CUSTOMER  "HERO."    Depict  the  customer  as  the  "hero"  once  equipped  with  this  solu>on.   2   =  11   WOUND  CARE  EDUCATION   400%   LIFT  
  78. 78. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   HERO  SHOT  SCORE  GRADING   Image  credit:  uwec.edu/ce/   13-­‐15   LEGEND   Whoa.  Epic  visual.  Stories  will  be  told  about  you  for  markeng  eternity.   Where  do  I  sign  up?!   10-­‐12   HERO   Exceponal.  You  humbly  add  value  and  meaning  that  grips  emoon  while   making  it  look  sooooo  easy.  Fans  and  advocates  are  sure  to  follow!   7-­‐9   SIDEKICK   Nice  work.  Clearly,  you're  geqng  the  hang  of  this!  Are  you  sasfied  with   mediocre,  though?  You're  capable  of  so  much  more.  Step  up  your  game   and  fulfill  your  true  ROI  potenal.   4-­‐6   VIGILANTE   Good  aPempt  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  forgePable.  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.  
  79. 79. HERO  SHOT   SCORECARD  USES   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  80. 80. =  8   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   RESOLVE  SUBJECTIVE  DEBATES   =  0   Significant  gaps  are  useful  to  resolve  debates,  jusfy  logic,  and  idenfy  opportunies.  
  81. 81. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website  Example:  Yobongo.com   KEYWORD  RELEVANCE   1   PURPOSE  CLARITY   0   DESIGN  SUPPORT   2  +1   AUTHENTICITY   1   ADDED  VALUE   0   DESIRED  EMOTION   1   CUSTOMER  "HERO”   2   =  8   0   KEYWORD  RELEVANCE   0   PURPOSE  CLARITY   -­‐1   DESIGN  SUPPORT   2   AUTHENTICITY   0   ADDED  VALUE   0   DESIRED  EMOTION   -­‐1   CUSTOMER  "HERO”   0  =  
  82. 82. PRIORITIZE  IMAGE  SELECTION  &   HYPOTHESIS  OPTIONS     ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   ID   Hypothesis   PotenJal   Importance   Ease   Reusability   PIER   1   Adding  a  mobile-­‐specific  click-­‐to-­‐call  CTA  buGon  will  boost  leads.   10   9   6   8   8.25   2   Defaul>ng  to  "Products"  tab  will  provide  more  relevance  and  beGer   hook  aGen>on  (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  adapta>on  to  include  "Reusability"  of  insights  learned.)     HYPOTHESIS  IDEAS  &  SCORING  PRIORITIZATION     Use  the  scorecard  as  a  data-­‐driven  approach  to  selecng  and  analyzing  images.  
  83. 83. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  Website  Example:  Yobongo.com   DISCERN  TEST  RESULT  “WHY”  INSIGHTS   +70.9%   CR  LIFT   KEYWORD  RELEVANCE   0   PURPOSE  CLARITY   1   DESIGN  SUPPORT   1   AUTHENTICITY   2   ADDED  VALUE   2   DESIRED  EMOTION   0   CUSTOMER  "HERO”   0   =  6   0   KEYWORD  RELEVANCE   1   PURPOSE  CLARITY   1   DESIGN  SUPPORT   2   AUTHENTICITY   0   ADDED  VALUE   1   DESIRED  EMOTION   0   CUSTOMER  "HERO”   5  =  
  84. 84. DEFINE  A  PHOTOGRAPHY   WISH  LIST  /  CHECKLIST   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   v  
  85. 85. KEY  TAKEAWAYS   ü All  images  are  NOT  hero  shots    (Scorecard  Grade:  7+)   ü Use  visual  context  for  relevance,  value,  emo>on   ü Eye  contact  is  strategic   ü Visual  impact  is  VERY  measurable     (scorecard,  A/B  tesng,  heatmaps,  on-­‐page  analycs)   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  86. 86. QUIZ  TIME   Let’s  see  if  you  were  paying  aGen>on…   ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5  
  87. 87. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Which  photo  is  a  HERO  SHOT?     (  TOPIC:    WOUND  CARE  EDUCATION  )   A   B  
  88. 88. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Which  photo  is  a  HERO  SHOT?     (  TOPIC:    WOUND  CARE  EDUCATION  )   A   B   =  11  =  1  
  89. 89. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Use  DIRECT  EYE  CONTACT  photos  for:  
  90. 90. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Use  DIRECT  EYE  CONTACT  photos  for:   ADVERTISEMENTS.      (Avoid  it  for  on-­‐page  content.)  
  91. 91. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Which  factor’s  most  oten  a  TRUMP  CARD?   1.  Keyword  Relevance   2.  Purpose  Clarity   3.  Design  Support   4.  Authen>city   5.  Added  Value   6.  Desired  Emo>on   7.  Customer  "Hero"   BRAND  LOGO   Offer  Confidence/Urgency  Booster....   [  Social  Proof  or  Tes>monial  ]  }   ~   [  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  ATenJon  &  Matches  Ad  
  92. 92. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Which  factor’s  most  oten  a  TRUMP  CARD?   1.  Keyword  Relevance   2.  Purpose  Clarity   3.  Design  Support   4.  Authen>city   5.  Added  Value   6.  Desired  EmoJon   7.  Customer  "Hero"   BRAND  LOGO   Offer  Confidence/Urgency  Booster....   [  Social  Proof  or  Tes>monial  ]  }   ~   [  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  ATenJon  &  Matches  Ad  
  93. 93. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   YOUR  MARKETING  MISSION…   PROSPECT  CUSTOMER   YOUR  PRODUCT   AMAZING  HERO  
  94. 94. ::    Hero  Shot  Marke>ng    |    Angie  SchoGmuller    @aschoGmuller    #CJAM5   Get  Your  Hero  Shot   Scorecard  TODAY   Angie  SchoTmuller   Growth  Marke>ng  Op>miza>on  Advisor   aschoGmuller@yahoo.com    |  @aschoGmuller   hGp://bit.ly/heroshotscorecard      

×