Visual SP

Visual SP

How using Clarity led to a 200% increase in free sign-ups for VisualSP

What is Visual SP?

VisualSP was created in 2005 to help organizations simplify the digital workspace for their employees. VisualSP is a a Digital Adoption Platform that allows companies to provide in-context support to users through interactive walk-throughs, inline help items, searchable help articles, banners and alerts, and more. It’s been popular among Office 365 and Dynamics 365 customers because of its comprehensive library of pre-built help items.  

Challenge

The team at VisualSP was in search of a visual user behavior tool to help them take the guesswork out of their content decisions. They wanted to see exactly how users engaged with their site so that they could best support them.

The team was mostly designing landing pages and as they were revamping their site, they wanted to get a clear picture of exactly how users were interacting with the site. Their ultimate goal was to increase the number of people who signed up for the free package of their Digital Adoption Platform.

Using Clarity

Before implementing Microsoft Clarity, the VisualSP team often relied on their extensive experience and intuition when making website design decisions during meetings. After using Microsoft Clarity, they found eye-opening insights that helped them make more informed decisions on their site design.

Scroll data helped them see that users were getting further on their page than they assumed. Heat maps helped them learn that certain links were not being used, links that were often on a page that wasn’t discussed much during design meetings.

Actions Taken

The team at VisualSP used scroll data to understand exactly how many pages users viewed. In addition, they used screen recordings to understand how users interacted with the page.

They looked at heat maps to identify where visitors were clicking the most on the website. As a result, they identified that their site’s landing pages had too many calls to action.

Before: Multiple CTAs significantly reduced conversion rates.

After: The VisualSP team streamlined their user pathway with one CTA.

“But it’s not even about what changes we DID make, it’s also about what changes we DIDN’T make. We assumed that users weren’t scrolling down our page to see our list of features. But when we looked in Clarity’s scroll data, we found that they were viewing most of our page,” says Tara.

Featured: VisualSP’s product features page.

As a result, the VisualSP team kept their list of product features on the page instead of altering or removing it. “Clarity’s heat maps showed us that one of the most popular links on our homepage was to our ‘See it in action’ page,” Tara shares. Previously, that page hadn’t been updated or optimized in quite some time, which was reflected in the number of dropped visitors. The VisualSP team has since revamped that page to give users a clear picture of how their product works.

Results

By leveraging insights from Microsoft Clarity, VisualSP tailored its website to more effectively encourage users to sign up for a free account of their Digital Adoption Platform. These adjustments led to a 200% increase in free sign-ups!

Learnings

For the VisualSP team, having data-backed insights into their current site user experience, helped them streamline their CTAs, improve their user pathways, and significantly increase conversion rates.

Microsoft Clarity was instrumental in eliminating the guesswork from our decision-making processes and allowed us to fine-tune our website to better support our users. With Clarity, we were able to make sure that site visitors could quickly see how our Digital Adoption Platform can improve their team’s performance and get started using our product for free.

Tara Porter, Content Marketing Director of VisualSP

Love using Clarity? Share your story with us!

Turum-burum

Turum-burum

How Shiny & Diski Achieved a 12.5% Increase in Conversion Rate with Microsoft Clarity

How can a redesign dramatically boost sales and conversion rates by 12.5%? This case study on Shiny & Diski’s online store showcases how targeted UX/UI improvements can streamline user interaction and enhance the overall shopping experience.

About Turum-burum

Turum-burum is a leading conversion rate optimization agency. With 14 years of experience in UX/UI design across industries like e-Commerce, FinTech, B2B Tech, and SaaS, they offer insights that enhance user experience by improving interfaces for the Ukrainian and global market, including the UK, USA, Canada, Germany, Australia, and Thailand.

Shiny & Diski at a Glance

Founded in 2012, Shiny & Diski is an official dealer for Nokian, Michelin, Continental, and Goodyear tires and discs. In its online store, customers can use a tire calculator, access detailed product specifications, and receive orders within 1–3 days via various logistics companies or at a pickup point just in three minutes after ordering. User satisfaction is the company’s top priority. 

Project Challenges and Objectives

The goals of the redesign were to:

  • Provide well-structured information and all the necessary details for each product
  • Enable easy and convenient product searches
  • Ensure a user-friendly experience across both desktop and mobile platforms

The challenge: Appealing to a diverse audience with varying backgrounds, ages, and levels of technical sophistication.

5 Key Usability Issues and Solutions

The team at Turum-burum thoroughly analyzed the site’s usability, KPIs, and customer behavior by setting up analytical tools including Microsoft Clarity. Their research revealed several usability issues on the Shiny & Diski website that negatively impacted the business’s performance.

Issue #1: Ineffective filter by brand

Problem: The site’s alphabetical arrangement of brands made searching for popular options a time-consuming process. Customers had to scroll through long lists to find the brand they needed.

When using the Brand filter before the website redesign, users frequently used the search to find their desired brand

Recommendation: Reorganize the brand list by placing the most popular brands at the top, based on analytical insights, with the remaining brands following in alphabetical order. This change would improve user accessibility and reduce search time.

After the website redesign, users actively used the most popular brands to filter the products

Result: Post-implementation data showed that users were engaging with popular brands more frequently, which significantly sped up the product selection process and increased user satisfaction.

Issue #2: Extra step to filter items

Problem: User interaction with the filter functionality was high, according to heat maps and click maps. However, to view filtered search results users had to click the “Show” button, which was a redundant step. Additionally, it only displayed the number of products that matched the filter without indicating any additional product counts for additional filter criteria.

The click map before the website redesign: the users actively used the filters and the “Show” button

Recommendation: Eliminate the “Show” button and display the number of products directly next to each filter. This change allowed users to immediately see the number of products matching their criteria, simplifying the filtering process and improving the user experience.

The click map after the website redesign: users still actively use the filters, yet the search process is faster and smoother

Result: Users continued to actively use filters after implementing this change, but the process of finding the desired product became easier and faster. By eliminating this unnecessary step and providing instant visibility into the number of products, the team streamlined the shopping process and effectively brought users closer to making a purchase.

Issue #3: Price filter button position too low

Problem: Although frequently used, the price filter button was only visible to 64% of customers, potentially hindering its use and prolonging the search process.

