{"id":1681,"date":"2018-05-02T11:43:52","date_gmt":"2018-05-02T11:43:52","guid":{"rendered":"https:\/\/www.vocso.com\/blog\/?p=1681"},"modified":"2024-09-05T11:11:04","modified_gmt":"2024-09-05T11:11:04","slug":"how-to-make-an-awesome-home-page-design-layout","status":"publish","type":"post","link":"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/","title":{"rendered":"How To Make An Awesome Home Page Design Layout That Everyone Aspires To Copy?"},"content":{"rendered":"<div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-share-buttons\" ><\/div>\n<p>Don\u2019t switch off the page if you aren\u2019t that skilled website designer.This post is for everybody who wants to make a killer, Customized Website Designer building a Homepage for the first time in life for his newbie business. We know you want to make it awesome!<\/p>\n\n\n\n<p>Having a great website doesn\u2019t mean that it needs to be super complicated or overly complex in terms of design.As far its systematic and logical, almost anyone can do it.<\/p>\n\n\n\n<p>So, if you are striving for a breathtaking and awesome home Page Layout for your new business, you have got the right place. In fact, it is not false to say that even a non-designer can get inspirational ideas from it.<br><br><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#why-should-i-focus-on-my-home-page\" >Why Should I Focus On My Home Page?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#contents-of-an-effective-home-page-layout-design\" >Contents of an Effective Home Page Layout Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#how-can-you-help-your-visitors-who-land-on-your-website\" >How Can You Help Your Visitors Who Land on Your Website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#what-content-should-i-include-in-my-home-page-design\" >What Content Should I Include in My Home Page Design?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#type-of-content-to-insert-on-home-page\" >Type of Content to Insert on Home Page<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#primary-content-breakdown\" >Primary Content Breakdown:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#1-benefits-list\" >1. Benefits List:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#2-trust-indicators\" >2. Trust Indicators:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.vocso.com\/blog\/how-to-make-an-awesome-home-page-design-layout\/#3-features-list\" >3. Features List:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"why-should-i-focus-on-my-home-page\"><\/span>Why Should I Focus On My Home Page?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Designers must know the answer to this question pretty clearly.But for non-designers or beginners, let us rephrase this:<\/p>\n\n\n\n<p>Your homepage is the \u2018selling\u2019 page of your website that can attract, convert and lead and therefore, enjoys utmost importance for your website.As soon as your visitors land on your website, your home page must be there to \u2018welcome them\u2019 \u2013perhaps with no any physical customer service staff reporting over there- assist them and help them better knowing your business so, as to deliver credibility.<br><br><\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p>Secondly, its arguably the first page that your visitors see so, having \u201cno\u201d Homepage approach or a least-appealing one, can seriously destroy your business image and can divert your visitors away who could be your potential customers after watching your Homepage.Because, what matters in the end, is your first impression.<br>Convinced?\u2026<\/p>\n\n\n\n<p>Shall we move on?<\/p>\n\n\n\n<p><strong>Just one more thing:<\/strong><\/p>\n\n\n\n<p>Your Home Page has the guts to set the right professional tone for your business- like a first impression \u2013 so, put in your 100% to drive your customers into your business with an effectively designed home page.<\/p>\n\n\n\n<p>We hope this will further change your thoughts, if you don\u2019t have any Homepage, yet?<br><br><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u201cA well thought out homepage design creates a visual trail of breadcrumbs that can effectively guide your visitors to discovering your services\/products effortlessly. The page layout will also direct your visitors to know where to take action and follow through to the next step.\u201d<\/p><\/blockquote>\n\n\n\n<p>Certainly, an effective Home page layout design serves more of as a \u2018customer service rep\u2019 for your patrons that genuinely guide your visitors across your whole website, giving them a superior level of customer-service experience, the way your brick and mortar store does.<br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"contents-of-an-effective-home-page-layout-design\"><\/span>Contents of an Effective Home Page Layout Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Before we dig deep into how to create an effective Home Page layout design for your business, let\u2019s define one.<\/p>\n\n\n\n<p>For a business starting from scratch and with no any designer with them, Page layout planning can best help to figure out what contents you should place on your page and which ones to omit. Also, it guides you of which content you must go \u2018first\u2019.<br><br><\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p>Building an awesome Home page requires efforts and aesthetics along with the right amount of expertise. We cannot pick up any information and place it randomly on to the page. There must need to have synergy among the contents, website copy and business values to deliver an overall professional corporate impression.The process, therefore, needs to be very methodical and logical \u2013 so everybody can redo a good layout. A proper flow must be there so that you can guide your visitors of how to use your website and further explore it in a way you want them to.<\/p>\n\n\n\n<p>Pondering over all of these aspects enables you to design a well-targeted, website user experience in a way that works best to redirect a specific set of intended target mass.<br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"how-can-you-help-your-visitors-who-land-on-your-website\"><\/span>How Can You Help Your Visitors Who Land on Your Website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Following the tips below, you can better act as a guide to help your visitors who land on your website:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Easily identify what your website is about:<\/h4>\n\n\n\n<p>Tell them clearly about your business by sharing your business story and products that you have. Also, demonstrate that how your products or services can actually benefit them and can offer solutions to their problems.<br><br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Engage with your business by figuring out where to take the next step:<\/h4>\n\n\n\n<p>Help your visitors in taking the next step if they feel misguide or lost somewhere on your website before they abandon your page.The next step should probably be subscribing to newsletters, submission of contact details, download a guide or watch some video tutorials etc.<br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"what-content-should-i-include-in-my-home-page-design\"><\/span>What Content Should I Include in My Home Page Design?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Clearly, an Effective Homepage layout design is the one that can make your website easy to use and navigate for your visitors. It is the medium through which you can make your users focus on things that you specifically want them to focus on.<br><br><\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p>Online users today are becoming more and more informative, demanding and somewhat impatient today and if they fail to get something of their choice and need within fractions of a second from your website then, all that they do is simply \u2018switch\u2019&#8230;Ouch, that hurts.We know!Whenever your visitors land on your Home page, they follow a very preset choice to whether stay or leave within a split of a second and this abrupt decision can impact the fate of your entire business.<\/p>\n\n\n\n<p>So, let\u2019s discuss how to make your Home Page Layout impressive for your visitors:<\/p>\n\n\n\n<p>If we talk about the dynamics\/layout of your Home page, it is broadly divided into two parts:<\/p>\n\n\n\n<p><strong>1. Above-The-Fold<\/strong><br>The content you can see WITHOUT scrolling down when your home page is first loaded.<\/p>\n\n\n\n<p><strong>2. Below-The-Fold<\/strong><br>The content you only see once you scroll down.<\/p>\n\n\n\n<p>As most of the visitors will only skim through the content Above-The-Fold, as it flashes on their screens- whether mobile or desktop-right away and as you scroll down, the ratio of people who continue to pay attention to your content will descend automatically. Again, that notion of \u2018first impression\u2019 that might retain or disinterest your audience.<\/p>\n\n\n\n<p>Therefore, the key tip is to plan &amp; place your Above-The-Fold and Below-The-Fold content for Homepage smartly yet \u2018creatively\u2019.<br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"type-of-content-to-insert-on-home-page\"><\/span>Type of Content to Insert on Home Page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This is a section where all your Primary Content is displayed, i.e,you\u2019re most important content that you want your visitors to perceive and take action accordingly.<br><br><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u201cThe #1 goal of your primary content is to convince your visitors to stay longer to further investigate what you have to offer. Your primary content must be clear, concise and specific.\u201d-Source, HubSpot<\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"primary-content-breakdown\"><\/span>Primary Content Breakdown:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. Headline:<\/h4>\n\n\n\n<p>Your headline is the one that captivates user\u2019s attention as soon as they arrive at your Homepage. Generically speaking, it must give an answer to one simple question that your visitors have every right to know, especially from your new business: \u201cWhat does your company do?\u201d<\/p>\n\n\n\n<p>Therefore, you need to be compelling and concise with your headline while describing your business in terms of a solution rather than a brand. Your headline needs to leave an impression on your visitor\u2019s mind \u2018\u2019Hey, that\u2019s me! I need this!\u201d to seek their instant attention.<\/p>\n\n\n\n<p>A simple, brief and effective headline, or rather call it a \u2018tagline\u2019 be the best selling point for your business by actually using those words being uttered by your customers from the mouth if you ask them why they visit your Best Web Design Company and liked your products or services.<\/p>\n\n\n\n<p>You don&#8217;t know how to write attention-grabbing blog headlines? Then use our free <a href=\"https:\/\/www.vocso.com\/tools\/blog-title-topic-generator\" target=\"_blank\" rel=\"noreferrer noopener\">headline ideas generator tool<\/a> that can be a great way to brainstorm ideas for your next blog posts and website pages. So give them a try and see what kinds of results you get!<br><\/p>\n\n\n\n<div class=\"sb-related-links-box\">\n<p><strong> More free tools from VOCSO: <\/strong><\/p>\n<div class=\"sb-related-links-data\"><a href=\"https:\/\/www.vocso.com\/tools\/color-palette-generator\" target=\"_blank\" rel=\"noopener\">Random Color Pallete Generator <\/a><\/br>\n\n<a href=\"https:\/\/www.vocso.com\/tools\/colour-palette-generator-from-image\" target=\"_blank\" rel=\"noopener\">Image Color Palette Generator<\/a>\n<\/br>\n<a href=\"https:\/\/www.vocso.com\/website-design-cost-calculator\" target=\"_blank\" rel=\"noopener\">Website Cost Estimator<\/a>\n<\/br>\n<a href=\"https:\/\/www.vocso.com\/ecommerce-website-cost-calculator\" target=\"_blank\" rel=\"noopener\">eCommerce Website Cost Estimator <\/a>\n<\/br>\n<a href=\"https:\/\/www.vocso.com\/web-application-cost-calculator\" target=\"_blank\" rel=\"noopener\">Web Application Cost Estimator<\/a>\n<\/div>\n<\/div>\n\n\n\n<p><br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Sub-Headline:<\/h4>\n\n\n\n<p>A sub-headline gives you an opportunity to further describe your product or service in a way that you didn\u2019t get to define through your headline.<\/p>\n\n\n\n<p>An effective yet brief description should answer \u2013 \u201cWhat issues will your product solve for me?\u201d<\/p>\n\n\n\n<p>So, make your sub-headline beautifully effective to create pages that can generate greater customer leads!<br><br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. Primary Call-To-Action:<\/h4>\n\n\n\n<p>A Call-To-Action is a sort of signboard that drives visitor\u2019s actions and guides them what to do next.You must have seen some of the most common CTA\u2019s while browsing online stores \u2013like, Hurry Up!, Buy One Get One Free, Save up to 10% and so on.<\/p>\n\n\n\n<p>Frankly speaking, after landing on to your website, your customer doesn\u2019t know what to do next. It\u2019sin fact you-in the form of your CTA\u2019s-must be there to best guide them and drive actions.<\/p>\n\n\n\n<p>For instance, \u201cCall Us Now\u201d or \u201cClick To Get A Free Quote\u201d. The best CTA is the one that resonates well with your headline and sub-headline to guide your audience of how to actually go to your website and get their solutions.<\/p>\n\n\n\n<p>To develop a confidence yet likeability about your business, don\u2019t be ever shy about getting actively engage with your audience.The more you\u2018ll be helpful for them, the greater time they will spend on your website and thus, will promote your business and will make grow your sales funnel.<\/p>\n\n\n\n<p>Tell them what to do, how to do and when to do in order to develop a long-lasting relationship with them because, in the end, you don\u2019t want a customer who simply lands on your website, scroll it and then, shuts it down.You want a stream of new winning customers for your business to say ahead with you. Therefore, follow the golden key!<br><br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">4. Use Images or a Video to Illustrate Your Message:<\/h4>\n\n\n\n<p>No only online visitors but in general, people are more likely to be drawn towards images, graphics and motion works that drives a certain emotional feel and sooth to the eye.Videos play a critical role in retaining customers on social media.People like to share what they see today.<\/p>\n\n\n\n<p>Therefore, make use of images or videos as a \u2018must\u2019 part to elicit responses and evoke a certain mode and connection with your audience by sharing what your business is all about. Putting up videos and infomercials or business-oriented picture works would always sound professional and credible, provided that they must be relevant to your website and serious towards your business message.<\/p>\n\n\n\n<p>It is wise to keep your website clean rather than including things that are not useful.<br><br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">5. Logo:<\/h4>\n\n\n\n<p>Last but not the least is your\u2018logo\u2019 that needs to be carefully positioned on your Home Page. Because in the end, it\u2019s your logo that can make your business highlighted.<\/p>\n\n\n\n<p>Your logo does a great job of subtly communicating what your company is all about. It hints more than everything about your professional\u2019 business image -whether you are creative, aggressive, or somewhat polite.Therefore, be very creative and thoughtful towards posting it in a way that almost, every eye notices it, even unconditionally.<br><br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">6. Navigation Bar:<\/h4>\n\n\n\n<p>This is the roadmap of your entire website to guide your visitors with the most useful links and specific information that they need along with how to use the website.<\/p>\n\n\n\n<p><strong>Rule-of-thumb to follow:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Avoid adding any unnecessary pages that might make your visitors confuse or lost don\u2019t and don\u2019t sound relevant to your business.<\/li><li>Your visitors not always be interested (initially) in pages about copyright, privacy, and terms of services. Therefore, better to insert them in the footer.<\/li><li>Create a logical series of related links, with the most important links organized from left to right.<\/li><li>Be brief and descriptive with the page titles.<\/li><li>Position your navigation bar in a way that every visitor can find it easily.<\/li><\/ul>\n\n\n\n<p><strong>Secondary Content Breakdown:<\/strong><\/p>\n\n\n\n<p>Secondary content comes after your Primary Content (Above-The-Fold).The goal is to convince your visitors how best your product can resolve their issues by educating them on what exactly they\u2019ll get out of using it.<br><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1-benefits-list\"><\/span>1. Benefits List:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mostly business mentions a huge list of benefits onto their website that has nothing to do with any potential benefit for customers and this is where they commit a mistake.<\/p>\n\n\n\n<p>Upon landing on your website, the first question your visitor would ask is\u201cWhat\u2019s in it for me?\u201d \u2014\u201cWhy should I hire you?\u201d No matter how good your sounds to yourself.<\/p>\n\n\n\n<p>Rather keep your focus on a list of offerings that can benefit your users that can better connect to the emotional side of the people and can make them draw towards its \u2018instant\u2019 purchase.<\/p>\n\n\n\n<p>The key here is to show how your product can make a change in your audience live and what better are you offering them than industry competitors. Don\u2019t unload a boring list of features on your visitors and rather focus on your primary competitive offerings that can make your audience grab your product immediately.<br><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2-trust-indicators\"><\/span>2. Trust Indicators:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Trust indicators can be customer reviews, ratings or testimonials in the form of their success, professional accreditation, global ranking or any social network shares that can speak volumes of trust about the business.<br><br><\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p>Don\u2019t forget to add these positive associations on your Homepage so as to convey the impression that your business is run by humans and not robots. This can be a powerful tool to draw your visitors near who can probably be your potential customer.<br><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3-features-list\"><\/span>3. Features List:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Don\u2019t forget to include a section of Features list on your Homepage to help your potential customers better understand what exactly they are getting while they make a purchase with you.<\/p>\n\n\n\n<p>Focus on your most compelling features that your visitors would love to have and can better resolve your customer issues, rather than listing plenty of those that have nothing to do with your customer issues or problems.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Don\u2019t switch off the page if you aren\u2019t that skilled website designer.This post is for everybody who wants to make a killer, Customized Website Designer building a Homepage for the first time in life for his newbie business. We know you want to make it awesome! Having a great website doesn\u2019t mean that it needs <\/p>\n","protected":false},"author":45,"featured_media":3294,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[],"class_list":["post-1681","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/posts\/1681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/comments?post=1681"}],"version-history":[{"count":0,"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/posts\/1681\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/media\/3294"}],"wp:attachment":[{"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/media?parent=1681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/categories?post=1681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vocso.com\/blog\/wp-json\/wp\/v2\/tags?post=1681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}