Learning School

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Link Exchange
Home » Uncategories » 4. Your High Converting Home Page Layout

Wednesday, 23 December 2015

4. Your High Converting Home Page Layout

Unknown
Add Comment
Wednesday, 23 December 2015


Chances are pretty high that you have a ‘hub’ website that acts as a central holding silo for all of your content and links to landing pages and squeeze pages. Chances are also pretty high that your website layout isn’t optimised to meet your business goals in the form of completed conversions.
Below is a wireframe of a conversion-focused home page layout. You can download this high-converting wireframe and use it to build your own high converting home page here.
Website Wireframe

5. Website Navigation

A simple header with your logo and no more than 6 menu options and optional social icons works best. Don’t get tempted to use trends like the ‘hamburger’ menu on desktop sites – This will hurt your conversions and user experience.
Every website is different, but I’d recommend the following pages to include in your navigation.

Start here page:

If your website and blog is content heavy, you can use this page to introduce new visitors to your website and direct them to the most popular and relevant categories using a stylised, user friendly sitemap.
Alternatively, you can use this page as a squeeze page that provides a lead magnet related to their problem and your solution.

Products / Services Page:

Next item along in the navigation would be the perfect place to showcase your products or services page and link out to any external (or internal) landing pages you may have for each product or service. If you have multiple products and services, a drop-down menu would be ideal for this.

Case Studies / Testimonials / Portfolio Page:

Your customers and clients want to know your solution works right? Depending on your business, place a case studies, testimonials, results or portfolio page in your navigation menu to build trust with new visitors and show them that you actually deliver value.

About Page:

Yep, the infamous about page. This is your chance to talk about yourself, your company, your products, services and any awards and accolades you’ve achieved and is a must for your navigation menu as it builds trust and reduces friction.

Blog Page:

Almost any business can benefit from content marketing and doing so will result in long-term website traffic, and if done correctly, lead generation in the form of content upgrades, opt-in widgets and so forth. If you blog (which you should!), it’s a definite must for your navigation.

Contact Page:


An absolute no brainer, your contact us page should always be in your navigation. If it’s missing, expect trust and conversions to go missing too. Give your visitors multiple ways of contacting you. Think email, phone, Skype, business address, social media, homing pigeons… You get the idea.
Suka Artikel? Bagikan: Facebook Twitter Google+

0 Comments

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Mengenai Saya

Unknown
View my complete profile

Entri Populer

  • Deposit Photos
    This is my goto stock photo site. Their range is massive and their quality is pretty good. It’ll take you a little longer to find the right...
  • Irregular verbs practice
    Recently, I have been reading a book about learning and memory. It contains a lot of facts, but the longer I read it the more it seems ob...
  • Success Online – the Politically Incorrect TRUTH!
                   By: Craig Ballantyne     Topics: Blogging Success Online – Creating a Captivating H...
  • The ‘Authority’ Bar
    A common design feature you’ll notice on many websites owned and run by authority marketers is the ‘Authority Bar’. The purpose of this bar...
  • 18 Things Making Your Website Slow
                 Optimizing the loading time of your website is a win-win approach to keep the visitors of your site happy and to in...
  • 5 Design Features Guaranteed to Boost Sales and Conversions
    By: Brent Turner     Topics: Build Better Websites Is there anything better than a beautifully des...
  • A Survey of Employment Trends for Online Educators
    "Freedom is the right to choose: the right to create for oneself the alternatives of choice." — Archibald MacLeish FI...
  • iStockPhoto
    The grand daddy of stock photo sites. Their range is huge and their quality is impeccable. But expect to pay a premium for just one photo. ...
  • Bottom Lead Magnet Box
    Bottom Lead Magnet Box According to many heatmap studies, not many visitors will scroll down this far on your homepage. With the boxes and ...
  • Roboto
    The ‘official’ Google font and one that’s similar to well known Helvetica, Roboto is a good standard font, although there’s nothing partic...

Blog Archive

  • ▼  2015 (30)
    • ▼  December (30)
      • Investigating the Online Student Body
      • A Survey of Employment Trends for Online Educators
      • Communication 102: Creating a Community from Behin...
      • Tech Literacy II: Skills for the Online Instructor
      • Intro to Online Course Design
      • Irregular verbs practice
      • 1) Know Your Vision
      • 2) Know Your Marketplace
      • 4) Know Yourself
      • 5) Know Your Allies
      • 18 Things Making Your Website Slow
      • Success Online – the Politically Incorrect TRUTH!
      • 5 Design Features Guaranteed to Boost Sales and Co...
      • Roboto
      • Sofia Pro
      • Adobe Color
      • Deposit Photos
      • 3. High-Converting Photography
      • Unsplash
      • iStockPhoto
      • 4. Your High Converting Home Page Layout
      • The ‘Authority’ Bar
      • The Hero Area
      • The ‘Most Wanted Actions’ Box
      • Blog Posts
      • The ‘More Info’ Box
      • Bottom Lead Magnet Box
      • Testimonials and Short Case Studies
      • Keeping Design Consistent with a Style Guide
      • The Website Footer
Powered by Blogger.
,
Copyright 2013 Learning School - All Rights Reserved
Template by Dian Anarchyta - Powered Blogger