The Price Range filter button position before the website redesign was lower than the Brand filter button that was much less used

Recommendation: Reposition the price filter button higher up to improve its visibility and usability. This adjustment would allow for faster navigation throughout the product selection and checkout process.

The Price Range filter button position after the website redesign

Result: Microsoft Clarity scroll and click maps showed that after the repositioning of the button, approximately 90% of users saw the price range filter, resulting in increased usage. This change not only improved the user experience, but also sped up the process of finding products that meet specific user needs.

As a result, users became 15% more likely to go to the product page from the product list and 67% more likely to add the product to cart.

Issue #4: No quick size options available

Problem: In the site breadcrumbs, users frequently click on the “brand model” to visit the specific catalog page. This is likely to check for different sizes of a particular model, indicating that size information was not easily accessible.

The product page before the website redesign: users frequently clicked on the model to check available sizes

Recommendation: Allow users to see all size options for a product on the same page. This would streamline the shopping process and eliminate the need for additional searches.

The product page after the website redesign: details about the available model sizes are clearly visible and no need to search for it

Result: This change improved user engagement by allowing them to easily compare and select sizes, speeding up the purchase decision process.

Issue #5: Wrong position of item characteristics

Problem: Users often clicked on “All Features” because they were interested in product details or because the features were not visible on the initial screens. Clarity heatmap data showed that only 16% of users reached the features section, while 33% accessed the reviews positioned above the product details.

Before the website redesign: heatmaps showed that only 16% of users scrolled to product characteristics

Recommendation: Reposition the characteristics block to appear right after the photo block, with the reviews section placed after it. This change would make the product details immediately visible and accessible, eliminating unnecessary scrolling or clicking.

After the website redesign: heatmaps show that over 40% of users now access the section with product details

Result: After the change, over 40% of users accessed the product characteristics section, indicating a significant improvement in visibility. These users then naturally moved on to the reviews, improving their overall browsing experience.

As a result of all product page UX/UI improvements, conversion from the product page to shopping cart increased by 11%.

Issue #6: No search by popular categories

Problem: The homepage lacks direct links to popular categories, so users are forced to navigate through the burger menu to access specific categories. This added unnecessary steps to their shopping process.

The first three screens of the homepage before the website redesign: the users must scroll a long time to find the category links, so instead use search and/or a hamburger menu to find the needed category

Recommendation: Add a block with the most popular subcategories directly below each main product category. This would allow users to quickly navigate to the desired subcategory, streamlining their search and reducing the number of steps needed to find the right product.

The homepage’s first screen after the website redesign: quick category links-reduces search time and shortens the customer journey

Result: There was a noticeable increase in user interaction with these categories, with approximately 40% of mobile users and 15% of desktop users using via this new section.

As a result, the conversion rate for the users that came from the homepage increased by 8%, indicating a faster transition to purchase compared to previous metrics.

Redesign Results and Metrics

The hard data clearly demonstrate the positive impact of the teams improvements:

  • Overall conversion increase: The site’s CR increased by 12.5%, with notable boosts across devices — 16% for mobile and 7% for desktop.
  • Customer Engagement Surge: Users became 15% more likely to go to the product page from the product list and 67% more often added the product to the cart.
  • Improved site interaction: Users viewed 40% more products per session, with an average of 2.2 items.

Our UX analysts and CRO specialists prefer to use Clarity for analyzing heatmaps, scroll maps, video recordings, and comparing versions of A/B tests. This tool is especially useful for our eCommerce clients and helps us build hypotheses to increase conversion rates. I can highly recommend Clarity for businesses of any size.

Dmytro Kukuruza, Chief Executive Officer of Turum-burum UX/UI and CRO agency

AnswerThis.io

AnswerThis.io

image of books with text over top

Learn how AnswerThis.io more than doubled their user retention with Clarity.

What is AnswerThis.io?

AnswerThis.io is on a quest to revolutionize the research landscape through cutting-edge AI technology. At the core of the platform is a research assistant tool, crafted to meet the diverse needs of scholars and consultants. AnswerThis.io pulls data from a vast reservoir of over 200 million sources spanning a multitude of subjects and topics. Their users are primarily researchers and consultants immersed in literature reviews and data analysis within their specialized industries. In the coming years, AnswerThis.io aspires to revolutionize research methodologies by leveraging AI to streamline repetitive tasks and cultivate a more streamlined, insightful research journey. Heading this endeavor is Ayush Garg, the founder and CEO of AnswerThis.io. 

Challenge

Utilizing a visual user behavior analysis tool was essential for AnswerThis.io to understand and optimize how users interacted with its application. They started using Clarity to gather feedback on how users were using the app, and if there were issues in usability. Their goal was to refine the user experience significantly, aiming to double their user retention from 20% to 40%.  Before implementing Clarity, they lacked the means to identify usability issues effectively. Prior to Clarity, they inspected their SQL database for usage and had internal tools but they had to change their code base and push to production every time they wanted to track a new KPI. They also wanted a way to analyze user recordings, and that’s why they went with Clarity rather than going with internal tools. 

old homepage image

Old Homepage

new homepage image

Updated homepage

Using Clarity

From the onset, they integrated Clarity into their system, laying a strong foundation for data-driven insights. This pivotal decision empowered them to not only monitor key performance indicators (KPIs), such as export rates, but also delve into user behavior analytics, pinpointing areas of the website posing navigational challenges. As they progressed, they leveraged Clarity to propel user growth initiatives and attain heightened conversion rates, thus cementing its indispensable role in their strategic growth. 

Actions Taken

Utilizing Clarity’s invaluable heatmaps and session recordings, they meticulously identified friction points within their user journey. Armed with the insights from these features, they harnessed the power of data to inform their design decisions, ultimately fine-tuning their onboarding flow and refining search functionality for enhanced user experience. Some of the adjustments they made, guided by Clarity’s insights, included integrating Single Sign-On (SSO) login to bolster sign-up conversions, streamlining their app’s interface for greater user clarity, and orchestrating a comprehensive redesign of their onboarding process. They also analyzed that their search UI was confusing for some of their users based on recordings as well as conversions. They changed the search UI and saw an increase in user retention.

old search UI

