B2B	
 Ā Website	
 Ā Design	
 Ā 
For	
 Ā Conversion	
 Ā Rate	
 Ā 
Op6misa6on	
 Ā 
Jonathan	
 Ā Elder	
 Ā 	
 Ā 	
 Ā 	
 Ā 	
 Ā 	
 Ā 	
 Ā 	
 Ā 	
 Ā  	
 Ā  	
 Ā  	
 Ā 	
 Ā 	
 Ā Elder	
 Ā Digital	
 Ā Marke6ng	
 Ā 
Square	
 Ā 2	
 Ā Marke+ng’s	
 Ā Focus:	
 Ā Conversion	
 Ā 
The	
 Ā Inbound	
 Ā Marke6ng	
 Ā Sales	
 Ā Funnel	
 Ā 
KNOW,	
 Ā 
LIKE	
 Ā 
&	
 Ā TRUST	
 Ā 
	
 Ā 
Your	
 Ā Website	
 Ā Strategy	
 Ā needs:	
 Ā 
•  Detailed	
 Ā Persona’s	
 Ā &	
 Ā User	
 Ā Research	
 Ā 
•  To	
 Ā posi+on	
 Ā you	
 Ā as	
 Ā ā€œRemarkableā€	
 Ā 
•  Emo+onal	
 Ā Messages	
 Ā 
•  Informa+on	
 Ā Structure	
 Ā &	
 Ā User	
 Ā Flows	
 Ā 
•  Page	
 Ā by	
 Ā Page	
 Ā Contextual	
 Ā Conversion	
 Ā Strategy	
 Ā 	
 Ā 
•  SEO	
 Ā /	
 Ā Keyword	
 Ā Strategy	
 Ā 
Emo+onal	
 Ā Engagement	
 Ā -­‐	
 Ā Entrepreneurs?	
 Ā 
ArtOneZero’s	
 Ā First	
 Ā HubSpot	
 Ā Inbound	
 Ā Site:	
 Ā 
Four	
 Ā Steps	
 Ā to	
 Ā BeWer	
 Ā Inbound	
 Ā Marke+ng	
 Ā 
vs	
 Ā 
	
 Ā HubSpot’s	
 Ā Website	
 Ā Redesign	
 Ā Project	
 Ā 
1.  Narrow	
 Ā Your	
 Ā Focus	
 Ā 
2.  Understand	
 Ā The	
 Ā Pains	
 Ā of	
 Ā Your	
 Ā Target	
 Ā Market	
 Ā 
3.  Develop	
 Ā Your	
 Ā Company’s	
 Ā Unique	
 Ā Solu+ons	
 Ā 
4.  Create	
 Ā A	
 Ā ā€œNo	
 Ā Riskā€	
 Ā Offer	
 Ā To	
 Ā Get	
 Ā Them	
 Ā Involved	
 Ā 
Engagement	
 Ā &	
 Ā Offers	
 Ā focused	
 Ā on	
 Ā a	
 Ā Persona:	
 Ā 
Take	
 Ā an	
 Ā Inventory	
 Ā and	
 Ā Assess	
 Ā Each	
 Ā Page:	
 Ā 
1.  Does	
 Ā it	
 Ā pass	
 Ā the	
 Ā 5	
 Ā second	
 Ā test?	
 Ā 
2.  Does	
 Ā it	
 Ā connect	
 Ā with	
 Ā the	
 Ā user	
 Ā emo+onally?	
 Ā 
3.  Does	
 Ā it	
 Ā tell	
 Ā a	
 Ā clear	
 Ā story	
 Ā that	
 Ā answers	
 Ā ques+ons,	
 Ā pains	
 Ā and	
 Ā 
informa+onal	
 Ā wants?	
 Ā 	
 Ā 
4.  Is	
 Ā the	
 Ā copy	
 Ā scanable	
 Ā and	
 Ā readable?	
 Ā 	
 Ā 
