How To Build a Website
What does your website need to do? 
o Generate sales 
o Generate new leads 
o Build brand awareness and perception
Understanding your users 
o Why are they visiting your website? 
o Where have they come from? 
o What do they want to achieve on any specific page? 
o Are they finding what they need? Or leaving? 
o Bounce rate: higher than 60%? 
o Conversion rates
Seeing your site the way visitors do 
• How do people scan a page? 
• What can they see above the ‘fold’?
Making your website work harder: 
a checklist 
Main top headers 
• 80% of users see this first 
• Make it count! 
• Keep things familiar
Making your website work harder: 
a checklist 
Simple navigation 
• Avoid jargon 
• Use clear 'sign posting' 
• Most important info on left side
Making your website work harder: 
a checklist 
Headlines 
• Relevant to user 
• Clear and concise 
• Relevant to page
Making your website work harder: 
a checklist 
Hero image 
• Show service or product 
• Use photos to guide actions 
• Don't use stock images
Making your website work harder: 
a checklist 
Video 
• Customer testimonials 
• Short and sweet
Making your website work harder: 
a checklist 
Data capture/sign-up forms 
• Consider design 
• Test messaging 
• Less is more
Making your website work harder: 
a checklist 
Buttons 
• Consistent color 
• Drive call-to-action 
• Make them bigger 
• Contact options
Making your website work harder: 
a checklist 
Trust indicators 
• Social proof (reviews, ratings) 
• Customer testimonials 
• Guarantees
Making your website work harder: 
a checklist 
Main top headers 
• 80% of users see this first 
• Make it count! 
• Keep things familiar
Making your website work harder: 
a checklist 
Benefits 
• Focus on benefits for users 
• Show how you solve problems
Making your website work harder: 
a checklist 
Repeat call-to-action 
• Especially for long page copy
A few more tips to keep top of mind... 
o Always be testing 
o Think about mobile 
o Don't forget your thank you pages
Great User Experience 
Don’t make it tough
User Experience 
Top Tip 
Plan your content flow and 
user journeys
User Experience 
Top Tip 
Plan you site map with the 
user experience in mind 
Site Map
User Experience 
A Home page wire frame 
with functionality 
descriptions. 
This allows you to plan the 
site before its built and 
saves a lot of time and 
expense from making 
changes once completed. 
Top Tip 
Plan your site with wire 
frames 
Wire Frames
For Support Get in Touch 
www.Constructionmarketing.org

Construction website

  • 1.
    How To Builda Website
  • 2.
    What does yourwebsite need to do? o Generate sales o Generate new leads o Build brand awareness and perception
  • 3.
    Understanding your users o Why are they visiting your website? o Where have they come from? o What do they want to achieve on any specific page? o Are they finding what they need? Or leaving? o Bounce rate: higher than 60%? o Conversion rates
  • 4.
    Seeing your sitethe way visitors do • How do people scan a page? • What can they see above the ‘fold’?
  • 5.
    Making your websitework harder: a checklist Main top headers • 80% of users see this first • Make it count! • Keep things familiar
  • 6.
    Making your websitework harder: a checklist Simple navigation • Avoid jargon • Use clear 'sign posting' • Most important info on left side
  • 7.
    Making your websitework harder: a checklist Headlines • Relevant to user • Clear and concise • Relevant to page
  • 8.
    Making your websitework harder: a checklist Hero image • Show service or product • Use photos to guide actions • Don't use stock images
  • 9.
    Making your websitework harder: a checklist Video • Customer testimonials • Short and sweet
  • 10.
    Making your websitework harder: a checklist Data capture/sign-up forms • Consider design • Test messaging • Less is more
  • 11.
    Making your websitework harder: a checklist Buttons • Consistent color • Drive call-to-action • Make them bigger • Contact options
  • 12.
    Making your websitework harder: a checklist Trust indicators • Social proof (reviews, ratings) • Customer testimonials • Guarantees
  • 13.
    Making your websitework harder: a checklist Main top headers • 80% of users see this first • Make it count! • Keep things familiar
  • 14.
    Making your websitework harder: a checklist Benefits • Focus on benefits for users • Show how you solve problems
  • 15.
    Making your websitework harder: a checklist Repeat call-to-action • Especially for long page copy
  • 16.
    A few moretips to keep top of mind... o Always be testing o Think about mobile o Don't forget your thank you pages
  • 17.
    Great User Experience Don’t make it tough
  • 18.
    User Experience TopTip Plan your content flow and user journeys
  • 19.
    User Experience TopTip Plan you site map with the user experience in mind Site Map
  • 23.
    User Experience AHome page wire frame with functionality descriptions. This allows you to plan the site before its built and saves a lot of time and expense from making changes once completed. Top Tip Plan your site with wire frames Wire Frames
  • 24.
    For Support Getin Touch www.Constructionmarketing.org

Editor's Notes

  • #18  we’ve been through some already... It makes you stronger...