Before: Old search UI

New search UI

After: New look UI

Results

They noticed while using Clarity, that a lot of users that came to the website dropped after going to the sign-up page. Therefore, they added a single sign on to vastly improve the conversions in users that came to the website and users that signed up. 

Because of this, between February 2024 and April 2024, there was a remarkable surge in user retention, soaring from a modest 20% to an impressive 50% for AnswerThis.io. Along with that, their week over week active user rate went up by 40% due to authentication being friction-less. And through analyzing how much time users spent on the results page, a KPI used to improve their AI engine, they were able to increase their average weekly query per user by 200%!

Learnings

Clarity provided AnswerThis.io with an unprecedented level of insight into their users’ behavior and pain points. By leveraging Clarity’s powerful features, they were able to make data-driven decisions that significantly improved the user experience and led to substantial increases in key metrics like user retention and mailing list sign-ups. User retention is important to them as it directly impacts their monthly recurring revenue and overall growth. The longer they retain users, the more valuable the business becomes. Clarity’s ability to visualize user journeys and identify areas of friction was particularly valuable in helping them optimize their search functionality and onboarding process. Clarity’s ease of use and comprehensive analytics has made it an indispensable part of their growth strategy. 

Clarity has been a game-changer for AnswerThis.io. The visual insights and user behavior data provided by the tool have allowed us to optimize our platform and achieve remarkable growth in user retention and engagement. With Clarity, we’ve been able to make data-driven decisions that have propelled our business forward and solidified our position in AI-powered research assistance. The tool’s ability to help us refine our search functionality and onboarding process has been particularly impactful, leading to a 150% increase in user retention.

–Ayush Garg, Founder of AnswerThis.io

Love using Clarity? Share your story with us!

TurkNet

TurkNet

image of computer and user making transaction

How TurkNet increased e-commerce conversion rates by 107% with Clarity

Who is TurkNet?

TurkNet, established in 1996, is a leading independent telecom operator in Turkey, offering a range of services including telephone, internet, and data center solutions to both consumers and businesses. Recognized as one of Turkey’s Top 100 IT Companies, TurkNet continues to expand its significant fiber optic infrastructure for comprehensive local and international connectivity.

With a robust national data network, TurkNet ensures high-quality services for global carriers and wholesalers. Additionally, TurkNet provides user-friendly internet connection services for residential and commercial customers via its online platform and customer service center.

The Team

Zaliha Terk, Furkan Demirtaş, Özgül Çullu and Nermin Canik make up the digital marketing team at TurkNet. They aim to continuously increase service availability and monitor check action and e-commerce conversion rates by analyzing their web pages with the highest traffic.

The Challenge

On their website, they have a landing page where users can enter their address to check if internet service is available and learn how fast of an internet speed they can get. Users can also complete their subscription online or by calling the call center. In order to achieve their goals, they’ve experimented with various platforms simultaneously.

The team analyzed traffic from mobile devices using Google Analytics data and discovered that service availability check actions on the primary landing page decreased in specific screen resolutions (lower screen resolution correlates with lower conversion rates). After careful evaluation, they determined that Microsoft Clarity was the best solution for them.

Using Clarity

The TurkNet team reviews session recordings to continuously monitor potential usability and technical issues that users may encounter on the site. By analyzing session recordings with particular segments on Microsoft Clarity, they identified that some users were not closing the cookie consent popup and couldn’t see the form and button at the bottom of the page.

Additionally, they measure the impact of recent changes and conduct A/B testing. Clarity not only avoids limiting them based on the audience but also it automatically detects JavaScript errors, offering the team more extensive filtering capabilities.

image of heatmap on site

As a result, the landing page failed to offer appropriate actions tailored to specific audience segments, resulting in higher bounce & exit rates from the page.

Results

Collaborating with the user experience (UX) and law teams, they redesigned the cookie consent screen to comply with regulations. These changes significantly increased performance resulting in a 72% increase in the number of service availability check actions and a 107% increase in internet package subscriptions.

Shows the before and after using Clarity

Learnings

Microsoft Clarity consistently supports the TurkNet team in exploring their users customer journey. They review session recordings after every website change and analyze heatmap and scroll map data before adding any module to their pages. Landing page and funnel optimizations are paramount for their digital marketing and product management teams. With Clarity, they can further analyze events like site exits and cross-channel transitions (from website to call center) and define every step of the user journey.

Microsoft Clarity continues to be a game changer in the digital marketing sector. One of its key advantages is its ability to integrate with other analytics and A/B testing platforms. The TurkNet team plans to integrate all features of the Clarity platform more effectively into their road map in the upcoming periods.

Testimonials

Microsoft Clarity has been essential in understanding the user experience (UX) challenges on our website. By leveraging its detailed heat maps and insightful session recordings, we were able to pinpoint exactly where users faced obstacles. Thanks to Clarity, we can ensure our website not only meets but exceeds user expectations, providing a seamless and enjoyable browsing experience.” – Zaliha Terk, Digital Marketing Manager

Thanks to Clarity’s unique and efficient features, we detect situations that we cannot see anywhere else as data on our website, we produce optimizations for the problems we detect, and we also use time management effectively thanks to copilot.” -Furkan Demirtaş, Senior Digital Marketing Specialist

Thanks to Microsoft Clarity, we can analyze the behavior of users on our website, detect problems that we cannot see and produce solutions.” -Özgül Zeybek, Digital Marketing Executive

Thanks to its unique features, Microsoft Clarity allows us to understand user behaviors and to identify pain points our users encounter on our website, transforming them into gain points. This case study serves as an example of deriving data-driven hypotheses.” – Nermin Canik, Conversion Optimization Consultant

Love using Clarity? Share your story with us!

Gym Geek

Gym Geek

Learn how the Recoreo team increased on-site time for Gym Geek by 31%.

What is Gym Geek?

Gym Geek is committed to providing well-researched and expertly curated workout routines and exercise guides to help users achieve their fitness goals.

Their platform offers free, meticulously crafted workout regimens and comprehensive exercise tutorials. With a focus on creating immersive and high-quality content experiences, Gym Geek caters to a diverse audience, from beginners to experienced bodybuilding enthusiasts.

