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.
7 Secrets of Hero Shot Images 
That Drive EPIC Conversion
Angie Schottmuller
THREE DEEP MARKETING
About Visual Website Optimizer
● A/B testing  personalization 
platform for marketers
● Customers include JustFab, Dafiti,...
ANGIE SCHOTTMULLER
Director of Strategy & Optimization
@aschottmuller
ThreeDeepMarketing.com
linkedin.com/in/angieschottmu...
7 SECRETS TO DRIVE EPIC CONVERSION WITH
HERO SHOT IMAGES
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #V...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
7 SECRETS OF HERO SHOT IMAGES THAT DRIVE EPIC C...
PEOPLE FORM FIRST IMPRESSIONS 
about other PEOPLE in 
100 milliseconds 
That's 0.1 or 1/10th of a second.
Source: Princeto...
PEOPLE FORM FIRST IMPRESSIONS 
about WEB PAGES in 
17‐50 milliseconds
That's 1/59th ‐ 1/20th of a second.
Reference: Conve...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage Credit: braceandtherapy.com
ONLINE VS. IN‐...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarhttps://twitter.com/McDonalds/status/55758339003...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSource: Twitter @Toyota ‐‐ https://twitter.com/T...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  toyota.com
HOLDING OUT FOR A HERO...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage Credit: mario.wikia.com
n. HERO SHOT
A credible photo or video of a solution that 
encompasses relevance, context, value, and 
emotion to support,...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
FEATURED IMAGE STAND‐OFF
Website Reference: uwe...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
FEATURED IMAGE STAND‐OFF
Website Reference: ext...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
7 PERSUASIVE FACTORS 
OF HERO SHOTS
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
7 Hero Shot Persuasion Factors
1. Keyword Relevance
2. Purpose Clarity
3. Design Support
4. Authenticity
5. Added Value
6....
#1:  KEYWORD RELEVANCE
Visualize the targeted search keyword or referring link 
text.
::  Hero Shot Image Optimization | @...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
IT BEGINS WITH A SCENT TRAIL...
Image Credit: f...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
SCENT TRAIL PROGRESSION
FOLLOW CONFIRM ACT
[FOO...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
Story:  SF Chronicle. Photographer: Katy Raddat...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
SCENT TRAIL PROGRESSION
INITIATE MAINTAIN ENHAN...


Web Form Heading
 Resource benefit one
 Another cool benefit
 Memorable benefit
CTA
FULL NAME:
EMAIL:


Web Form ...
Let's experiment...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
WHEN I SAY, "DENTIST" ... 
YOU THINK, " "
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarTool Credit: humanbraincloud.com
Human Brain Clo...
DENTIST
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: parkdental.com
"Dentist" Visual Re...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: fureydentalgroup.com
"Dentist" Vis...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: fureydentalgroup.com
"Dentist" Vis...
VISUALIZE THE TARGETED SEARCH KEYWORDS
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Exam...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
AUDIT RELEVANCE MATCH WITH: 
5‐SECOND TEST
#2:  PURPOSE CLARITY
Help identify the page purpose/offer.
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | ...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
CAPTION CONTEST!
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage source: careerealism.com
HELP IDENTIFY THE PAGE PURPOSE/OFFER
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Exampl...
HELP IDENTIFY THE PAGE PURPOSE/OFFER
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Exampl...
Hero Shot Image
Landing Page Source
HELP IDENTIFY THE PAGE PURPOSE/OFFER
::  Hero Shot Image Optimization | @ThreeDeep @as...
HELP IDENTIFY THE PAGE PURPOSE/OFFER
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Exampl...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSource: Ogilvy Research. Reference: kissmetrics....
IMAGE CAPTIONS ARE READ 
300% MORE
THAN BODY TEXT.
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebi...
None of which will matter... 
if your page doesn't make a good impression in under 1 second.
::  Hero Shot Image Optimizat...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
‐‐‐‐‐‐ 6 feet ‐‐‐‐‐
HERO SHOT PERSUASION FACTOR...
#3:  DESIGN SUPPORT
Support and enhance seamless flow of 
page design leading to the CTA.
::  Hero Shot Image Optimization...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: rentify.com
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: rentify.com
Eye path misdirects 
c...
n
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: turbotax.intuit.com
FULL PAGE:
FULL PAGE:
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: turbotax.intuit.com
Large bo...
FULL PAGE:
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: turbotax.intuit.com
Eye cont...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
CHOOSE EYE CONTACT WISELY
Website: turbotax.int...
#4:  AUTHENTICITY
Represent the organization and offer in an authentic, 
credible fashion.
::  Hero Shot Image Optimizatio...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: basecamp.com (2012)
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: basecamp.com (2012)
A FEW WEEKS LA...
DO NOT A/B TEST YOUR 
CREDIBILITY.
(believability, honesty, integrity)
The moment you do..., you've already lost.
::  Hero...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  shamblottfamilydentistry.com
Authentic...
#5:  ADDED VALUE
Add value by showing detail or 
context to improve relevance, 
demonstrate benefits, and 
answer question...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
VALUE = On‐the‐go context
Clever "in‐photo" 
ad...
#6:  DESIRED EMOTION
Portray desired qualities or 
emotion that will resonate and 
inspire action.
::  Hero Shot Image Opt...
Aristotle's ingredients for persuasion: 
ethos, logos, and pathos.
(credibility, logic, and emotion)
::  Hero Shot Image O...
~ Angie Schottmuller
@aschottmuller, Optimization Director, Three Deep Marketing
Credibility sets the STAGE.
Logic leads t...
FEAR
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: ADT.com
Happy Family Emotion??  = #Miss...
PAIN
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
HUNGER
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
Sometimes...
You just gotta' 
have it!
Props to Zach King for his Master Jedi 
Vine compilation skills!
::  Hero Shot Imag...
CURIOSITY
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
TEST MYSTERIOUS LIGHTING...
Source:  ABtests.co...
The right emotion will trump logic.
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage credit...
LOVE
(HORMONES)
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  BigCommerce.com (2012)
Optimal "desire...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  BigCommerce.com (2012)
BODY LANGUAGE C...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: Intuit QuickBase
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  fast Track Home Sales, UK
Emotion hook...
#7:  CUSTOMER "HERO"
Depict the customer as the "hero" once equipped with 
this solution.
::  Hero Shot Image Optimization...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
It's about the customer, NOT us.

::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarExample Site: uwec.edu
Customer depicted helping...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
TEST "OBJECT OF EMOTION" EXCEPTIONS...
RECAP & 
SCORING SHOWDOWN
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
7 Hero Shot Persuasion Factors
1. Keyword Relevance
2. Purpose Clarity
3. Design Support
4. Authenticity
5. Added Value
6....
Let's score some Hero Shots!
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
SCORECARD EXAMPLE
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
KEYWORD RELEVANCE.  Visualize...
SCORECARD EXAMPLE
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
KEYWORD RELEVANCE.  Visualize...
SCORECARD EXAMPLE
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
KEYWORD RELEVANCE.  Visualize...
= 9
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
HERO SHOT SCORE COMPARISON
= 0
Significant ...
HERO SHOT
SCORECARD USES
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
PHOTOGRAPHY 
CHECKLIST
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
If you explain what you ...
OPTION PRIORITIZATION & QA
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
ID Hypothesis Potent...
MEASURING IMPACT
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
Data for Your Optimization Journey...
MUST 
HAV...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
TRACK "BOUNCE" CORRECTLY
[HOLE IN YOUR CONVERSI...
BOUNCE RATE  (ORIGINAL)
PRIOR TO JULY 2012
GOOGLE ANALYTICS:
User enters and exits the same page.
::  Hero Shot Image Opti...
"ADJUSTED" BOUNCE RATE  (ABR)
AS OF JULY 2012
GOOGLE ANALYTICS:
User enters and exits the same page 
WITH NO INTERACTION.
...
A LOGGED EVENT QUALIFIES AS 
AN "INTERACTION"
i.e. Logging an event at a 5‐second view time (or whatever "first impression...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
BE THE HERO AS YOUR BOUNCE RATE PLUMMETS...
BEF...
GA EVENT TRACKING FOR CRO:
http://bit.ly/gaeventtrackingforcro
::  Hero Shot Image Optimization | @ThreeDeep @aschottmulle...
KEY TAKEAWAYS
 Recognize all images are NOT hero shots
 Tap the visual power of relevance, clarity, 
credibility, and em...
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
Need Help Optimizing Hero Shots?
Get Your FREE ...
APPENDIX
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
DASHBOARD:  http://bit.ly/conversionsgadashboard
CUSTOM REPORT:  http://bit.ly/lpconversionflowgareport
Analyze the conversion flow user experience and progression.
(Note:...
Upcoming SlideShare
Loading in …5
×

7 secrets of hero shot images that drive epic conversions

4,892 views

Published on

People form first impressions about web pages in about 1/20th of a second. That's crazy fast! Obviously visuals play a huge part. How do you make a featured image into a compelling hero shot that actually aids conversion?

In this presentation, our guest, Angie Schottmuller of Three Deep Marketing, talks about optimizing hero shots that engage and inspiring prospects to take the desired action on your web pages [and offline marketing as well].

Published in: Marketing

7 secrets of hero shot images that drive epic conversions

  1. 1. 7 Secrets of Hero Shot Images  That Drive EPIC Conversion Angie Schottmuller THREE DEEP MARKETING
  2. 2. About Visual Website Optimizer ● A/B testing  personalization  platform for marketers ● Customers include JustFab, Dafiti,  ShoeDazzle and 3700 others ● https://vwo.com ● http://twitter.com/wingify
  3. 3. ANGIE SCHOTTMULLER Director of Strategy & Optimization @aschottmuller ThreeDeepMarketing.com linkedin.com/in/angieschottmuller aschottmuller@ThreeDeepMarketing.com THREE DEEP MARKETING
  4. 4. 7 SECRETS TO DRIVE EPIC CONVERSION WITH HERO SHOT IMAGES ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  5. 5. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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!
  6. 6. 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 ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  7. 7. 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 ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  8. 8. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage Credit: braceandtherapy.com ONLINE VS. IN‐STORE IMPERATIVE SPEED/EFFICIENCY  COMPETITION VISIBILITY 60 THOUSAND TIMES FASTER
  9. 9. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarhttps://twitter.com/McDonalds/status/557583390031884288
  10. 10. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSource: Twitter @Toyota ‐‐ https://twitter.com/Toyota/status/553454977700470784
  11. 11. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  toyota.com
  12. 12. HOLDING OUT FOR A HERO... ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  13. 13. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage Credit: mario.wikia.com
  14. 14. 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. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarProps to Craig Sullivan for the "support, educate, or persuade" portion
  15. 15. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar FEATURED IMAGE STAND‐OFF Website Reference: uwec.edu Woundstock ‐ Wound Care Education Conference HERO SHOTDESIGN IMAGE
  16. 16. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar FEATURED IMAGE STAND‐OFF Website Reference: extremeterrain.com Jammock Black 2.0 Jeep Hammock (87‐15 Wrangler YJ, TJ & JK) HERO SHOTPRODUCT IMAGE
  17. 17. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  18. 18. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  19. 19. 7 PERSUASIVE FACTORS  OF HERO SHOTS ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  20. 20. 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" ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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
  21. 21. #1:  KEYWORD RELEVANCE Visualize the targeted search keyword or referring link  text. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar TARGETED KEYWORD Example content snippet with a REFERRING LINK. ‐‐OR‐‐
  22. 22. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar IT BEGINS WITH A SCENT TRAIL... Image Credit: freshbooks.com
  23. 23. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar SCENT TRAIL PROGRESSION FOLLOW CONFIRM ACT [FOOD EDITION] (SMELL)
  24. 24. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar Story:  SF Chronicle. Photographer: Katy Raddatz Case Study:  California Milk Processor Board's "Got Milk?" 2006 campaign w/ cookie‐scented strips at bus shelters. Mmmmm....   I smell cookies!
  25. 25. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar SCENT TRAIL PROGRESSION INITIATE MAINTAIN ENHANCE KEYWORD / AD / WOM PAGE HEADLINE HERO SHOT IMAGE [MARKETING EDITION]
  26. 26.   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 Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar SCENT TRAIL PROGRESSION INITIATE MAINTAIN ENHANCE KEYWORD / AD / WOM PAGE HEADLINE HERO SHOT IMAGE [MARKETING EDITION] KEYWORD
  27. 27. Let's experiment... ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  28. 28. WHEN I SAY, "DENTIST" ...  YOU THINK, " " ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  29. 29. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarTool Credit: humanbraincloud.com Human Brain Cloud "Dentist" Example:  http://humanbraincloud.com/#view/dentist WORD ASSOCIATION GAMES  ARE GREAT INSPIRATION!
  30. 30. DENTIST ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  31. 31. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: parkdental.com "Dentist" Visual Relevance = NONE 
  32. 32. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: fureydentalgroup.com "Dentist" Visual Relevance = NEGLIGIBLE 
  33. 33. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: fureydentalgroup.com "Dentist" Visual Relevance = YES! 
  34. 34. VISUALIZE THE TARGETED SEARCH KEYWORDS ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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
  35. 35. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar AUDIT RELEVANCE MATCH WITH:  5‐SECOND TEST
  36. 36. #2:  PURPOSE CLARITY Help identify the page purpose/offer. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar Description of the image = Page purpose/offer
  37. 37. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar CAPTION CONTEST!
  38. 38. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage source: careerealism.com
  39. 39. HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example:  LivePerson.com CAPTION:    HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY Hero Shot Image Landing Page Source
  40. 40. HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example:  LivePerson.com CAPTION:    HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY 
  41. 41. Hero Shot Image Landing Page Source HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example:  UW‐Eau Claire Continuing Education ‐ Woundstock Conference HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY CAPTION:   
  42. 42. HELP IDENTIFY THE PAGE PURPOSE/OFFER ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example:  UW‐Eau Claire Continuing Education ‐ Woundstock Conference HERO SHOT PERSUASION FACTOR #2:  PURPOSE CLARITY CAPTION:    
  43. 43. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSource: Ogilvy Research. Reference: kissmetrics.com Amazing Headline ABOVE Image Amazing Headline BELOW Image A B 10% More Views
  44. 44. IMAGE CAPTIONS ARE READ  300% MORE THAN BODY TEXT. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSource: Ogilvy Research. Reference: kissmetrics.com
  45. 45. None of which will matter...  if your page doesn't make a good impression in under 1 second. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  46. 46. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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.)
  47. 47. #3:  DESIGN SUPPORT Support and enhance seamless flow of  page design leading to the CTA. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage credit to Unbounce.com for the wireframe mockup
  48. 48. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: rentify.com
  49. 49. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: rentify.com Eye path misdirects  conversion flow  Photo color, heading, and  CTA all in same color zone  
  50. 50. n ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: turbotax.intuit.com FULL PAGE:
  51. 51. FULL PAGE: ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: turbotax.intuit.com Large bottom margin  = Scroll deterrent Photo color complementary  to primary CTA  
  52. 52. FULL PAGE: ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: turbotax.intuit.com Eye contact pauses  conversion flow 
  53. 53. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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
  54. 54. #4:  AUTHENTICITY Represent the organization and offer in an authentic,  credible fashion. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar VS. Stock Photo VS.
  55. 55. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: basecamp.com (2012)
  56. 56. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarSite Example: basecamp.com (2012) A FEW WEEKS LATER... SAME EXACT TESTIMONIAL?? DIFFERENT DESIGNERS... 
  57. 57. DO NOT A/B TEST YOUR  CREDIBILITY. (believability, honesty, integrity) The moment you do..., you've already lost. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  58. 58. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  shamblottfamilydentistry.com Authentic simplicity speaks volumes... 
  59. 59. #5:  ADDED VALUE Add value by showing detail or  context to improve relevance,  demonstrate benefits, and  answer questions. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  60. 60. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  61. 61. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  62. 62. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar VALUE = On‐the‐go context Clever "in‐photo"  ad copy Perfect hero shot  sidekick image  
  63. 63. #6:  DESIRED EMOTION Portray desired qualities or  emotion that will resonate and  inspire action. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  64. 64. Aristotle's ingredients for persuasion:  ethos, logos, and pathos. (credibility, logic, and emotion) ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  65. 65. ~ Angie Schottmuller @aschottmuller, Optimization Director, Three Deep Marketing Credibility sets the STAGE. Logic leads to CONCLUSION. Emotion leads to ACTION.
  66. 66. FEAR ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  67. 67. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: ADT.com Happy Family Emotion??  = #MissedOpportunity
  68. 68. PAIN ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  69. 69. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  70. 70. HUNGER ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  71. 71. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  72. 72. Sometimes... You just gotta'  have it! Props to Zach King for his Master Jedi  Vine compilation skills! ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarAnimation Credit: Zach King, Master of Vine
  73. 73. CURIOSITY ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  74. 74. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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)
  75. 75. The right emotion will trump logic. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarImage credit:  trekmovie.com
  76. 76. LOVE (HORMONES) ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  77. 77. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  BigCommerce.com (2012) Optimal "desired emotion" for ecommerce carts?!
  78. 78. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  BigCommerce.com (2012) BODY LANGUAGE CUES:   Lowering Head w/ Eye Contact:  FLIRTING  Head Propping w/ Hands:  BOREDOM  Arm Crossing/Resting:  EGOTISM
  79. 79. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite: Intuit QuickBase
  80. 80. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarWebsite:  fast Track Home Sales, UK Emotion hook or  poorly‐planned  form overlay?
  81. 81. #7:  CUSTOMER "HERO" Depict the customer as the "hero" once equipped with  this solution. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  82. 82. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar It's about the customer, NOT us. 
  83. 83. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinarExample Site: uwec.edu Customer depicted helping  others w/ hands‐on training 
  84. 84. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar TEST "OBJECT OF EMOTION" EXCEPTIONS...
  85. 85. RECAP &  SCORING SHOWDOWN ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  86. 86. 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" ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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
  87. 87. Let's score some Hero Shots! ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  88. 88. SCORECARD EXAMPLE ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar 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 SCORING: ‐1 = Negative Potential 0 = Not Quite 1 = Somewhat 2 = Great +1 = Directional Cue = 11
  89. 89. SCORECARD EXAMPLE ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar 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.  2 CUSTOMER "HERO".  Depict the customer as the "hero" once equipped with this solution. 2 SCORING: ‐1 = Negative Potential 0 = Not Quite 1 = Somewhat 2 = Great +1 = Directional Cue = 9
  90. 90. SCORECARD EXAMPLE ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar 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 SCORING: ‐1 = Negative Potential 0 = Not Quite 1 = Somewhat 2 = Great +1 = Directional Cue = 0
  91. 91. = 9 ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar HERO SHOT SCORE COMPARISON = 0 Significant gaps are useful to help resolve subjective debates
  92. 92. HERO SHOT SCORECARD USES ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  93. 93. PHOTOGRAPHY  CHECKLIST ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar If you explain what you need,  ...you're more likely go get it!  v
  94. 94. OPTION PRIORITIZATION & QA ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar ID Hypothesis Potential Importance Ease Reusability PIER 1 Defaulting to the "Products" tab with product type  content and visuals will aid engagement and conversion  more than "Advantages" tab. 9 10 9 8 9 2 The LP template featuring product types and secondary  "download brochure" CTA will boost conversion. 10 10 8 7 8.75 3 Changing the offer and primary focus to "Get the FREE  Guide" w/ checkbox for consult request will lift  conversion. 10 7 7 10 8.5 (PIER scoring example depicted.  Adapted from WiderFunnel's PIE framework to include "Reusability")  HYPOTHESIS IDEAS & SCORING PRIORITIZATION  A/B testing individual images rarely score as high priority.  
  95. 95. MEASURING IMPACT ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  96. 96. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar Data for Your Optimization Journey... MUST  HAVE FOR OPTIMIZATION  REVIEWS
  97. 97. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar TRACK "BOUNCE" CORRECTLY [HOLE IN YOUR CONVERSION FUNNEL]
  98. 98. BOUNCE RATE  (ORIGINAL) PRIOR TO JULY 2012 GOOGLE ANALYTICS: User enters and exits the same page. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar JULY 2012 11
  99. 99. "ADJUSTED" BOUNCE RATE  (ABR) AS OF JULY 2012 GOOGLE ANALYTICS: User enters and exits the same page  WITH NO INTERACTION. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar JULY 2012 12
  100. 100. 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. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  101. 101. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar BE THE HERO AS YOUR BOUNCE RATE PLUMMETS... BEFORE ABR: 70%‐90% AFTER ABR: 5%‐20%
  102. 102. GA EVENT TRACKING FOR CRO: http://bit.ly/gaeventtrackingforcro ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #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
  103. 103. KEY TAKEAWAYS  Recognize all images are NOT hero shots  Tap the visual power of relevance, clarity,  credibility, and emotion  Leverage the scorecard to prioritize, QA, and  brainstorm image options  Implement event tracking to help analyze impact  Let the hero shot shine ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  104. 104. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  105. 105. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar Need Help Optimizing Hero Shots? Get Your FREE Hero Shot Scorecard Boost customer engagement, leads, and sales with persuasive images! Angie Schottmuller Director of Optimization angie.schottmuller@threedeepmarketing.com @aschottmuller
  106. 106. APPENDIX ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar
  107. 107. ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar DASHBOARD:  http://bit.ly/conversionsgadashboard
  108. 108. 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 ::  Hero Shot Image Optimization | @ThreeDeep @aschottmuller | #VWOwebinar

×