Recherche avancée

Médias (0)

Mot : - Tags -/xmlrpc

Aucun média correspondant à vos critères n’est disponible sur le site.

Autres articles (58)

  • Des sites réalisés avec MediaSPIP

    2 mai 2011, par

    Cette page présente quelques-uns des sites fonctionnant sous MediaSPIP.
    Vous pouvez bien entendu ajouter le votre grâce au formulaire en bas de page.

  • Support audio et vidéo HTML5

    10 avril 2011

    MediaSPIP utilise les balises HTML5 video et audio pour la lecture de documents multimedia en profitant des dernières innovations du W3C supportées par les navigateurs modernes.
    Pour les navigateurs plus anciens, le lecteur flash Flowplayer est utilisé.
    Le lecteur HTML5 utilisé a été spécifiquement créé pour MediaSPIP : il est complètement modifiable graphiquement pour correspondre à un thème choisi.
    Ces technologies permettent de distribuer vidéo et son à la fois sur des ordinateurs conventionnels (...)

  • HTML5 audio and video support

    13 avril 2011, par

    MediaSPIP uses HTML5 video and audio tags to play multimedia files, taking advantage of the latest W3C innovations supported by modern browsers.
    The MediaSPIP player used has been created specifically for MediaSPIP and can be easily adapted to fit in with a specific theme.
    For older browsers the Flowplayer flash fallback is used.
    MediaSPIP allows for media playback on major mobile platforms with the above (...)