They aim to establish themselves as the leading authority in online fitness content. Gym Geek seeks to set the standard for quality and accessibility in digital fitness through innovation and dedication.

Brendon Boshell, the founder of Recoreo, has been immersed in the software industry for a decade, garnering extensive expertise across diverse domains encompassing both business-to-business (B2B) and consumer-facing product landscapes.

Throughout his career, Brendon has assumed pivotal leadership positions within product-centric teams.

Challenge

The Recoreo team was looking to improve content readership and on-page engagement for Gym Geek. They noticed that the average time on-site could be improved and that users were not scrolling down pages, which signaled that content needed to be improved.

Using Clarity

The Recoreo team used FullStory and Mouseflow before shifting entirely to Microsoft Clarity. This platform enables them to have a real-time understanding of how visitors interact with the Gym Geek website.

They use the session recordings every day to see how users react to new content or experiences. This helps them quickly identify potential issues or points of frustration and make necessary adjustments. They also use scroll maps to ensure that users fully engage with the content.

Clarity and Copilot has been instrumental in Recoreo’s work, allowing them to test new content experiences swiftly. Whether it’s a fresh content format or an interactive tool, they can promptly gauge user engagement. This agility in decision-making and optimization has led to significant improvements in user experience, reflected in their increased average time on site.  

In addition to looking at individual recordings, they use Session insights to create automated summaries across their recordings.

The Session Insights feature is a game-changer, providing actionable insights for website improvement. It suggests not only enhancements but also flags ‘Unsuccessful attempts,’ enabling quick identification of user frustrations with content or ads.

Actions Taken

To reach their goal of improving on-site time for Gym Geek, Clarity was able to provide insight with the help of Copilot to assist Recoreo with making three key website improvements:

  1. One of Copilot’s recommendations was to enhance their 90-day workout plan with interactive tools. Recoreo followed this advice and embedded a calorie calculator, which quickly became the most clicked button on the page with 10% of users engaging with it. This tangible result underscores the value of Copilot’s insights.
  • Copilot suggested adding a quiz to one of Gym Geek’s workout routines. This was not a product idea they had before. They rapidly built a new quiz feature and could instantly measure users interacting with the tool.
  • Copilot highlighted some “Unsuccessful attempts” where users were having problems with Vignette ads. The Recoreo team investigated this and adjusted the ad delivery settings to improve the user experience on the Gym Geek website.

Results

As a result of the changes suggested by Clarity and implemented by the Recoreo team, they were able to increase time on-site for Gym Geek by 31%.

Learnings

Clarity has proven invaluable for several reasons for Recoreo. Firstly, Session insights provided comprehensive summaries across all recordings, eliminating the need to watch each one individually for valuable insights.

This feature, unique to Clarity, has benefited the Recoreo team, offering efficiency not found in other tools. Additionally, Clarity’s simplicity in installation and seamless functionality without the need for extensive configuration further underscores its utility, making it a highly effective tool for optimizing workflow and enhancing productivity.

And finally, the suggestions offered by Copilot in Clarity were instrumental in creating engaging content and interactive website elements like the calorie counter and quiz which had a direct, positive impact on readership and user engagement.

Testimonial

“Microsoft Clarity is a must-have for any website. It provides a real-time pulse for our website, with useful tools like recordings, heatmaps and scroll maps. The Copilot AI feature provides relevant and accurate insight into user behavior, allowing us to quickly identify frustrating experiences and pursue new product opportunities.”

Brendon Boshell, Founder of Gym Geek

Social Gains

Social Gains

How Social Gains Prevented Its Client From Losing Thousands in Revenue

What is Social Gains?

Established in 2016 by Drew Clayton, Social Gains arose from Drew’s decade-long experience working in major digital agencies. Recognizing SMEs (subject matter experts) need to tap into their first-party data, especially those lacking insights into visitor behavior, Drew set out to bridge this gap. Social Gains focuses on enhancing conversion rates through web analytics, serving SaaS, e-commerce, healthcare, and B2B sectors.

Social Gains creates client acquisition systems that utilize both inbound and outbound channels, with web analytics as the cornerstone for all digital marketing strategies. The goal is simple: to help clients understand their data with a tailored web analytics approach for digital marketing. Web analytics is at the core of every strategy they implement, using tools like Clarity to explain and demystify reasons for low conversion rates to clients.

Challenge

When a new pharmacy group client joined Social Gains, they highlighted a significant issue impacting revenue growth – the low number of online bookings for their primary services. Despite decent daily organic traffic, low-volume users were completing the online form. Even after extensive testing by in-house web developers, the root cause couldn’t be isolated to resolve it.

Using Clarity

To tackle this, the team at Social Gains used Clarity for detailed analysis, tracking user segments for specific URLs. In just hours, they pinpointed a specific problem with Android devices, which accounted for over 30% of all users.

Social Gains zeroing in on the issue using Clarity.

Clarity screen recordings showed users could only proceed up to step two on the form when using an Android device. This insight revealed a significant revenue loss running to 5 figures weekly, as hundreds of Android mobile users gave up booking out of frustration. This finding from Clarity was crucial in fixing the issue and preventing further financial losses for their pharma client. 

Actions Taken

Social Gains used a variety of Clarity features to find, explore, and rectify the problem for their client:

  • Session grouping summaries generated by CoPilot’s AI-powered insights and identifying top website user paths to reveal and resolve bottlenecks

CoPilot’s AI -Powered insights in Clarity.

  • Segmenting users by device (Android) with dashboard insights
  • Adding a filter to pinpoint dead clicks causing poor user experience

Results

When Drew shared the website recording with their new pharma client, revealing almost 100 frustrated clicks from a single user, they felt relieved that Social Gains had identified this crucial website issue that could harm revenue generation and their brand.

Social Gains using session recordings to pinpoint poor user experience on their client’s site.

This quickly built trust among Social Gains and their new pharma client. Social Gains is currently enhancing the entire booking platform for their pharma client based on insights from Clarity, which has resulted in increased revenue for Social Gains.

Learnings

Clarity’s ability to provide in-depth analytics into user segments through screen recordings and advanced filters, coupled with CoPilot’s AI-power insights, helped Social Gains to solve their client’s problem and foster their trust quickly.

Testimonial

