Recherche avancée

Sur d’autres sites (10839)

• What is Funnel Analysis ? A Complete Guide for Quick Results

  25 janvier 2024, par Erin

  Your funnel is leaking.

  You’re losing visitors.

  You’re losing conversions and sales.

  But you don’t know how it’s happening, where it’s happening, or what to do about it.

  The reason ? You aren’t properly analysing your funnels.

  If you want to improve conversions and grow your business, you need to understand how to properly assess your sales funnels to set yourself up for success.

  In this guide, we’ll show you what funnel analysis is, why it’s important, and what steps you need to take to leverage it to improve conversions.

  What is funnel analysis ?

  Every business uses sales funnels, whether they know it or not.

  But most people aren’t analysing them, costing them conversions.

  

  Funnel analysis is a marketing method to analyse the events leading to specific conversion points. 

  It aims to look at the entire journey of potential customers from the moment they first touch base with your website or business to the moment they click “buy.”

  It’s assessing what your audience is doing at every step of the journey.

  By assessing what actions are taking place at scale, you can see where you’re falling short in your sales funnel.

  You’ll see :

  1. Where prospects are falling off.
  2. Where people are converting well.

  By gaining this understanding, you’ll better understand the health of your website’s sales funnels and overall marketing strategy.

  With that knowledge, you can optimise your marketing strategy to patch those leaks, improve conversions and grow your business.

  Why funnel analysis is important

  Funnel analysis is critical because your funnel is your business.

  When you analyse your funnel, you’re analysing your business.

  You’re looking at what’s working and what’s not so you can grow revenue and profit margins.

  Funnel analysis lets you monitor user behaviour to show you the motivation and intention behind their decisions.

  Here are five reasons you need to incorporate funnel analysis into your workflow.

  

  1. Gives insights into your funnel problems

  The core purpose of funnel analysis is to look at what’s going on on your website.

  What are the most effective steps to conversion ?

  Where do users drop off in the conversion process ?

  And which pages contribute the most to conversion or drop-offs ?

  Funnel analysis helps you understand what’s going on with your site visitors. Plus, it helps you see what’s wrong with your funnel.

  If you aren’t sure what’s happening with your funnel, you won’t know what to improve to grow your revenue.

  2. Improves conversions

  When you know what’s going on with your funnel, you’ll know how to improve it.

  To improve your conversion funnel, you need to close the leaks. These are areas where website visitors are falling off.

  It’s the moment the conversion is lost.

  You need to use funnel analysis to give insight into these problem areas. Once you can see where the issue is, you can patch that leak and improve the percentage of visitors who convert.

  For example, if your conversion rate on your flagship product page has plateaued and you can’t figure out how to increase conversions, implementing a funnel analysis tactic like heatmaps will show you that visitors are spending time reading your product description. Still, they’re not spending much time near your call to action.

  

  This might tell you that you need to update your description copy or adjust your button (i.e. colour, size, copy). You can increase conversions by making those changes in your funnel analysis insights.

  3. Improves the customer experience

  Funnel analysis helps you see where visitors spend their time, what elements they interact with and where they fall off.

  One of the key benefits of analysing your funnel is you’ll be able to help improve the experience your visitors have on your website.

  For example, if you have informational videos on a specific web page to educate your visitors, you might use the Media Analytics feature in your web analytics solution to find out that they’re not spending much time watching them.

  This could lead you to believe that the content itself isn’t good or relevant to them.

  But, after implementing session recordings within your funnel analysis, you see people clicking a ton near the play button. This might tell you that they’re having trouble clicking the actual button on the video player due to poor UX.

  In this scenario, you could update the UX on your web page so the videos are easy to click and watch, no matter what device someone uses.

  With more video viewers, you can provide value to your visitors instead of leaving them frustrated trying to watch your videos.

  4. Grows revenue

  This is what you’re likely after : more revenue.

  More often than not, this means you need to focus on improving your conversion rate.

  Funnel analysis helps you find those areas where visitors are exiting so you can patch those leaks up and turn more visitors into customers.

  Let’s say you have a conversion rate of 1.7%.

  You get 50,000 visitors per month.

  Your average order is $82.

  Even if you increase your conversion rate by 10% (to 1.87%) through funnel analysis, here’s the monthly difference in revenue :

  Before : $69,700
  After : $76,670

  In one year, you’ll make nearly $80,000 in additional revenue from funnel analysis alone.

  Different types of funnel analysis

  There are a few different types of funnel analysis.

  How you define success in your funnel all comes down to one of these four pillars.

  Depending on your goals, business and industry, you may want to assess the different funnel analyses at different times.

  1. Pageview funnel analysis

  Pageview funnel analysis is about understanding how well your website content is performing. 

  It helps you enhance user experience, making visitors stay longer on your site. By identifying poor performing pages (pages with high exit rates), you can pinpoint areas that need optimisation for better engagement.

  2. Conversion funnel analysis

  Next up, we’re looking at conversion funnel analysis.

  This type of funnel analysis is crucial for marketers aiming to turn website visitors into action-takers. This involves tracking and optimising conversion goals, such as signing up for newsletters, downloading ebooks, submitting forms or signing up for free trials. 

  The primary goal of conversion funnel analysis is to boost your website’s overall conversion rates.

  3. E-commerce funnel analysis

  For businesses selling products online, e-commerce funnel analysis is essential. 

  It involves measuring whether your products are being purchased and finding drop-off points in the purchasing process. 

  By optimising the e-commerce funnel, you can enhance revenue and improve the overall efficiency of your sales process.

  How to conduct funnel analysis

  Now that you understand what funnel analysis is, why it’s important, and the different types of analysis, it’s time to show you how to do it yourself.

  To get started with funnel analysis, you need to have the right web analytics solution.

  Here are the most common funnel analysis tools and methods you can use :

  1. Funnel analytics

  If you want to choose a single tool to conduct funnel analysis, it’s an all-in-one web analytics tool, like Matomo.

  

  With Matomo’s Funnel Analytics, you can dive into your whole funnel and analyse each step (and each step’s conversion rate).

  

  For instance, if you look at the example above, you can see the proceed rate at each funnel step before the conversion page.

  This means you can improve each proceed rate, to drive more traffic to your conversion page in order to increase conversion rates.

  In the above snapshot from Matomo, it shows visitors starting on the job board overview page, moving on to view specific job listings. The goal is to convert these visitors into job applicants.

  However, a significant issue arises at the job view stage, where 95% of visitors don’t proceed to job application. To increase conversions, we need to first concentrate on improving the job view page.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  2. Heatmaps

  Heatmaps is a behaviour analytics tool that lets you see different visitor activities, including :

  • Mouse movement
  • How far down visitors scroll
  • Clicks

  You can see which elements were clicked on and which weren’t and how far people scroll down your page.

  

  A heatmap lets you see which parts of a page are getting the most attention and which parts go unnoticed by your users.

  For example, if, during your funnel analysis, you see that a lot of visitors are falling off after they land on the checkout page, then you might want to add a heatmap on your checkout page to see where and why people are exiting.

  3. Session recordings

  Want to see what individual users are doing and how they’re interacting with your site ?

  Then, you’ll want to check out session recordings.

  A session recording is a video playback of a visitor’s time on your website.

  

  It’s the most effective method to observe your visitors’ interactions with your site, eliminating uncertainty when identifying areas for funnel improvement.

  Session recordings instill confidence in your optimisation efforts by providing insights into why and where visitors may be dropping off in the funnel.

  4. A/B testing

  If you want to take the guesswork out of optimising your funnel and increasing your conversions, you need to start A/B testing.

  An A/B test is where you create two versions of a web page to determine which one converts better.

  

  For example, if your heatmaps and session recordings show that your users are dropping off near your call to action, it may be time to test a new version.

  You may find that by simply testing a different colour button, you may increase conversions by 20% or more.

  5. Form analytics

  Are you trying to get more leads to fill out forms on your site ?

  Well, Form Analytics can help you understand how your website visitors interact with your signup forms.

  You can view metrics such as starter rate, conversion rate, average hesitation time and average time spent.

  This information allows you to optimise your forms effectively, ultimately maximising your success.

  Let’s look at the performance of a form using Matomo’s Form Analytics feature below.

  

  In the Matomo example, our starter rate stands at a solid 60.1%, but there’s a significant drop to a submitter rate of 29.3%, resulting in a conversion rate of 16.3%.

  Looking closer, people are hesitating for about 16.2 seconds and taking nearly 1 minute 39 seconds on average to complete our form.

  This could indicate our form is confusing and requesting too much. Simplifying it could help increase sign-ups.

  See first-hand how Concrete CMS tripled their leads using Form Analytics in Matomo.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  Start optimising your funnels with Matomo today

  If you want to optimise your business, you must optimise your funnels.

  Without information on what’s working and what’s not, you’ll never know if your website changes are making a difference.

  Worse yet, you could have underperforming stages in your funnel, but you won’t know unless you start looking.

  Funnel analysis changes that.

  By analysing your funnels regularly, you’ll be able to see where visitors are leaking out of your funnel. That way, you can get more visitors to convert without generating more traffic.

  If you want to improve conversions and grow revenue today, try Matomo’s Funnel Analytics feature.

  You’ll be able to see conversion rates, drop-offs, and fine-tuned details on each step of your funnel so you can turn more potential customers into paying customers.

  Additionally, Matomo comes equipped with features like heatmaps, session recordings, A/B testing, and form analytics to optimise your funnels with confidence.

  Try Matomo free for 21-days. No credit card required.

  Try Matomo for Free

  21 day free trial. No credit card required.

  
  

  Your email address
  