Sur d’autres sites (7803)

  • 7 Best Marketing Attribution Software in 2024

    22 février 2024, par Erin

    It can be hard to accurately track the impact of your marketing efforts across marketing channels and campaigns. That’s where marketing attribution software comes in. 

    It goes beyond basic web analytics solutions that just look at the final click. Instead, it shows how different channels, content, and ads are performing at every step of the buyer’s journey, which gives a more accurate picture than just focusing on the last click.

    In this guide, we’ll cover the basics of marketing attribution, list the top marketing attribution software and explain how the issue of privacy is transforming the web analytics industry.

    What is marketing attribution ?

    Marketing attribution is the process of assigning credit to each touchpoint in a buyer’s journey that leads to a desired action (such as a conversion or sale) in order to understand the effectiveness of various marketing channels and campaigns in influencing the customer’s decision-making process.

    Marketers use software tools like website analytics to to track and analyse customer interactions across different touchpoints, allowing them to attribute conversions or sales to specific marketing efforts and optimise their strategies and budgets accordingly.

    Why is marketing attribution so important ?

    If you don’t track your campaigns correctly, it’s easy to spend thousands (or even millions) in an ineffective way. A 2022 survey by Australian marketing agency Next&Co revealed their clients wasted AU$5.46 billion in ineffective ad spend.

    Illustrated statistic showing how much ad spend was wasted in 2022

    That’s 41% of all the ad spend tracked by Next&Co in 2022. A wasted marketing spend percentage this high isn’t exactly a recipe for a high marketing return on investment (ROI). And yet, it’s the average.

    Why is that ? 

    Most companies don’t actively track the results of their marketing campaigns actively enough.

    By improving your marketing attribution, you can determine which channels, ads, and campaigns work and which don’t. Then, you can move the budget from ineffective channels to effective ones.

    Even if you can only identify half of your wastage, this could be 20% or more of your total spend. Just imagine what your bottom line would look like if your marketing budget were 20% more effective.

    That’s the power that marketing attribution, when done right, brings to the table. It’s the road to a higher marketing ROI.

    Common marketing attribution models and how they’re different 

    The default model for attributing completed goals in most analytics tools is either the last interaction or the last non-direct interaction.

    However, some multi-touch models can help you get a more holistic view of the impact of your marketing efforts.

    Pros and cons of different marketing attribution models.
    • Last interaction model : attributes the conversion to the final interaction or referring source (campaign or ad).
    • Last non-direct interaction model : attributes the conversion to the final touchpoint that was not a direct visit to your website. (For example, if a search ad took them to a product page, the user bookmarked it and returned directly the next day to finish the purchase. The credit would go to the search ad as it’s the last non-direct touchpoint.)
    • First interaction model : attributes the conversion to the first referring event alone.
    • Linear model : gives equal value to every touchpoint throughout the customer journey. 
    • Time decay model : gives more value to touchpoints the closer they were to the actual sale.
    • Position-based model : gives more value to the first and last touchpoints — often 40% each, while splitting 20% among the rest.

    You can read our guide dedicated to marketing attribution models for more details on these models.

    Types of marketing attribution software and the impact of privacy regulations

    Until recently, digital advertising was the “scientific” advertisers’ utopia. Everything could be measured, with cookies from giants like Google and Facebook stalking every user across the web.

    But with the advent of regulations like GDPR and the CCPA, you can no longer blindly trust Google Analytics or the Meta Pixel without consequences.

    Multi-channel attribution tools with third-party cookies and GDPR

    Google, Meta, and other companies used to track and combine user data from their own platforms and websites across the web that installed their tags. These third-party cookies have long been under fire and have caused several GDPR fines.

    Illustration of the privacy issues with some multi-channel attribution tools

    The alternative : analytics platforms with first-party cookies

    In a post-GDPR digital marketing landscape, a compliant-by-default web analytics platform like Matomo is a more reliable and accurate alternative.

    Plus, with a platform like Matomo, you don’t need to rely on data from digital advertising platforms like Facebook Ads and Google Ads. You can accurately track referral sources using our campaign tracking parameters.

    7 best marketing attribution software in 2024

    Below is the list of our favourite marketing attribution tools in 2024. If you find and use one that suits your needs correctly, you can quickly boost your marketing performance.

    1. Matomo — Accurate and easiest to set up for marketing attribution

    Matomo is a privacy-friendly web analytics suite that empowers you to accurately attribute marketing efforts and gain valuable insights while prioritising user privacy and compliance.

    Matomo integrates with e-commerce platforms like WooCommerce and Magenta. That makes it easy for B2C marketing teams to track the revenue impact of their campaigns.

    Multi-channel conversion attribution report in Matomo analytics

    You can also compare a variety of attribution models against each other. B2B teams can use our API to integrate Matomo with their CRM.

    Pros :

    • Relies on first-party cookies for tracking, ensuring accurate data collection and attribution of user actions
    • Includes additional features like Heatmaps, Session Recordings, Form Analytics, A/B Testing, and more
    • Easy to set up and use
    • Features most common multi-touch attribution models

    Cons :

    • Limited to owned channels (website and e-commerce store) due to first-party cookies and data (but you can integrate other data sources through a CRM)

    Pricing

    The self-hosted version is free. The cloud hosted version starts at $19 per month and includes a 21-day free trial. No credit card requierd. 

    Try Matomo for Free

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

    No credit card required

    2. WhatConverts — Great option for leads-based businesses with high ad spend

    WhatConverts is a marketing attribution tool with a focus on lead tracking. With most web analytics setups, it adds call and text tracking to the typical form-only tracking.

    Screenshot of the WhatConverts homepage

    Pros :

    • Reliable call and text tracking
    • Revenue attribution to specific leads (and, by extension, campaigns and ads)

    Cons :

    • Focused exclusively on leads — little utility for e-commerce companies 

    Pricing

    The cheapest plan starts at $30/month but does not include analytics integrations or form tracking. To access this and advanced flow tracking and attribution features, you need the Elite plan, which starts at $160/month.

    3. HubSpot Marketing Hub — Ideal CRM for larger B2B companies

    HubSpot is a marketing CRM with attribution features for tracking and analysis.

    Screenshot of the HubSpot homepage

    The platform is very broad — encompassing CRM, email automation and other tools — which makes it challenging to use effectively. The price tag is also quite steep for smaller companies and marketing teams.

    Pros :

    • Concretely tracks revenue to multiple different touchpoints and marketing channels
    • Includes several different multi-touch attribution models
    • Allows offline conversion tracking

    Cons :

    • The price point is too high for smaller teams
    • Cam be difficult to set up effectively

    Pricing

    Since marketing attribution is only included in HubSpot Marketing Hub’s Professional and Enterprise plans, pricing starts at $800/month (paid annually). If you commit for a year but pay monthly, the price is $890/month for the professional plan. This goes up with additional add-ons and as your contacts increase as well. 

    4. ActiveCampaign — Good CRM option for small B2B companies

    ActiveCampaign is a CRM and marketing automation platform that can help you trace leads and revenue back to their source.

    Screenshot of the ActiveCampaign homepage

    Although it has a similar scope of features to HubSpot, it is more affordable and slightly easier to use for beginners.

    Pros :

    • Tracks sales revenue back to specific marketing touchpoints
    • Powerful marketing automation features

    Cons :

    • B2B companies may need to purchase two plans, one ActiveCampaign marketing and one CRM.

    Pricing

    Unlike HubSpot, ActiveCampaign offers a much more affordable plan, starting at $29/month billed annually (for up to 1,000 contacts). The marketing and sales CRM bundle starts at $93/month with up to five users.

    5. Salesforce Data Cloud for Marketing — Ideal CRM for enterprises

    Salesforce is a robust and feature-rich CRM that many enterprises rely on for their sales teams.

    Screenshot of the Salesforce homepage

    That makes Salesforce’s marketing attribution platform a logical choice for existing Salesforce users.

    Pros :

    • Uses prospect and sales data from CRM to attribute revenue
    • Revenue prediction analytics
    • Lead scoring to help your sales team focus on high-value leads

    Cons :

    • Difficult to set up and use
    • Clunky and aged user interface
    • Relatively high price point

    Pricing

    The limited Marketing Cloud Account Engagement Growth plan starts at $1,250/month, billed annually. To access advanced cross-channel journeys, you need the Pro plan, which starts at $2,750 monthly.

    6. Terminus — Great for account-based marketing

    If your marketing team uses an account-based marketing (ABM) approach, Terminus might be the right option for you.

    Screenshot of the Terminus homepage

    It offers ABM tools like target account event tracking and revenue attribution tools for your marketing campaigns.

    Pros :

    • Advanced multi-channel revenue attribution tools with a wide range of reports
    • Track intent touchpoints back to target accounts
    • Reliable revenue predictions help you focus your marketing activities

    Cons :

    • Complex and difficult to set up, understand and use effectively
    • Lacks native integrations with many common advertising platforms and analytics tools

    Pricing

    Terminus offers no standard pricing plans. You must contact their sales team for a custom quote based on your needs.

    7. Adobe Analytics — An analytics for enterprises

    Adobe Analytics is part of the Adobe Experience Cloud, with plenty of big data analysis tools for enterprises. Although the platform is quite powerful, it is equally complex and difficult to use. The price point is also prohibitive for many smaller companies.

    Screenshot of the Adobe Analytics homepage

    Pros :

    • Very extensive reporting tools
    • Predictive analytics give you solid leading indicator for future campaign performance
    • Track multiple digital touchpoints across the entire customer journey

    Cons :

    • Like Google Analytics, Adobe Analytics aggregates your visitor data by default, making compliant “consent-free tracking” — tracking user actions without asking for consent — impossible according to GDPR. (See more differences in Matomo’s comparison against Adobe Analytics and Google Analytics.)
    • Prohibitively expensive for most smaller companies
    • Very steep learning curve for setting up and using it correctly

    Pricing

    Adobe Analytics uses usage-based pricing — which means they adjust the pricing based on the traffic volume to your website. Still, their lower price points aren’t exactly SMB-friendly — multiple sources put Adobe’s lowest starting price point at $2,000–2,500 per month.

    Get accurate marketing attribution with Matomo (without privacy concerns)

    Matomo allows you to do marketing attribution effectively and accurately without compromising your users’ privacy. By default, we only use first-party cookies and offer consent-free tracking – meaning no more annoying cookie consent banners (excluding in Germany and the UK).

    If you want to boost your marketing performance without disregarding your users’ privacy, get started with our 21-day free trial. No credit card required. It’s time to make more informed decisions about your marketing campaigns.

  • Top 4 CRO Tools to Boost Your Conversion Rates in 2024

    31 octobre 2023, par Erin

    Are you tired of watching potential customers leave your website without converting ? You’ve spent countless hours creating an engaging website, but those high bounce rates keep haunting you.

    The good news ? The solution lies in the transformative power of Conversion Rate Optimisation (CRO) tools. In this guide, we’ll dive deep into the world of CRO tools. We will equip you with strategies to turn those bounces into conversions.

    Why are conversion rate optimisation tools so crucial ?

    CRO tools can be assets in digital marketing, playing a pivotal role in enhancing online businesses’ performance. CRO tools empower businesses to improve website conversion rates by analysing user behaviour. You can then leverage this user data to optimise web elements.

    Improving website conversion rates is paramount because it increases revenue and customer satisfaction. A study by VentureBeat revealed an average return on investment (ROI) of 223% thanks to CRO tools.

    173 marketers out of the surveyed group reported returns exceeding 1,000%. Both of these data points highlight the impact CRO tools can have.

    Toolbox with a "CRO" label full of various tools

    Coupled with CRO tools, certain testing tools and web analytics tools play a crucial role. They offer insight into user behaviour patterns, enabling businesses to choose effective strategies. By understanding what resonates with users, these tools help inform data-driven decisions. This allows businesses to refine online strategies and enhance the customer experience.

    CRO tools enhance user experiences and ensure business sustainability. Integrating these tools is crucial for staying ahead. CRO and web analytics work together to optimise digital presence. 

    Real-world examples of CRO tools in action

    In this section, we’ll explore real case studies showcasing CRO tools in action. See how businesses enhance conversion rates, user experiences, and online performance. These studies reveal the practical impact of data-driven decisions and user-focused strategies.

    A computer with A and B on both sides and a magnifying glass hovering over the keyboard

    Case study : How Matomo’s Form Analytics helped Concrete CMS 3x leads

    Concrete CMS, is a content management system provider that helps users build and manage websites. They used Matomo’s Form Analytics to uncover that users were getting stuck at the address input stage of the onboarding process. Using these insights to make adjustments to their onboarding form, Concrete CMS was able to achieve 3 times the amount of leads in just a few days.

    Read the full Concrete CMS case study.

    Best analytics tools for enhancing conversion rate optimisation in 2023

    Jump to the comparison table to see an overview of each tool.

    1. Matomo

    Matomo main dashboard

    Matomo stands out as an all-encompassing tool that seamlessly combines traditional web analytics features (like pageviews and bounce rates) with advanced behavioural analytics capabilities, providing a full spectrum of insights for effective CRO.

    Key features

    • Heatmaps and Session Recordings :
      These features empower businesses to see their websites through the eyes of their visitors. By visually mapping user engagement and observing individual sessions, businesses can make informed decisions, enhance user experience and ultimately increase conversions. These tools are invaluable assets for businesses aiming to create user-friendly websites.
    • Form Analytics :
      Matomo’s Form Analytics offers comprehensive tracking of user interactions within forms. This includes covering input fields, dropdowns, buttons and submissions. Businesses can create custom conversion funnels and pinpoint form abandonment reasons. 
    • Users Flow :
      Matomo’s Users Flow feature tracks visitor paths, drop-offs and successful routes, helping businesses optimise their websites. This insight informs decisions, enhances user experience, and boosts conversion rates.
    • Surveys plugin :
      The Matomo Surveys plugin allows businesses to gather direct feedback from users. This feature enhances understanding by capturing user opinions, adding another layer to the analytical depth Matomo offers.
    • A/B testing :
      The platform allows you to conduct A/B tests to compare different versions of web pages. This helps determine which performs better in conversions. By conducting experiments and analysing the results within Matomo, businesses can iteratively refine their content and design elements.
    • Funnels :
      Matomo’s Funnels feature empower businesses to visualise, analyse and optimise their conversion paths. By identifying drop-off points, tailoring user experiences and conducting A/B tests within the funnel, businesses can make data-driven decisions that significantly boost conversions and enhance the overall user journey on their websites.

    Pros

    • Starting at $19 per month, Matomo is an affordable CRO solution.
    • Matomo guarantees accurate data, eliminating the need to fill gaps with artificial intelligence (AI) or machine learning. 
    • Matomo’s open-source framework ensures enhanced security, privacy, customisation, community support and long-term reliability. 

    Cons

    • The On-Premise (self-hosted) version is free, with additional charges for advanced features.
    • Managing Matomo On-Premise requires servers and technical know-how.

    Try Matomo for Free

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

    No credit card required

    2. Google Analytics

    Traffic tracking chart and life cycle

    Google Analytics provides businesses and website owners valuable insights into their online audience. It tracks website traffic, user interactions and analyses conversion data to enhance the user experience.

    While Google Analytics may not provide the extensive CRO-specific features found in other tools on this list, it can still serve as a valuable resource for basic analysis and optimisation of conversion rates.

    Key features

    • Comprehensive Data Tracking :
      Google Analytics meticulously tracks website traffic, user behaviour and conversion rates. These insights form the foundation for CRO efforts. Businesses can identify patterns, user bottlenecks and high-performing areas.
    • Real-Time Reporting :
      Access to real-time data is invaluable for CRO efforts. Monitor current website activity, user interactions, and campaign performance as they unfold. This immediate feedback empowers businesses to make instant adjustments, optimising web elements and content for maximum conversions.
    • User flow analysis
      Visualise and understand how visitors navigate through your website. It provides insights into the paths users take as they move from one page to another, helping you identify the most common routes and potential drop-off points in the user journey.
    • Event-based tracking :
      GA4’s event-based reporting offers greater flexibility and accuracy in data collection. By tracking various interactions, including video views and checkout processes, businesses can gather more precise insights into user behaviour. 
    • Funnels :
      GA4 offers multistep funnels, path analysis, custom metrics that integrate with audience segments. These user behaviour insights help businesses to tailor their websites, marketing campaigns and user experiences.

    Pros

    • Flexible audience management across products, regions or brands allow businesses to analyse data from multiple source properties. 
    • Google Analytics integrates with other Google services and third-party platforms. This enables a comprehensive view of online activities.
    • Free to use, although enterprises may need to switch to the paid version to accommodate higher data volumes.

    Cons

    • Google Analytics raises privacy concerns, primarily due to its tracking capabilities and the extensive data it collects.
    • Limitations imposed by thresholding can significantly hinder efforts to enhance user experience and boost conversions effectively.
    • Property and sampling limits exist. This creates problems when you’re dealing with extensive datasets or high-traffic websites. 
    • The interface is difficult to navigate and configure, resulting in a steep learning curve.

    3. Contentsquare

    Pie chart with landing page journey data

    Contentsquare is a web analytics and CRO platform. It stands out for its in-depth behavioural analytics. Contentsquare offers detailed data on how users interact with websites and mobile applications.

    Key features

    • Heatmaps and Session Replays :
      Users can visualise website interactions through heatmaps, highlighting popular areas and drop-offs. Session replay features enable the playback of user sessions. These provide in-depth insights into individual user experiences.
    • Conversion Funnel Analysis :
      Contentsquare tracks users through conversion funnels, identifying where users drop off during conversion. This helps in optimising the user journey and increasing conversion rates.
    • Segmentation and Personalisation :
      Businesses can segment their audience based on various criteria. Segments help create personalised experiences, tailoring content and offers to specific user groups.
    • Integration Capabilities :
      Contentsquare integrates with various third-party tools and platforms, enhancing its functionality and allowing businesses to leverage their existing tech stack.

    Pros

    • Comprehensive support and resources.
    • User-friendly interface.
    • Personalisation capabilities.

    Cons

    • High price point.
    • Steep learning curve.

    4. Hotjar

    Pricing page heatmap data

    Hotjar is a robust tool designed to unravel user behaviour intricacies. With its array of features including visual heatmaps, session recordings and surveys, it goes beyond just identifying popular areas and drop-offs.

    Hotjar provides direct feedback and offers an intuitive interface, enabling seamless experience optimisation.

    Key features

    • Heatmaps :
      Hotjar provides visual heatmaps that display user interactions on your website. Heatmaps show where users click, scroll, and how far they read. This feature helps identify popular areas and points of abandonment.
    • Session Recordings :
      Hotjar allows you to record user sessions and watch real interactions on your site. This insight is invaluable for understanding user behaviour and identifying usability issues.
    • Surveys and Feedback :
      Hotjar offers on-site surveys and feedback forms that can get triggered based on user behaviour. These tools help collect qualitative data from real users, providing valuable insights.
    • Recruitment Tool :
      Hotjar’s recruitment tool lets you recruit participants from your website for user testing. This feature streamlines the process of finding participants for usability studies.
    • Funnel and Form Analysis :
      Hotjar enables the tracking of user journeys through funnels. It provides insights into where users drop off during the conversion process. It also offers form analysis to optimise form completion rates.
    • User Polls :
      You can create customisable polls to engage with visitors. Gather specific feedback on your website, products, or services.

    Pros

    • Starting at $32 per month, Hotjar is a cost-effective solution for most businesses. 
    • Hotjar provides a user-friendly interface that is easy for the majority of users to pick up quickly.

    Cons

    • Does not provide traditional web analytics and requires combining with another tool, potentially creating a less streamlined and cohesive user experience, which can complicate conversion rate optimization efforts.
    • Hotjar’s limited integrations can hinder its ability to seamlessly work with other essential tools and platforms, potentially further complicating CRO.

    Comparison Table

    Please note : We aim to keep this table accurate and up to date. However, if you see any inaccuracies or outdated information, please email us at marketing@matomo.org

    To make comparing these tools even easier, we’ve put together a table for you to compare features and price points :

    A comparison chart comparing the CRO/web analytics features and price points of Matomo, Google Analytics, ContentSquare, and HotJar

    Conclusion

    CRO tools and web analytics are essential for online success. Businesses thrive by investing wisely, understanding user behaviour and using targeted strategies. The key : generate traffic and convert it into leads and customers. The right tools and strategies lead to remarkable conversions and online success. Each click, each interaction, becomes an opportunity to create an engaging user journey. This careful orchestration of data and insight separates thriving businesses from the rest.

    Are you ready to embark on a journey toward improved conversions and enhanced user experiences ? Matomo offers analytics solutions meticulously designed to complement your CRO strategy. Take the next step in your CRO journey. Start your 21-day free trial today—no credit card required.

  • 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). 

    ICAM homepage example

    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. 

    Ecommerce Homepage Design Example
    SOURCE : shopify.com / SOURCE : squareup.com

    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 Heatmaps

    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. 

    monday.com homepage

    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. 

    asana.com homepage

    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. 

    Matomo A/B Test feature

    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. 

    Sable Example Homepage

    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.

    Typology Homepage Example

    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.

    Beausite Homepage Example

    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 !