Clarity is my go-to for all new clients, including my agency’s website. It’s the secret sauce for instantly fostering strong client relationships and reducing churn. I highly recommend adding Clarity to your agency’s toolkit and implementing it right away when onboarding new clients or integrating it into your audits. Clients are always impressed when they see the insights from Clarity heat maps.”

Drew Clayton, Head of Digital at Social Gains

Funnelsupp.ly

Funnelsupp.ly

How Funnelsupp.ly decreased cost per lead by 50%

What is Funnelsupp.ly?

Funnelsupply is not a typical marketing agency. They’re a niche online marketing agency, specializing in creating profitable lead-generation funnels.

Launched in 2023, Funnelsupp.ly has pioneered a simple and flexible subscription model for its clients, offering comprehensive services encompassing marketing funnel development, including landing pages, ad campaign management, advanced cookieless tracking and unlimited landing page creation.

Funnelsupply’s clientele spans diverse industries, including architecture firms, cosmetic clinics, online course creators, and e-commerce brands, among others, seeking enhanced online lead generation capabilities.

With over 15 years of combined experience in marketing and media buying, Funnelsupply co-founders Simon and Niels Blonk have diligently honed their expertise in crafting highly effective landing pages and ad campaigns, culminating in the generation of millions of leads for diverse businesses on a global scale.

Engaged within the ‘indie hacking’ and ‘build in public’ communities, particularly on platforms like X, Simon, and Niels, generously share knowledge on conversion rate optimization (CRO) and broader online marketing strategies.

Their contributions have proven invaluable to numerous startups and solopreneurs, who benefit from their insights, tips, and tricks.

Challenge

Funnelsupply’s core business is to create online lead-generation funnels for their clients. Their optimization process relies on the daily input from tracking and analytics tools, allowing them to perform deep user analysis to maximize client initiatives and their marketing efforts.

As a growing company, the team at Funnelsupp.ly was looking to optimize their website’s homepage to improve performance.

Niels shared, “On our Funnelsupp.ly landing page, we continuously run tests and wanted insights about which version of the hero section (above the fold) outperforms other versions.

Since our homepage is a landing page, and our offering has quite a high price point, we don’t receive enough conversion data weekly to base decisions on. That is why we started looking at session depth and session time as KPIs that produce more data to work with.

To achieve this, we used Clarity’s custom tags and segments. Thanks to this, we have tested several hero sections and quickly doubled the performance of session depth and session time KPIs.”

In addition, a recent client of Funnelsupply was looking to improve landing page performance for an ad campaign launching a brand-new service.

Funnelsupply was looking to help their client with the following to ensure campaign success for their product launch:

  • Improve landing page CTR
  • Identify the most enticing price points for buyers
  • Pinpoint landing page drop-off

Using Clarity

The ability to visualize and isolate user behavior with session recordings and custom tags in Clarity was a game changer for the Funnelsupply team. Making real-time, impactful optimization a breeze on behalf of their client.

Actions Taken

As a result of the insights gained, Funnelsupply was able to help their client:

  • Identify where their client’s landing page saw users drop off
  • Isolate what elements of pages users click on, of which they didn’t think they would need to be clickable
  • Test what kind of headlines and sub headlines cause the users to stop scrolling for a longer time and which cause fast scrolling
  • Solidify the pricing section as a second-step sub-page of this funnel so they can further analyze which price points cause instant drop-offs and which do not

By watching user sessions, they found out that visitors tried to click on the ‘5 star rating visual’, expecting something to happen, but it didn’t. What they did was ‘anchor link’ it to the testimonial section at the bottom of the page, so the user flow would not break.

Results

  • After a week, they increased landing page CTR from around 4-5% to 25%.
  • At the same time, they could feed the ad campaign algorithms with more useful click-data, which resulted in even better performance.
  • Currently, after multiple optimizations for this client, they’re generating 5x more leads than before and decreased the cost per lead by 50%.
  • Thanks to Clarity, they accomplished all this within a short time-frame and a reasonable ad budget.

Learnings

  • Using Clarity features such as session recordings has been invaluable for gaining deeper insights into user behavior for the Funnelsupply team.
  • While numbers and KPIs provide a broad overview of a page’s performance, observing user interactions offers unparalleled insights.
  • By leveraging Clarity to identify unexpected user actions, they were able to pinpoint areas for improvement and optimize pages accordingly.
  • Custom tags, particularly for elements like hero section versions, enhanced their ability to segment data for more comprehensive analysis.
  • As a result of these insights, they implemented numerous changes to their own and their clients’ landing pages, continuously refining and enhancing the user experience.

Testimonial

Clarity gives us invaluable insights that help improve performance of our client’s marketing funnels, maximizing their ROI.

-Niels Blonk, Co-Founder Funnelsupply
Parvis

Parvis

How Parvis increased website conversions by 30%

What is Parvis?

Parvis Invest Inc. is a real estate investment platform and marketplace that was formed in 2020 after founder and CEO David Michaud tried to raise capital from accredited investors for a real estate project. The process was cumbersome, overly legalistic, and expensive. Parvis was created to change that.

The company provides a B2B SaaS product, EMDsolutions, which targets private real estate funds and developers in Canada.

Parvis is quickly becoming Canada’s leading private real estate investment platform. Its goals are simple: to be the “go-to” place for accredited and eligible investors to find and invest in the highest-quality real estate developments and funds. Scott Spence, Head of Growth (pictured left) was set on discovering what user’s actions were taking place on his website, and how he could improve the conversion rate. Parvis had previously been using Google Analytics but decided to incorporate Microsoft Clarity to solve his team’s challenges.

Challenge

Data, as it’s presented in traditional analytics tool kits, tells a story but does not paint a picture. The combination of other tools failed to address three core problems that Parvis was trying to solve: 

  1. What are individual customers doing on our website? 
  2. Are the customers taking the actions we want? 
  3. How does the Referral source change (1) and (2)?

Overall, Parvis wanted to improve conversion rates on high-traffic pages. They noticed that certain pages were experiencing high exit and bounce rates and wanted to understand why.

Using Clarity

The ability to visualize user actions changed the game. Using session recordings, heatmaps, and referrer data on Clarity, meant they could see exactly where people were dropping and where efforts should be focused. The Clarity product made this a seamless process for the Parvis team. 