• Web Analytics : The Quick Start Guide

  25 janvier 2024, par Erin

  You’ve spent ages carefully designing your website, crafting copy to encourage as many users as possible to purchase your product. 

  But they aren’t. And you don’t know why. 

  The good news is you don’t have to remain in the dark. Collecting and analysing web analytics lets you understand how your users behave on your site and why they aren’t converting. 

  But before you can do that, you need to know what those metrics and KPIs mean. That’s why this article is taking things back to basics. Below, we’ll show you which metrics to track, what they mean and how to choose the best web analytics platform. 

  What is web analytics ?

  Web analytics is the process of collecting, analysing and reporting website data to understand how users behave on your website. Web analytics platforms like Matomo collect this data by adding a code line to every site page. 

  Why is it important to track web analytics ?

  There are plenty of reasons you should start tracking web analytics, including the following :

  

  Analyse user behaviour

  Being able to analyse user behaviour is the most important reason to track website analytics. After all, you can’t improve your website’s conversion rate if you don’t know what users do on your site.

  A web analytics platform can show you how users move around your site, the links they click on and the forms they fill in. 

  Improve site experience

  Web analytics is a fantastic way to identify issues and find areas where your site could improve. You could look at your site’s exit pages, for example, and see why so many users leave your site when viewing one of these pages and what you can do to fix it.

  It can also teach you about your user’s preferences so you can improve the user experience in the future. Maybe they always click a certain type of button or prefer one page’s design over another. Whatever the case, you can use the data to make your site more user-friendly and increase conversions.

  Boost marketing efforts

  Web analytics is one of the best ways to understand your marketing efforts and learn how to improve them.

  A good platform can collect valuable data about your marketing campaigns, including :

  • Where users came from
  • What actions these users take on your site
  • Which traffic sources create the most conversions

  This information can help you decide which marketing campaigns send the best users to your site and generate the highest ROI. 

  Make informed decisions

  Ultimately, web analytics simplifies decision-making for your website and marketing efforts by relying on concrete data instead of guesswork.

  Rather than wonder why users aren’t adding products to their shopping cart or signing up for your newsletter, you can analyse how they behave and use that information to hypothesise how you can improve conversions. Web analytics will even give you the data to confirm whether you were right or wrong. 

  What are the key metrics you should track ?

  Getting your head around web analytics means knowing the most important metrics to track. Below are seven key metrics and how to track them using Matomo. 

  Traffic

  Traffic is the number of people visiting your website over a period of time. It is the lifeblood of your website since the more visits your site receives, the more revenue it stands to generate.

  However, simply having a high volume of visitors does not guarantee substantial revenue. To maximise your success, focus on attracting your ideal customers and generating quality traffic from those who are most likely to engage with your offerings.

  Ideally, you should be seeing an upward trend in traffic over time though. The longer your website has been published and the more quality and targeted content you create, the more traffic you should receive. 

  Matomo offers multiple ways to check your website’s traffic :

  • Visits log report
  • Real-time visitor map
  • Visits in real-time report

  The visits log report in Matomo is perfect if you want a granular view of your visitors.

  

  It shows you each user session and get a detailed picture of each user, including :

  • Their geographic location
  • The number of actions they took
  • How they found your site
  • The length of time they stayed
  • Their device type
  • What browser they are using
  • The keyword they used to find your site

  Traffic sources

  Traffic sources show how users access your website. They can enter via a range of traffic sources, including search engines, email and direct visits, for instance.

  Matomo has five default traffic source types :

  • Search engine – visitors from search platforms (like Google, Bing, etc.)
  • Direct traffic – individuals who directly type your website’s URL into their browser or have it bookmarked, bypassing search engines or external links
  • Websites – visits from other external sites
  • Campaigns – traffic resulting from specific marketing initiatives (like a newsletter or ad campaign, for instance)
  • Social networks  – visitors who access your website through various social media platforms (such as Facebook, LinkedIn, Instagram. etc.)

  But each of these can be broken into more granular sources. Take organic traffic from search engines, for example :

  

  Matomo tracks visits from each search engine, showing you how many visits you had in total, how many actions those visitors took, and the average amount of time those visitors spent on your site. 

  You can even integrate Google, Bing and Yahoo search consoles to monitor keyword performance and enhance your search engine optimisation efforts.

  Pageviews

  Whenever a browser loads a page, your web analytics tool records a pageview. This term, pageview, represents the count of unique times a page on your website is loaded.

  You can track pageviews in Matomo by opening the Pages tab in the Behaviour section of the main navigation. 

  

  You can quickly see your site’s most visited pages in this report in Matomo. 

  Be careful of deriving too much meaning from pageviews. Just because a page has lots of views, doesn’t necessarily mean it’s quality or valuable. There are a couple of reasons for this. First, the page might be confusing, so users have to keep revisiting it to understand the content. Second, it could be the default page most visitors land on when they enter your site, like the homepage. 

  While pageviews offer insights, it’s important to dig deeper into user behaviour and other metrics to truly gauge a page’s importance and impact.

  Average time on page

  Time on page is the amount of time users spend on the page on average. You can see average time on page in Matomo’s page analytics report.

  A low time on page score isn’t necessarily a bad thing. Users will naturally spend less time on gateway pages and checkout pages. A short time spent on checkout pages, especially if users are successfully completing their transactions, indicates that the checkout process is easy and seamless.

  Conversely, a longer time on blog posts is a positive indicator. It suggests that readers are genuinely engaged with the content.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  Returning visitors

  Returning visitors measures the number of people who visit your site more than once. It can be expressed as a number or a percentage. 

  While some analytics tools only show returning visitors as a percentage, Matomo lets you learn more about each of them in the Visitor profile report. 

  

  This report offers a full summary of a user’s previous actions, including :

  • How many times they’ve visited your site
  • The pages they viewed on each visit
  • Where they visited from
  • The devices they used
  • How quickly pages loaded

  When people keep coming back to a website, it’s usually a positive sign and means they like the service, content or products. But, it depends on the type of website. If it’s the kind of site where people make one-off purchases, the focus might not be on getting visitors to return. For a site like this, a high number of returning visitors could indicate that the website is confusing or difficult to use. 

  It’s all about the context – different websites have different goals, and it’s important to keep this in mind when analysing your site.

  Conversions

  A conversion is when a user takes a desired action on your website. This could be :

  • Making a purchase
  • Subscribing to your newsletter
  • Signing up for a webinar

  You can track virtually any action as a conversion in Matomo by setting goals and analysing the goals report.

  

  As you can see in the screenshot above, Matomo shows your conversions plotted over time. You can also see your conversion rate to get a complete picture and assign a value to each conversion to calculate how much revenue each conversion generates. 

  Bounce rate

  A visitor bounces when they leave your website without taking an action or visiting another page. 

  Typically, you want bounce rate to be low because it means people are engaged with your site and more likely to convert. However, in some cases, a high bounce rate isn’t necessarily bad. It might mean that visitors found what they needed on the first page and didn’t feel the need to look further. 

  The impact of bounce rate depends on your website’s purpose and goals.

  You can view your website’s bounce rate using Matomo’s page analytics report — the same report that shows pageviews.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  Web analytics best practices

  You should follow several best practices to get the most from website analytics data. 

  Choose metrics that align with your goals

  Only some metrics your analytics platform tracks will be relevant to your business. So don’t waste time analysing all of them.

  Instead, focus on the ones that matter most to your business. A marketer for an e-commerce store, for example, might focus on conversion-related metrics like conversion rate and total number of transactions. They might also want to look at campaign-related metrics, like traffic sources and bounce rates, so they can optimise paid ad campaigns accordingly. 

  A marketer looking to improve their site’s SEO, on the other hand, will want to track SEO web analytics like bounce rate and broken links.

  Add context to your data

  Don’t take your data at face value. There could be dozens of factors that impact how visitors access and use your site — many of which are outside your control. 

  For example, you may think an update to your site has sent your conversions crashing when, in reality, a Google algorithm update has negatively impacted your search traffic.

  Adding annotations within Matomo can provide invaluable context to your data. These annotations can be used to highlight specific events, changes or external factors that might influence your website metrics.

  

  By documenting significant occurrences, such as website updates, marketing campaigns or algorithm changes, you create a timeline that helps explain fluctuations in your data.

  Go further with advanced web analytics features

  It’s clear that a web analytics platform is a necessary tool to understand your website’s performance.

  However, if you want greater confidence in decision-making, quicker insights and better use of budget and resources, you need an advanced solution with behavioural analytics features like heatmaps, A/B testing and session recordings. 

  Most web analytics solutions don’t offer these advanced features, but Matomo does, so we’ll be showcasing Matomo’s behavioural analytics features.

  Now, if you don’t have a Matomo account, you can try it free for 21-days to see if it’s the right tool for you.

  

  A heatmap, like the example above, makes it easy to discover where your users pay attention, which part of your site they have problems with, and how they convert. It adds a layer of qualitative data to the facts offered by your web analytics tool.

  Similarly, session recordings will offer you real-time playbacks of user interactions, helping you understand their navigation patterns, identify pain points and gain insights into the user experience.

  Then you can run experiments bu using A/B testing to compare different versions of your website or specific elements, allowing you to make informed decisions based on actual user preferences and behaviour. For instance, you can compare different headlines, images, page layouts or call-to-action buttons to see which resonates better with your audience. 

  Together, these advanced features will give you the confidence to optimise your website, improve user satisfaction and make data-driven decisions that positively impact your business.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  How to choose a web analytics tool

  A web analytics tool is the best way to track the above metrics. Choose the best one for your company by following the steps below. 

  Look for the right features

  Most popular web analytics platforms, like Google Analytics, will offer the same core features like tracking website traffic, monitoring conversions and generating reports. 

  But it’s the added features that set great tools apart. Do you need specific tools to measure the performance of your e-commerce store, for example ? What about paid ad performance, A/B testing or form analytics ?

  By understanding exactly what you need from an analytics platform, you can make an informed choice. 

  Think about data accuracy

  Data accuracy is one of the biggest issues with analytics tools. Many users block cookies or opt out of tracking, making it difficult to get a clear picture of user behaviour — and meaning that you have to think about how your user data will be collected with your chosen platform.

  Google Analytics, for instance, uses data sampling to make assumptions about traffic levels rather than relying on accurate data. This can lead to inaccurate reports and false conclusions. 

  It’s why Matomo doesn’t use data sampling and provides 100% accurate data. 

  Understand how you’ll deal with data privacy

  Data privacy is another big concern for analytics users. Several major analytics platforms aren’t compatible with regional data privacy laws like GDPR, which can impact your ability to collect data in these regions. 

  It’s why many companies trust privacy-focused analytics tools that abide by regulations without impacting your ability to collect data. Matomo is a market leader in this respect and is one of the few web analytics tools that the Centre for Data Privacy Protection in France has said is exempt from tracking consent requirements.

  Many government agencies across Europe, Asia, Africa and North America, including organisations like the United Nations and European Commission, rely on Matomo for web analytics.

  Conclusion

  Web analytics is a powerful tool that helps you better understand your users, improve your site’s performance and boost your marketing efforts. 

  If you want a platform that offers advanced features, 100% accurate data and protects your users’ privacy, then look no further than Matomo. 

  Try Matomo free for 21 days, no credit card required. 

  Try Matomo for Free

  21 day free trial. No credit card required.

  
  

  Your email address
  

  Your website address
  

  Your Analytics subdomain will be .matomo.cloud (change)