5.  Does	
 Ā it	
 Ā guide	
 Ā the	
 Ā user	
 Ā to	
 Ā the	
 Ā call	
 Ā to	
 Ā ac+on?	
 Ā 	
 Ā 
6.  Does	
 Ā it	
 Ā guide	
 Ā the	
 Ā user	
 Ā to	
 Ā the	
 Ā next	
 Ā page	
 Ā in	
 Ā the	
 Ā user	
  flow?	
 Ā 	
 Ā 
7.  Is	
 Ā the	
 Ā design	
 Ā credible	
 Ā and	
 Ā relatable	
 Ā with	
 Ā the	
 Ā target	
 Ā 
persona?	
 Ā 
8.  Will	
 Ā the	
 Ā user	
 Ā iden+fy	
 Ā with	
 Ā the	
 Ā images	
 Ā used?	
 Ā 	
 Ā 
9.  Does	
 Ā it	
 Ā use	
 Ā standard	
 Ā UI	
 Ā elements	
 Ā and	
 Ā interface?	
 Ā 	
 Ā 
Contextually	
 Ā focus	
 Ā inside	
 Ā page	
 Ā CTAs:	
 Ā 
Summary	
 Ā of	
 Ā Design	
 Ā Principles	
 Ā 
•  Strategy	
 Ā Before	
 Ā Tac+cs	
 Ā 
•  You	
 Ā Need	
 Ā Deep	
 Ā User	
 Ā Insights	
 Ā &	
 Ā Research	
 Ā 	
 Ā 
•  Prospect	
 Ā Focus	
 Ā It’s	
 Ā Not	
 Ā About	
 Ā You	
 Ā It’s	
 Ā About	
 Ā Your	
 Ā User	
 Ā 
•  Create	
 Ā an	
 Ā Emo+onal	
 Ā Message	
 Ā 
•  Highlight	
 Ā What	
 Ā Makes	
 Ā You	
 Ā Remarkable	
 Ā 
•  Don’t	
 Ā Make	
 Ā Your	
 Ā User	
 Ā Think!	
 Ā 
•  Contextually	
 Ā Create	
 Ā CTA’s	
 Ā per	
 Ā Page	
 Ā 
•  Evaluate	
 Ā Your	
 Ā Pages	
 Ā On	
 Ā Strategy	
 Ā Not	
 Ā Design	
 Ā 
•  Evolu+on	
 Ā not	
 Ā Revolu+on	
  –	
 Ā Growth	
 Ā Driven	
 Ā Design	
 Ā 
Read	
 Ā the	
 Ā Books!	
 Ā 
Thank	
 Ā You!	
 Ā 
	
 Ā 
	
 Ā 
Jonathan	
 Ā Elder	
 Ā 
07736	
 Ā 237737	
 Ā 
jelder@elderdigitalmarke6ng.com	
 Ā 
	
 Ā 
www.elderdigitalmarke6ng.com	
 Ā 
	
 Ā 
	
 Ā 
Please	
 Ā Connect	
 Ā with	
 Ā Me!	
 Ā 
@ELDERMarke6ng	
 Ā 
LinkedIn