Actions Taken

As a result of the insights gained, Parvis redesigned their homepage.

  • They implemented a clear CTA, making the messaging far simpler, and updated the overall design. 
  • In addition, they changed CTAs on high-performing pages, moving them from the end of the article (where they were rarely seen) to a custom sidebar that was more visible. They experimented with various placements for their special offers, aligning them more intuitively with the users’ journeys. 
  • Lastly, they also added a “sticky” offer widget that remained visible as users read the content.

Right: Previous placement of offers below the fold. Left: New placement of offers in the restructured blog.

Results

With the help of Clarity, Parvis was able to produce impressive results for their website. Let’s take a look at the improvements: 

  • ~10% Increase avg. engagement time per session 
  • Avg 10.71% decrease in bounce rates on blog posts 
  • 27.5% increase in conversions MoM
BEFORE
AFTER

Stats: October 2023 (before changes) vs. November 2023 (after changes).

Learnings

Clarity provided a deeper understanding of user behavior. Through powerful heatmaps, screen recordings, and analytics, Parvis uncovered that the placements of the relevant offers, including investment opportunities and ‘book a meeting’ widgets, were suboptimal—buried too low on pages, eluding the users’ attention, and in some cases lacking high relevance to visitors. Clarity validated (and invalidated) assumptions and pinpointed problematic areas where the user was losing user interest.

Testimonial

With Clarity, we’ve finally found the tool that tells us exactly what individuals are doing on our website. Being able to run real-time tests and see exactly how users are interacting with our site has accelerated our growth marketing efforts and substantially increased revenue.

Scott Spence, Head of Growth
Masters of Scale

Masters of Scale

How Masters of Scale repositioned content for higher user engagement with Clarity

What is Masters of Scale?

Since its launch in 2017, Masters of Scale has grown into one of the most prestigious properties for business leaders, thanks to its incomparable guest list, iconic host, and groundbreaking format. Masters of Scale is an award-winning platform for entrepreneurial wisdom, encompassing Rapid Response — an audio series about leading in the face of crisis — a daily learning app, a best-selling book, virtual and live events, and weekly newsletters. 

Challenge

After launching their redesigned website, the Masters of Scale team sought out Microsoft Clarity to better understand their user base and how they interact with the site. Were they coming to access podcast episodes? To subscribe to the newsletter? To register for live or virtual events? With such a wide range of offerings, it was important to ensure that people understood what Masters of Scale was right away.  

To the Masters of Scale team, success means a clear & user-friendly web and mobile experience that gives users clear information about current and upcoming guests and episodes. 

Using Clarity

Microsoft Clarity’s usage analytics tools quickly revealed a few key learnings:  

  • ~75% of the Masters of Scale 60-day traffic was attributed to sessions from entirely new users 
  • Users’ average homepage scroll depth is ~60% 

Through this discovery, the Masters of Scale team identified that most new visitors were not scrolling deep enough and were missing the most important content: a context-setting episode carousel highlighting tentpole guests, like President Barack Obama, Spanx Founder Sarah Blakely, and Hubspot Co-founder Dharmesh Shah. 

In podcasting, featuring tentpole guests and covering current events and trends tend to increase listen rates. Knowing that the podcast is the entry point to the Masters of Scale brand and website, the aim is to meaningfully expand their audience and engaged community. Maximizing visibility into trending episodes is a key tactic. 

Finding a solution

The team utilized these Microsoft Clarity insights to reprioritize their homepage layout, bumping tentpole names to live right below the fold and swapping a banner’s content to feature their new series on AI. These changes reprioritized their content delivery while keeping the user top-of-mind.  

Results 

With the data from Microsoft Clarity, the Masters of Scale team continues to monitor the impact of these content-related changes. Notably, there has been a 204% increase in traffic to AI-themed episodes. Microsoft Clarity has been an invaluable tool for efficient data tracking and helping the team keep a close eye on user behavior and opportunities for data-driven pivots.  

Learnings 

By understanding that new users account for most of their web traffic, Masters of Scale refined their webflow to elevate the new user experience by prioritizing their best content, encouraging clickthoughs, and reducing churn. 

Testimonial

“Microsoft Clarity’s scroll depth and heatmap features help us to ensure our content is resonating as we grow our audience.”

-Masters of Scale, Product Manager

Prompt Genie

Prompt Genie

How Prompt Genie increased trial conversions by 11% within weeks

What is Prompt Genie?

Prompt Genie was founded in March 2023 to address a growing need in the market for an innovative tool that helps users of ChatGPT and other AI-powered systems. The company provides a Software as a Service (SaaS) product that provides access to three distinct algorithms tailored for the creation of prompts. It’s designed for people who use ChatGPT in their daily work, like teachers, business owners, and marketers. 

Natik Aggarwal is one of the 3 co-founders of Prompt Genie, managing responsibilities as a product manager, software developer, and community support manager. 

Challenge

Natik and his team aimed to increase user activations and reduce churn while segmenting users to improve marketing efforts. The product received an overwhelmingly positive response, with traffic and subscribers increasing rapidly. However, as the hype for ChatGPT normalized, the company noticed a high churn rate and low conversion rate. 

Finding a solution

Microsoft Clarity proved to be a valuable tool for Prompt Genie as it was easy to set up and intuitive to use. The tool helped the team understand its users and how they interacted with the product, which in turn led to significant improvements in the user experience. They analyzed Clarity session recordings and heatmaps to identify UI problems, pinpoint when certain bugs occurred, and understand where users spent most of their time. 

BEFORE

BEFORE

AFTER

For example, the original landing page attempted to educate users with a descriptive banner and short video. However, after using Clarity to analyze user flows, the team learned that visitors were struggling to understand exactly what the product did. As a result, they added an interactive demo on the landing page to let users quickly experience the power of the product. 

After the demo was implemented, the team identified a significant user experience issue using Clarity session recordings. Users were frequently frustrated by the demo, as it redirected them to the sign-up page whenever they tried to use the full version of the product. This process not only required an account creation step but also prompted users for credit card information just to start a free trial. 