• Homepage Design : Best Practices & Examples

  5 octobre 2022, par Erin

  Did you know users spend about 50 milliseconds deciding if they like your website’s homepage design or not ?

  With billions of websites and scrolling often done on the go, you have to make a strong first impression because the chances for a once-over are slim. 

  Learn how to design magnetically-appealing website homepages from this guide. 

  What is a homepage in web design ?

  Homepage is the front page of your website — a destination where users land when typing your website URL address. It’s located at the root of the website’s domain (e.g., matomo.org) or a subdomain (e.g., university.webflow.com).

  Design-wise a homepage has two goals :

  • Explain the purpose of the website and present overview information 
  • Provide top-level navigation to lower-level web pages (e.g., blog, sales pages, etc.) 

  Separately, a homepage is also the place where users will return each time they’ll feel stuck and want to start anew. Thus, your homepage website design should provide obvious navigation paths to other website areas.

  6 Must-Know Website Homepage Design Best Practices

  Behind every winning homepage design stands a detailed customer journey map. 

  A customer journey is a schematic representation of how site visitors will move around your website to accomplish various goals. 

  A good customer journey map lists different actions a user will take after landing on your website (e.g., browse product pages, save items to a wishlist, register an account, etc.) — and it does so for different audience segments. 

  

  Your homepage design should help users move from the first step on their journey (e.g., learning about your website) to the final one (e.g., converting to a paid customer). At the same time, your homepage should serve the needs of both new and returning visitors — prospects who may be at a different stage of their journey (e.g., consideration). 

  With the above in mind, let’s take a look at several website homepage design ideas and the reasons why they work. 

  1. Use Familiar Design Elements

  Whether you’re designing a new website or refreshing an old one, it’s always tempting to go “out of the box” — use horizontal scrolling, skip header navigation or include arty animations. 

  Bold design choices work for some brands, mainly those who aren’t using their website as a primary sales channel (e.g., luxury brands). 

  But unfamiliar design patterns can also intimidate a lot of shoppers. In one observational study, people were asked to guess where specific content (e.g., information on international calls) would be placed on a telecom website. 75% of users picked the same location. This means two things :

  • People already have expectations of where specific website information is typically placed 
  • Yet, one in four users struggles to identify the right areas even within standard website layouts

  So why make the job harder for them ? As UX consultant Peter Ramsey rightfully notes : 

  The truth is : designing the best experience isn’t about being unique, it’s about being easy. And guess what feels really easy to use ? Things that feel familiar.

  Therefore, analyse other homepage layout designs in your industry. Pay attention to the number and type of homepage screens and approaches to designing header/footer navigation. 

  Take some of those ideas as your “base”. Then make your homepage design on-brand with unique typography, icons, visuals and other graphic design elements.

  Take a cue from ICAM — a steel manufacturing company. Their niche isn’t typically exciting. Yet, their homepage design stops you in your tracks and tinkers your curiosity to discover more (even if you aren’t shopping for metalware). 

  

  The interesting part is that ICAM uses a rather standard homepage layout. You have a hero image in the first screen, followed by a multi-column layout of their industry expertise and an overview of manufacturers. 

  But this homepage design feels fresh because the company uses plenty of white space, bold typography and vibrant visuals. Also, they delay the creative twist (horizontal scrolling area) to the bottom of the homepage, meaning that it’s less likely to intimidate less confident web users. 

  2. Decide On The Optimal Homepage Layout 

  In web design, a homepage layout is your approach to visually organising different information on the screen. 

  Observant folks will notice that good homepage designs often have the same layout. For example, include a split-view “hero” screen with a call to action on the left and visuals (photo or video) on the left. 

  

  The reason for using similar layouts for website homepage design isn’t a lack of creativity. On the contrary, some layouts have become the “best practice” because they :

  • Offer a great user experience (UX) and don’t confuse first-time visitors 
  • Feel familiar and create a pleasurable sense of deja-vu among users 
  • Have proven to drive higher conversion rates through benchmarks and tests 

  Popular types of website homepage layouts : 

  • Single column – a classic option of presenting main content in a single, vertical column. Good choice for blogs, personal websites and simple corporate sites. 
  • Split screen layout divides the page in two equal areas with different information present. Works best for Ecommerce homepages (e.g., to separate different types of garments) or SaaS websites, offering two product types (e.g., a free personal product version and a business edition). 
  • Asymmetrical layout assumes dividing your homepage into areas of different size and styles. Asymmetry helps create specific focal points for users to draw their attention to the most prominent information. 
  • Grid of cards layout helps present a lot of information in a more digestible manner by breaking down bigger bulks of text into smaller cards — a graphic element, featuring an image and some texts. By tapping a card, users can then access extra content. 
  • Boxes are visually similar to cards, but can be of varying shape. For example, you can have a bigger header-width box area, followed by four smaller boxes within it. Both of these website layouts work well for Ecommerce. 
  • Featured image layout gives visuals (photos and videos) the most prominent placement on the homepage, with texts and other graphic design elements serving a secondary purpose. 
  • F-pattern layout is based on the standard eye movement most people have when reading content on the website. Eye tracking studies found that we usually pay the most attention to information atop of the page (header area), then scan horizontally before dripping down to the next vertical line until we find content that captures our attention. 

  User behaviour analytics (UBA) tools are the best way to determine what type of layout will work for your homepage. 

  For example, you can use Matomo Heatmaps and Session Recording to observe how users navigate your homepage, which areas or links they click and what blockers they face during navigation.

  

  Matomo can capture accurate behavioural insights because we track relative positions to elements within your websites. This approach allows us to provide accurate data for users with different browsers, operating systems, zoom-in levels and fonts. 

  The best part ? You can collect behavioural data from up to 100 different user segments to understand how different audience cohorts engage with your product.

  3. Include a One-Sentence Tagline

  A tagline is a one-line summary of what your company does and what its unique sales proposition (USP) is. It should be short, catchy and distinguish you from competitors.

  A modern homepage design practice is to include a call to action in the first screen. Why ? Because you then instantly communicate or remind of your value proposition to every user — and provide them with an easy way to convert whenever they are ready to do business with you. 

  Here’s how three companies with a similar product, a project management app, differentiate themselves through homepage taglines. 

  Monday.com positions itself as an operating system (OS) for work. 

  

  Basecamp emphasises its product simplicity and openly says that they are different from other overly-complex software. 

  

  Asana, in turn, addresses a familiar user pain point (siloed communication) that it attempts to fix with its product. 

  

  Coming up with the perfect homepage tagline is a big task. You may have plenty of ideas, but little confidence in what version will stick. 

  The best approach ? Let a series of A/B tests decide. You can test a roaster of homepage slogans on a rotating bi-weekly/monthly schedule and track how copy changes affect conversion rates. 

  With Matomo A/B test feature, you can create, track and manage all experiments straight from your web analytics app — and get consolidated reports on total page visitors and conversion rates per each tested variation. 

  

  Beyond slogans, you can also run A/B tests to validate submission form placements, button texts or the entire page layout. 

  For instance, you can benchmark how your new homepage design performs compared to the old version with a subset of users before making it publicly available. 

  4. Highlight The Main Tasks For The User

  Though casual browsing is a thing, most of us head to specific websites with a clear agenda — find information, compare prices, obtain services, etc. 

  Thus, your homepage should provide clear starting points for users’ main tasks (those you’ve also identified as conversion goals on your customer journey maps !).

  These tasks can include : 

  • Account registration 
  • Product demo request 
  • Newsletter sign-up 

  The best website homepage designs organically guide users through a set number of common tasks, one screen at a time. 

  Let’s analyse Sable homepage design. The company offers a no-fee bank account and a credit card product for soon-to-be US transplants. The main task a user has : Decide if they want to try Sable and hopefully open an account with them. 

  

  This mono-purpose page focuses on persuading a prospect that Sable is right for them. 

  The first screen hosts the main CTA with an animated drop-down arrow to keep scrolling. This is likely aimed at first-time visitors that just landed on the page from an online ad or social media post. 

  The second screen serves the main pitch — no-fee, no-hassle access to a US banking account that also helps you build your credit score. 

  The third screen encourages users to learn more about Sable Credit — the flagship product. For the sceptics, the fourth screen offers several more reasons to sign up for the credit product. 

  Then Sable moves on to pitching its second offering — a no-fee debit card with a cashback. Once again, the follow-up screen sweetens the deal by bringing up other perks (higher cashback for popular services like Amazon) and overcoming objections (no SSN required and multi-language support available). 

  The sequence ends with side-by-side product comparison and some extra social proof. 

  In Sable’s case, each homepage screen has a clear purpose and is designed to facilitate one specific user action — account opening. 

  For multi-product companies, the above strategy works great for designing individual landing pages. 

  5. Design Proper Navigation Paths

  All websites have two areas reserved for navigation : 

  • Header menu 
  • Footer menu 

  Designing an effective header menu is more important since it’s the primary tool visitors will use to discover other pages. 

  Your header menu can be :

  • Sticky — always visible as the person keeps scrolling. 
  • Static — e.g., a hidden drop-down menu. 

  If you go for a static header and have a longer homepage layout (e.g., 5+ screens), you also need to add extra navigation elements somewhere mid-page. Or else users might not figure out where to go next and merely bounce off. 

  You can do this by : 

  • Promoting other areas of your website (e.g., sub-category pages) by linking out to them 
  • Adding a carousel of “recent posts”, “recommended reads” and “latest products” 
  • Using buttons and CTAs to direct users towards specific actions (e.g., account registration) or assets (free eBook)

  For instance, cosmetics brand Typology doesn’t have a sticky header on the homepage. Instead, they prompt discovery by promoting different product categories (best sellers, bundles, latest arrivals) and their free skin diagnostic quiz — a great engagement mechanism to retain first time users.

  

  Once the user scrolls down to the bottom of the page, they should have an extra set of navigational options — aka footer links. 

  Again, these help steer the visitor towards discovering more content without scrolling back up to the top of your homepage. 

  Nielsen Norman Group says that people mostly use footers as :

  • A second chance to be convinced — after reading the entire homepage, the user is ready to give your product a go.
    
  • The last resort for hard-to-find content that’s not displayed in global header navigation (e.g., Terms and Conditions or shipping information pages).

  As a rule of thumb, you should designate the following information to the footer : 

  • Utility links (Contact page, Terms & Conditions, Privacy Policy, etc.) 
  • Secondary-task links (e.g., Career page, Investor Details, Media contacts, etc.) 
  • Brands within the organisation (if you operate several) 
  • Customer engagement link (email newsletters and social media buttons)

  The key is to keep the area compact — not more than one standard user screen resolution of 1280×720. 

  6. Show Users What’s Clickable (Or Not) 

  A homepage invites your site visitors on a journey. But if they don’t know which elements to click, they aren’t going to get anywhere.

  Good homepage design makes it obvious which page elements are clickable, i.e., can take the user to a new page or another segment of the homepage. 

  Here are several must-know homepage design tips for better on-page navigation : 

  • Use colour and underline or bold to highlight clickable words. Alternatively, you can change the browser cursor from a standard arrow into another element (e.g., a larger dot or a pointy finger) to indicate when the cursor hovers over a clickable website area. 
  • Make descriptive button texts that imply what will happen when a user clicks the page. Instead of using abstract and generic button texts like “see more” or “learn more”, try a more vibrant language like “dive in” for clicking through to a spa page. 
  • Use a unified hover area to show how different homepage design elements represent a single path or multiple navigation paths. When multiple items are encapsulated in one visual element (e.g., a box), users may be reluctant to click the image because they aren’t sure if it’s one large hit area leading to a single page or if there are multiple hit areas, leading to different pages. 

  Homepage of BEAUSiTE — a whimsical hotel in the Swiss Alps – embodies all of the above design principles. They change the cursor style whenever you scroll into a hit area, use emotive and creative micro-copy for all button texts and clearly distinguish between different homepage elements.

  

  How to Make Your Homepage Design Even More Impactful ? 

  Website homepage design is roughly 20% of pure design work and 80% of behind-the-scenes research. 

  To design a high-performing homepage you need to have data-backed answers to the following questions : 

  • Who are your primary and secondary target audiences ? 
  • Which tasks (1 to 4) you’d want to help them solve through your homepage ?

  You can get the answers to both questions from your web analytics data by using audience segmentation and page transition (behaviour flow) reports in Matomo. 

  Based on these, you can determine common user journeys and tasks people look to accomplish when visiting your website. Next, you can collect even more data with UBA tools  like heatmaps and user session recordings. Then translated the observed patterns into working homepage design ideas. 

  Improve your homepage design and conversion rates with Matomo. Start your free 21-day trial now ! 

  21 day free trial. No credit card required.

  Your email address
  

  Your website address
  

  Your Analytics subdomain will be .matomo.cloud (