B2B Website Design - Growth Driven Design - Jonathan Elder

  • 1.
    B2B Ā Website Ā Design Ā  For Ā Conversion Ā Rate Ā  Op6misa6on Ā  Jonathan Ā Elder Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā  Ā Elder Ā Digital Ā Marke6ng Ā 
  • 2.
    Square Ā 2 Ā Marke+ng’s Ā Focus: Ā Conversion Ā 
  • 3.
    The Ā Inbound Ā Marke6ng Ā Sales Ā Funnel Ā 
  • 4.
    KNOW, Ā  LIKE Ā  & Ā TRUST Ā  Ā 
  • 6.
    Your Ā Website Ā Strategy Ā needs: Ā  •  Detailed Ā Persona’s Ā & Ā User Ā Research Ā  •  To Ā posi+on Ā you Ā as Ā ā€œRemarkableā€ Ā  •  Emo+onal Ā Messages Ā  •  Informa+on Ā Structure Ā & Ā User Ā Flows Ā  •  Page Ā by Ā Page Ā Contextual Ā Conversion Ā Strategy Ā  Ā  •  SEO Ā / Ā Keyword Ā Strategy Ā 
  • 7.
  • 8.
    ArtOneZero’s Ā First Ā HubSpot Ā Inbound Ā Site: Ā 
  • 9.
    Four Ā Steps Ā to Ā BeWer Ā Inbound Ā Marke+ng Ā  vs Ā  Ā HubSpot’s Ā Website Ā Redesign Ā Project Ā  1.  Narrow Ā Your Ā Focus Ā  2.  Understand Ā The Ā Pains Ā of Ā Your Ā Target Ā Market Ā  3.  Develop Ā Your Ā Company’s Ā Unique Ā Solu+ons Ā  4.  Create Ā A Ā ā€œNo Ā Riskā€ Ā Offer Ā To Ā Get Ā Them Ā Involved Ā 
  • 10.
    Engagement Ā & Ā Offers Ā focused Ā on Ā a Ā Persona: Ā 
  • 11.
    Take Ā an Ā Inventory Ā and Ā Assess Ā Each Ā Page: Ā  1.  Does Ā it Ā pass Ā the Ā 5 Ā second Ā test? Ā  2.  Does Ā it Ā connect Ā with Ā the Ā user Ā emo+onally? Ā  3.  Does Ā it Ā tell Ā a Ā clear Ā story Ā that Ā answers Ā ques+ons, Ā pains Ā and Ā  informa+onal Ā wants? Ā  Ā  4.  Is Ā the Ā copy Ā scanable Ā and Ā readable? Ā  Ā  5.  Does Ā it Ā guide Ā the Ā user Ā to Ā the Ā call Ā to Ā ac+on? Ā  Ā  6.  Does Ā it Ā guide Ā the Ā user Ā to Ā the Ā next Ā page Ā in Ā the Ā user  flow? Ā  Ā  7.  Is Ā the Ā design Ā credible Ā and Ā relatable Ā with Ā the Ā target Ā  persona? Ā  8.  Will Ā the Ā user Ā iden+fy Ā with Ā the Ā images Ā used? Ā  Ā  9.  Does Ā it Ā use Ā standard Ā UI Ā elements Ā and Ā interface? Ā  Ā 
  • 12.
    Contextually Ā focus Ā inside Ā page Ā CTAs: Ā 
  • 13.
    Summary Ā of Ā Design Ā Principles Ā  •  Strategy Ā Before Ā Tac+cs Ā  •  You Ā Need Ā Deep Ā User Ā Insights Ā & Ā Research Ā  Ā  •  Prospect Ā Focus Ā It’s Ā Not Ā About Ā You Ā It’s Ā About Ā Your Ā User Ā  •  Create Ā an Ā Emo+onal Ā Message Ā  •  Highlight Ā What Ā Makes Ā You Ā Remarkable Ā  •  Don’t Ā Make Ā Your Ā User Ā Think! Ā  •  Contextually Ā Create Ā CTA’s Ā per Ā Page Ā  •  Evaluate Ā Your Ā Pages Ā On Ā Strategy Ā Not Ā Design Ā  •  Evolu+on Ā not Ā Revolu+on  – Ā Growth Ā Driven Ā Design Ā 
  • 14.
  • 15.
    Thank Ā You! Ā  Ā  Ā  Jonathan Ā Elder Ā  07736 Ā 237737 Ā  jelder@elderdigitalmarke6ng.com Ā  Ā  www.elderdigitalmarke6ng.com Ā  Ā  Ā  Please Ā Connect Ā with Ā Me! Ā  @ELDERMarke6ng Ā  LinkedIn