Such an upfront upsell was off-putting, as evidenced by many users quickly navigating back in their browsers – a behavior observed in the session recordings. To enhance the initial user interaction with the product, the company has disabled this feature, effectively eliminating this source of user frustration. Instead, a small banner now appears, gently prompting the user to sign-up or login. 

In order to segment their users and identify major groups, the company used insights from Clarity to refine the list of example prompts seen below.  

These examples span many different use cases. As a result, the team can focus on a subset of users who are interested in prompts for academic writing, separately from users who want to create a marketing and brand strategy. 

Using heatmaps, Natik was able to filter based on which demo prompt users clicked on. As a result, the company was able to quantitatively measure the different user segments interacting with the demo. 

Results 

Prompt Genie cross-referenced Clarity data with onboarding survey data to compare conversion rates among the different audience segments. The Clarity data also helped the company identify the top user segment, which led to a doubling down in marketing efforts to target that specific group. This helped Prompt Genie increase trial conversions from 15% to 26% in a matter of weeks. 

Learnings 

By using Clarity, Natik and his team at Prompt Genie were able to gain valuable insights into user behavior and improve the user experience. Clarity helped the team at Prompt Genie identify major user groups, segment users by job function, and improve conversation rates. The tool provides a bird’s eye view of trends in customer segments based on marketing campaigns and helps identify gaps that need improvement. 

Testimonial

Clarity is a really amazing tool and super easy to integrate with your website. It has provided us with vast amounts of data to make decisions based on user behaviour and improve user experience as a result. The fact that it is free to use forever gives you even more of a reason to give it a try, it is a no brainer to have it integrated with your website

Natik Aggarwal; Co-founder

Conversion Wizards

Conversion Wizards

How Rotoballer Got 3x Higher Click-through with Microsoft Clarity

Conversion Wizards Background

Conversion Wizards is a consultancy that offers conversion rate optimization, performance marketing, and business intelligence services. They have also worked with brands like Microsoft Office, Virgin, Nike, Cotopaxi, The Washington Post and 100+ smaller online sellers and SaaS companies.  

Rotoballer Background

Rotoballer.com  is a leader in fantasy sports content. Their in-depth research can significantly improve a player’s odds of winning, just like studying companies can make you a more informed stock market investor. Bootstrapped by two childhood friends Leor Rabe and Alex Roberts, the company is profitable, growing at almost 100% year over year, and challenging much larger institutional incumbents.  

Challenge

Rotoballer makes most of their money from display ads, but they also have a premium subscription product that they’d like to grow. The challenge is increasing the conversion rate on the paid product without cannibalizing advertising revenue.  

To conduct a Conversion Rate Optimization Audit, Rotoballer engaged The Conversion Wizards, who provided actionable improvements described below. 

Analysis Summary

The Conversion Wizards used both CRO best practices and insights from Microsoft Clarity, focusing on three dimensions: Value Proposition, Friction and Anxiety. They conducted the analysis on mobile as it accounts for 70%+ of traffic. 

Value Proposition: Why Should I Click Through the Premium Offer? 

Above on the left is a screenshot of Rotoballer’s homepage (mobile version). On the right is a Clarity heatmap overlaid. 

The first thing Conversion Wizards noticed was the small number of people clicking through to the premium tools and subscription page. If Rotoballer wants to rely less on ad revenue, more people must see the premium offer. And for more people to see it, they must first click on the areas leading to it, shown below. 

As shown above, the areas leading to the premium tools have little heat and few clicks! 

Interestingly, right below the banner on the left is the most-clicked element. This element received 41% of all clicks despite being towards the bottom, so the problem with the banners isn’t simply that they are lower on the page. 

To address this problem, Conversion Wizards suggested some optimizations: 

  1. Reinforce the value each visitor receives:  The header, “Gain an Unfair Advantage & Win Big,” is then backed by “FantasyPros certified top-accuracy NFL rankers.” People engage in fantasy sports to win and earn bragging rights among their friends. Connecting directly with this motivation is better than simply stating that you have premium tools. 
  1. High visibility. The CTA is placed right beneath one of the highest clicked areas and a brighter color should get more attention. The element really pops, begging to be clicked. 
  1. Promise immediate gratification (“Get Instant Access”). Selling the click for the premium product to be seen.  
  1. Invoke curiosity. The line, “These two certified rankers,” piques curiosity and entices some users to click simply to find out who they are. From testing, this strategy creates intrigue and higher clickthrough.  

Conversion Wizards also recommended testing a minimized version of this reminder as a floating footer on mobile. 

Friction: Reducing Difficulty of Taking the Desired Action 

Conversion Wizards define friction as an aggregation of all the length and difficulty-related aggravation factors that occur throughout the conversion process. 

Examples of friction on Rotoballer’s site include: 

  • Difficult to find/see upgrade CTAs because they look like the ads on the page. 
  • No clear navigation or guidance on where the user should navigate next. The first page of a site should quickly answer these three questions: 
    • Where am I? (who is Rotoballer and what do they do) 
    • What action should I take? 
    • Why should I take it with Rotoballer? (vs. some other fantasy sports site?) 
  • On-page CTAs and links don’t provide context or set clear expectations for what happens once a user clicks on them 
  • No clear hierarchy within the website’s layout to communicate relative importance and guide users where to look first. Conversion Wizards call this “allowing visitors to engage in unsupervised thinking,” a problematic source of friction. 

To address these issues, Conversion Wizards suggested using a contrasting color to highlight the premium offering. This quick solution led to 3x more clicks on the premium button.  

In the first screenshot below, the red color blended with site content and got 0.06% of clicks. The second used a bright yellow which increased this number to 0.19%. 

Anxiety: Anticipate a User’s Concerns and Address Them 

Unaddressed questions and concerns can cause anxiety, a conversion killer. To effectively reduce anxiety, Conversion Wizards suggest anticipating a user’s questions and concerns at each step and overcorrecting with specificity and proximity. 

Using a stronger and more prominent guarantee at the point of purchase was one way Conversion Wizards suggested reducing anxiety. Below is a screenshot of the purchase area with the weak guarantee. 

Compare that with a stronger, money-back guarantee which can increase conversion rates by more than 2x, net-net i.e. the rise in purchases more than offsets the refund requests. 

Two other ways Conversion Wizards suggested reducing anxiety were reinforcing the value proposition close to the point of purchase and using a “value positive” call-to-action. 

The second treatment reminds the buyer they are about to “gain an unfair advantage”. In a previous project, a similar reminder led to a 29% lift in credit-card gated free trials. 

Another suggestion like the mockup above is a call-to-action that connects with the visitor’s primary motivation—winning and bragging rights. An additional recommendation is reassuring them with the text “easily cancel anytime”. The Wall Street Journal famously ran a test where adding just this text to their paywall increased subscriptions by 9.8% 

Further Clarity Analysis: QuickBacks (Possible Friction) 

Quick backs tell users when a visitor navigates to a page then quickly returns to the previous one. In CRO, this can be a clue that a link or button may not set proper expectations for what the visitor will see next.  

In the example above, the visitor is searching for “NHL DFS Picks” but goes to “More DFS Articles” instead of “DFS Picks Articles” where the correct link is available. Other recordings showed similar issues. 

This informs users that the overall navigation flow and structure need to be addressed.  

Conclusion

This case study was a look into Clarity from a CRO perspective by examining value proposition, friction, and anxiety. Conversion Wizards used the tool to provide key insights that Rotoballer used to increase clickthrough rates.

If you would like to have your site audited, reach out to The Conversion Wizards.

Testimonial

“As a long-time Conversion Rate Optimization practitioner, I was excited to discover Clarity. It is 100% free, does not cap sessions and has interesting new features like Conversion Heatmaps for ecommerce. Now even the tiniest businesses can get rich insights without worrying about costs” 

Jasper Kuria, Managing Partner, The Conversion Wizards.
Overfuel

Overfuel

How Overfuel improved the car shopping experience with Microsoft Clarity

What is Overfuel?

Overfuel provides the fastest, most reliable mobile-first websites for dealerships. Founded in 2022, Overfuel released automotive’s first no-code website platform with drag-and-drop content management, natively integrated digital retailing, and advanced visitor-level analytics.  

Who is Overfuel intended for?

Overfuel powers automotive websites across the United States, including both franchise (Honda, Chrysler, Jeep, Dodge, RAM) dealerships and independent pre-owned lots. They target dealerships with anywhere from 50 vehicles to over 1,000. With a focus on lead generation and digital retailing, Overfuel aims to drive more online car sales by offering direct-to-consumer vehicle reservations like Carvana and Vroom, to dealerships of any size.  

The Challenge

The primary challenge in the automotive industry is the unnecessary complexity and poor user experience caused by third-party plugins. Everyone has a horror story of trying to shop for a car online, with slow websites, pop-ups competing for their attention, and competing calls to action. Third-party plugins not only slow down a website, but they create gaps in reporting because they’re competing against each other for leads, rather than communicating with each other. The conversion funnel ends up broken up across multiple vendors with no connectivity between them.  

Finding a solution

Overfuel added Microsoft Clarity to its highest traffic dealership websites to track user behavior and make improvements to its user experience. Clarity helped make significant improvements to consumer-facing products and also educated dealerships on the best practices for improving conversion rates. Since 80% of car shopping takes place on a mobile device, Overfuel used Clarity to keep a close eye on mobile browsing behaviors and optimize for a mobile-first experience.  

After deploying Clarity for a few weeks to collect data, Overfuel closely monitored the dashboard and email digests to see if any interesting metrics stood out. One thing that immediately grabbed their attention was the JavaScript error tracking. They found that customers using third-party plugins (live chat, iFrame forms) experienced a 10-12x increase in errors. Overfuel hypothesized that these plugins may be hindering user experience, and Clarity’s data proved it. For example, the “Close” button on a third-party live chat product accounted for 20.5% of all clicks on a vehicle listing.  

Second, they noticed a substantial percentage of dead clicks, sometimes exceeding 20% of all interactivity. They were able to use session recordings to identify design elements that confused customers. The issues varied widely: sometimes it was not clear that an element wasn’t intended to be clicked, or it exposed elements that were too small which they fixed by expanding click radiuses.  

The third interesting metric was rage clicks. Clarity’s session recordings showed numerous instances of third-party plugins blocking users from actions they intended to take. In one instance, a broken pop-up widget prevented a customer from completing a lead form. They were stuck rage clicking, unable to convert or close the pop-up. 

Lastly and perhaps most importantly, Overfuel used heatmaps and scroll maps to understand how consumers were interacting with products. When Overfuel realized that 80% of users don’t scroll more than 25% of a page, they were compelled to rethink the placements of the most important calls to action.  

They also found that: 

 ● Freeform inventory search accounts for 24.9% of all homepage activity, so they implemented “Smart Search” improvements to detect common vehicle misspellings, recommend search results, and enabled customers to search by color and body type (“red SUV”) or popular features (Apple CarPlay, heated seats). 

 ● Clicking vehicle tiles (Cars, Trucks, SUVs) accounted for 14% of all homepage clicks, and Overfuel discovered that the most common behavioral pattern is clicking a body type (“SUV”), selecting a color (“Red”), then narrowing down the results by color. 

The Results

Overfuel’s philosophy is to provide customers with exactly what they want as quickly as possible. To achieve this, the company has made the top three consumer intents available above the fold.

The team at Overfuel has been successful in increasing user engagement by implementing Smart Search directly into the hero banner. The company has since expanded the use of Smart Search across its customer base due to its positive results.

Prior to this implementation, search was only available in the hamburger menu, which was the third most-clicked element. Since the implementation of Smart Search, the hamburger menu icon has shifted to the fourth most-clicked element, while Smart Search has taken over as the most-clicked element.

Homepage Before
Homepage After

Testimonial

“Microsoft Clarity helps us empirically prove what many have believed in automotive for years: many dealership websites are inundated with plugins and unnecessary complexity that hinders the car shopping experience for consumers. By monitoring our websites with Clarity, we’ve dramatically improved user experience by reducing dead clicks, rage clicks, and using heat maps to inform where we put calls to action throughout a website. Not only has it helped us increase conversion, but it’s helped us identify problematic plugins and third-party widgets that get in the way of a positive shopping experience.”  

Alex Griffis; President & CTO, Overfuel