{"id":7573,"date":"2023-06-23T10:25:00","date_gmt":"2023-06-23T08:25:00","guid":{"rendered":"https:\/\/capturly.com\/blog\/?p=7573"},"modified":"2024-02-12T15:13:33","modified_gmt":"2024-02-12T14:13:33","slug":"website-redesign","status":"publish","type":"post","link":"https:\/\/capturly.com\/blog\/website-redesign\/","title":{"rendered":"<strong>From Good to Great: How Capturly&#8217;s Website Redesign Enhanced Its Performance<\/strong>"},"content":{"rendered":"\n<p><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/p>\n\n\n\n<p>Having a website is not at all easy! You always strive for the best performance. But there is always something you want to change to make it perfect and get the most out of it! Is this feeling familiar to you?&nbsp; Yes, for us too!<\/p>\n\n\n\n<p>Improving a website is a never-ending story and a never-ending journey, if I may say so. You might think that for some sites that have all the resources, it would be easier, but no! Do you know the famous quote?<\/p>\n\n\n\n<p><em>\u201cThe more you know, the more you realize how much you don&#8217;t know.\u201d<\/em><\/p>\n\n\n\n<p>This is true for web analytics sites as well. A web analytics site has all the information, knowledge, and resources, and that makes the whole improvement process even harder!<\/p>\n\n\n\n<p>In this article, we invite you to join us on the <a href=\"https:\/\/capturly.com\/blog\/how-to-redesign-your-saas-product-ultimate-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">website redesigning<\/a> journey of Capturly! We will cover all the questions we had and all the decisions we made!<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_53 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/#How_did_the_whole_website_redesign_journey_start\" title=\"How did the whole website redesign journey start?\">How did the whole website redesign journey start?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/#Everything_About_the_Old_Version_of_Our_Homepage_and_What_We_Have_Changed\" title=\"Everything About the Old Version of Our Homepage and What We Have Changed!\">Everything About the Old Version of Our Homepage and What We Have Changed!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/#Everything_About_the_Old_Version_of_our_Heatmap_Feature%E2%80%99s_Page_and_What_We_Have_Changed\" title=\"Everything About the Old Version of our Heatmap Feature\u2019s Page and What We Have Changed!\">Everything About the Old Version of our Heatmap Feature\u2019s Page and What We Have Changed!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/#Everything_About_the_Old_Version_of_our_Session_Replays_Feature%E2%80%99s_Page_and_What_We_Have_Changed\" title=\"Everything About the Old Version of our Session Replays Feature\u2019s Page and What We Have Changed!\">Everything About the Old Version of our Session Replays Feature\u2019s Page and What We Have Changed!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/#Let%E2%80%99s_see_our_results\" title=\"Let\u2019s see our results!\">Let\u2019s see our results!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/#Final_thoughts\" title=\"Final thoughts\">Final thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_did_the_whole_website_redesign_journey_start\"><\/span><strong>How did the whole website redesign journey start?<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Embarking on our website redesign was a complex task, demanding consideration of many many aspects. And it was about much more than just data! A significant part of our success was anchored in the varied insights and expertise of our team.<\/p>\n\n\n\n<p>Each member brought a unique perspective to the table. Our graphic designer focused on aesthetics, aiming for harmony even in the minutest details. Our UX designer, meanwhile, was intent on improving the user experience. Our web developers handled the technical side, evaluating the feasibility of each new idea, and so forth.<\/p>\n\n\n\n<p>However, the importance of data can&#8217;t be understated! In conjunction with our team&#8217;s insights, we closely <a href=\"https:\/\/capturly.com\/blog\/how-to-start-evaluating-website-data\/\" target=\"_blank\" rel=\"noreferrer noopener\">examined the performance metrics of our website.<\/a> This analysis formed the backbone of our website redesign strategy.<gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/p>\n\n\n\n<p>We scrutinized what was working and what needed improvement, carried out testing, and endeavored to devise the most effective website redesign process. Our aim was to blend human intuition with data, crafting a digital presence that resonates and truly stands out.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Everything_About_the_Old_Version_of_Our_Homepage_and_What_We_Have_Changed\"><\/span><strong>Everything About the Old Version of Our Homepage and What We Have Changed!<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Our homepage was already okay if I can say that. However, we wanted to make it more dynamic to raise more attention. We also wanted to improve the user experience in a way that everything is available where it needed to be available, everything is perfectly accessible from everywhere, and so on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Transitioning to Sticky Menu<\/strong><\/h3>\n\n\n\n<p>Previously, our homepage featured a menu, that disappeared while visitors were scrolling. Upon reflection, it wasn&#8217;t our finest choice! Recognizing the<a href=\"https:\/\/www.freshrelevance.com\/blog\/dynamic-navigation-bar-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\"> value of a sticky menu<\/a> that remains visible as visitors scroll down, we incorporated this change, aimed at boosting conversion rates.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2023\/06\/New-version-a-sticky-menu.gif\" alt=\"New version after the website redesign, a sticky menu that stays while visitors are scrolling.\" class=\"wp-image-7585\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Redesigning the Navigation Bar<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We&#8217;ve also overhauled our navigation bar. In the refreshed version, our features have been given a more visually appealing representation, complemented by descriptions so visitors already know what they are clicking on.&nbsp;<\/p>\n\n\n\n<p>Additionally, we&#8217;ve rearranged the order of the features. After the redesign, heatmaps and session replays take precedence, as they truly set our brand apart. This transformation not only enhances user experience but also underscores our unique selling points.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/kPC4FJ3GdCOr5rFK0MkD1sxxn9jSid9fO1yccOiloyEQ8pChHx9I9cSi9xnvjFf4ZUz6VZnveW9gNyQNSSFuzJmxSourgLWPMRng8qbgKNv-7qUWD5aUOGEBXDwhCp_2VCTj5-fCfCTEmdPCD4D8WMw\" alt=\"The previous version of the navigation bar and the new version of the navigation bar. \"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Repositioning Text for Maximum Impact<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We decided to reposition the top text. The old layout often resulted in half of our lead image being obscured when visitors loaded the site. A simple adjustment rectified this, ensuring visitors get an impressive, complete view right from the start.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/biS03NAezkqi1oO6O79Sj9Xor9JEFH2K7F3_8VfcNffFiqA2qygNIOO--kDqWomXQIEsRYFAMFtEoOibiV90bFNQelibSmTeQv9uw-ahXHSKeifet7abSqo-hNErmaXw6CMimFODQ33xjaIue7kauaQ\" alt=\"Previous version where the introduction text was on the top and the new version where the text is next to the image.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Fine-Tuning Our CTA Buttons<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>Our call-to-action (CTA) button underwent a transformation too. We changed the text from &#8220;Try it free&#8221; to &#8220;Get started,&#8221; and indicated next to the button that \u201cNo credit card required\u201d which clarifies how this is working even more.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/5oQBUbhTODpcHbzYxwh5Cc-hSSRK7kTSDJrhGOpHHzOGD02ltK5fJa38Cq2F5evucLvnCoYhXazbeN7G1NbdbFiKd94qCZ4H-uMwwmI54MKHhXj9B5pbjY9QGLDxFA6jzS_Z6raxR8rUGUSnbfDIfMU\" alt=\"The previous CTA with the text: &quot;Try it for free&quot;. After the redesign the new text in the CTA &quot;Get started&quot;.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Clarifying the Meaning of Brand Names<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We made some strategic additions to provide greater clarity. Introducing statements like &#8220;Capturly is a game-changer analytics tool trusted by brands like&#8230;&#8221; and &#8220;We are compatible with&#8230;&#8221; gives context to the brands mentioned, rather than just listing them randomly, which we did before.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/M0udCTZf4QzDdWr-477_NQS5rRwkxjp68mpcV-nfp5647ZIYrQSRo2g_Gov4W5vnVOookRNi3bHDLIsFeeDqTH59CJQOaXvje4YHcjt6hYsOlnyy-oZ64AbYIjvJwzSr5vS1jAFv5AHrXRQ2xT97Hno\" alt=\"The previous version shows just the brand names. After the redesign we are clarifying why these brand names are present on our website.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Embracing Dynamic Elements<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>Our new design harnesses dynamic elements more than any previous version of our site. With images that glide in and a CTA button that moves on hover, we&#8217;ve created an environment that grabs attention and encourages continuous scrolling.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/9ZaXEyYVtj6qtRhYGN_r2xX8ukoZIIbPr3xu_JxLKFgc0Rh-xqnhrwf5nfg8v0IAG-EJ3N2x23s6reChY-Gd9-QrqH9OF5rZgVV8FaAed_ha1FIgKi8Mht9UeZea6tKNXNOtHvdbFNw3vozJl8K_b7s\" alt=\"Dynamic and floating elements after the website redesign.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Revamping Product Recommendations<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We&#8217;ve also revolutionized our product recommendations. Gone are the days of displaying just &#8220;empty&#8221; words. Now, we showcase the faces behind the feedback, enhancing trust and authenticity. This reassures visitors that the glowing reviews they see are indeed genuine.<gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/V6aquQVe9x1rX5q1GHGOrNg1j9jT5EqXvMDz1ovqoVwFDFuaV5yISYzQy9A-m5Zi1krzZYhKwQJ_etpF9Wsw9IwM4QEi2t2iWltqHkkA8xNYEtSTOXHOvaiFRJaXryO4VwbYjRtUArJMjReqifyJw3Y\" alt=\"In the pervious version reviews just with texts after the redesign, reviews with pictures of the people and links to the original site.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Everything_About_the_Old_Version_of_our_Heatmap_Feature%E2%80%99s_Page_and_What_We_Have_Changed\"><\/span><strong>Everything About the Old Version of our Heatmap Feature\u2019s Page and What We Have Changed!<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><\/gwmw><gwmw style=\"display:none;\"><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The situation was completely different on the heatmap feature\u2019s site, which was in the initial stage before we started the long journey of the website redesign.<\/p>\n\n\n\n<p>The kindling point was that there was a low conversion from this page and we wanted to change that!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Starting on the top<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>Even on the top of this page, we wanted to give an insight into what our product is about. That\u2019s why we added a catchy headline and a short description with a colorful and dynamic illustration of a heatmap.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/ONTMUxYgXWSlTChG8sUZazp45nVNBkbhItZANL_g9DKvkQ19Lw-IvNvz56CYF3qoX_2ej_bTKBXzhjpSKPVC56I1KCojETWI3ZqwYyqHlF8mi0lrOTNYG3FXVEvJJEeBuHr_PDHbzQFl22CRY21CTt0\" alt=\"The previous version of the heatmap site and the heatmap site after the redesign.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>More white space, more structured texts<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We recognized that our previous, verbose product description wasn&#8217;t effectively engaging our target audience. The lengthy content seemed to overwhelm visitors, hindering their ability to process the information we wanted to convey.<\/p>\n\n\n\n<p>Our strategy shifted towards a more visually appealing layout, focusing on graphic and image-based presentations. We decided to compartmentalize feature presentations into distinct sections, incorporating generous white space, and curtailing blocks of running text.<\/p>\n\n\n\n<p>Alongside these changes, we employed floating elements to capture and maintain the visitor&#8217;s attention, adding an interactive component to the user experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Adding an expert\u2019s tip<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We wanted to make our site a trustworthy one that\u2019s why we thought it\u2019s a good idea to indicate a real face on it. We could mix this with an expert tip that encourages people to try out our feature and also gives useful advice to them.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/dnx_X1G8tdT4JMipyefPi4lwauyOW5v8CxWJMs9ZBIGOtK3JKkNTvcIo4gyQFIbZ9ngW85zhY-DApUObMB1oVI-WCSZjokzziCGrfNctoNOoBkkICZV8L5qO1yS8hFFoqyj2Mdp1DNjKGuZlwu2oP_Q\" alt=\"New element, expert's tip on the website.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Adding a user story<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>A user story also helps to increase trustworthiness. People tend to believe that what works for one can work for many. So through these stories, they can get an insight into how helpful our tool is and how it can help businesses to increase their revenue. It\u2019s important that here we also used a real face to illustrate a character behind the story.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/mOKDfzcutAeqq2DVLWRlQozt4IY8zrBTYWDXy9pHuVgHgNlCNm9zPPQ32vjtgZy_o0kvU9rumPj9TAHH-ddVx0SnTWvexWjWywzhWJRaMyxia2sD2LU499ccQDaHdRKF74bDNO2dSEx1gTa0BTIJEDE\" alt=\"New element, user story on the website. \"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>\u201cExplore more features\u201d at the bottom\u00a0<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>We&#8217;ve added an enticing &#8220;Explore more features&#8221; segment thoughtfully positioned at the bottom of our website. This section empowers visitors to delve deeper into our offerings, preventing any sense of reaching a dead end after perusing the content above.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Links to guide<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>The same role has links to our guides and blog. If someone is not really interested in our additional features we are giving them a chance to further read about our features.&nbsp;<\/p>\n\n\n\n<p>The guides provide an opportunity to explore the potential and glean valuable insights into how our features can be leveraged, offering useful tips along the way. The blog tells interesting and engaging related stories to our heatmaps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>FAQ<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>Having a Frequently Asked Questions (FAQ) section on a website offers several benefits and we saw that many sites are already using it.&nbsp;<\/p>\n\n\n\n<p>Firstly, it provides a convenient and accessible resource for visitors to find quick answers to common inquiries. Addressing frequently encountered questions proactively saves both the visitors and the website owners valuable time and effort.<\/p>\n\n\n\n<p>Secondly, an FAQ section instills confidence and trust in the visitors. It demonstrates that the website is attentive to user needs and concerns, offering transparent and comprehensive information. This can enhance the overall user experience and encourage visitors to explore further or engage with the website&#8217;s products or services.<\/p>\n\n\n\n<p>Additionally, an FAQ section can help reduce the number of repetitive inquiries received by customer support or sales teams. By providing self-service options, users can find solutions independently, freeing up resources to focus on more complex or personalized customer interactions.<\/p>\n\n\n\n<p>These were the reasons why we have decided we definitely need a section like this. We tried to collect our most frequently asked questions and give short answers for each of them.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/K8QNZOAyQ5GnvaEJ5XcyHbnNSFcgwpFiWZMic6My6532TIgm8JR0AUdz9nHvnH9l-LldNAyoxdOVnc5BbtAt7tHQjtCICq9FU1j-qm0eiLj2ZfOlfFnmm_6OC4iOrDM6E27gpIkbteFyd2K03mD0Gdg\" alt=\"A frequently asked questions section on the website after the redesign.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Everything_About_the_Old_Version_of_our_Session_Replays_Feature%E2%80%99s_Page_and_What_We_Have_Changed\"><\/span><strong>Everything About the Old Version of our Session Replays Feature\u2019s Page and What We Have Changed!<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We did similar changes and improvements on our other feature site. We replaced the lengthy content with engaging images, short texts, and a lot of white space.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Redesigning the session replay demo<\/strong><\/h3>\n\n\n\n<p>We have a session replay demo option designed to showcase our session replay feature.<\/p>\n\n\n\n<p>In our previous version, the design wasn\u2019t so attention-grabbing. That is why we decided to highlight the whole section with a blue background. We also added an image that can raise visitor\u2019s attention and while it shows a cursor it can encourage them to click.<\/p>\n\n\n\n<p>Additionally, we&#8217;ve switched up our call-to-action from the generic &#8220;Start&#8221; to a more engaging and precise &#8220;Let&#8217;s Try!&#8221; This revamped phrasing gives a clearer idea of what the user can expect upon clicking the button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2023\/06\/Demo-redesign.gif\" alt=\"Redesigning the demo option.\" class=\"wp-image-7587\"\/><\/figure><\/div>\n\n\n<p>We provide explicit instructions on when to click, scroll, and even complete a form. Once these actions are performed, users can rewatch their interactions and gain a firsthand understanding of how session replays work within our interface.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Let%E2%80%99s_see_our_results\"><\/span><strong>Let\u2019s see our results!<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A couple of months after the changes were made, we took a look at what happened on our site. And of course, we leveraged our own tool for this evaluation.&nbsp;<\/p>\n\n\n\n<p>You might be thinking, <em>&#8220;Sure, easy for you to say, you have your own tool for testing, optimizing, and discovering what works best.<\/em>&#8221; But here&#8217;s a thought &#8211; you can also use our tool for free, making this solution just a click away. We offer a limitless free plan, and all our plans come with free trials.<\/p>\n\n\n\n<p>Now, let&#8217;s really see what results we got!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Clicks on our homepage<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>If you take a peek at our homepage, you&#8217;ll notice that our dynamic navigation bar has indeed yielded tangible results. By comparing the former solution with the revamped version of the navigation bar, heatmaps reveal a discernible uptick in the number of clicks.<\/p>\n\n\n\n<p>A glance also reveals &#8220;blind clicks&#8221; underneath the navigation bar. However, these are actually clicks on the features in the new menu.<\/p>\n\n\n\n<p>Do note the increased engagement with the new CTA button, indicating that its relocation and the text modification have yielded positive outcomes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/jgRCa8OiBnM_IWSgOaWtETaPNlynsSnySGQLYs5rp6mtjJW9v1tIVgu2UALcxHq2y8p6QS0OXx28hX2Ift6MJaH7CmsXggT1bFz1R0NByDpwLB1oqmV50hvLzlyxmn1YKbrD0OssgSIf2VH4RDPQoKY\" alt=\"The results analyzed with the use of heatmaps. Less engagement in the previous version and more engagement in the new version.\"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<p>We&#8217;re not exaggerating when we say that the other modifications have yielded equally promising results!<\/p>\n\n\n\n<p>Previously overlooked sections, like reviews, are now attracting clicks. And the data shows increased interest in the text accompanying our dynamic images, among other enhancements.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Scrolls on the heatmap feature site<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/h3>\n\n\n\n<p>Let&#8217;s take a look at what happened with the scrolls on our heatmap feature site! As you can observe in the previous version, most of the people didn&#8217;t scroll all the way to the end of our page, thus missing out on our last CTA.<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<p>Adding another CTA in the middle of the site was a wise decision, though they still don&#8217;t scroll until the end. Nevertheless, they do come across the CTA in the middle.<\/p>\n\n\n\n<p>Furthermore, it&#8217;s worth mentioning that the new feature site is successful in capturing people&#8217;s attention for a longer duration. This implies that instead of a lengthy test, employing more white space and graphical images turned out to be effective in keeping visitors engaged for an extended period.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/hju1pZzQ91ov5owzwy8ziHqTZIGjvKF6O58qTWDc69XXJTMwPp5IjvQOKwRS4JWgo_MbiJtWldW-a-b82CXbx5M_RZClssfVATGTn38Dp6qD7KFbCJQt3no2GW1vBqsR-te2L5SW_iAjOzjzhrGTDMc\" alt=\"Results analyzed with the use of scroll heatmaps. \"\/><figcaption class=\"wp-element-caption\"><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/figcaption><\/figure><\/div>\n\n\n<p>Absolutely, we&#8217;re well aware that there&#8217;s always room for improvement! However, I believe it goes without saying that a website can never truly achieve perfection. There will always be those small details that could benefit from some enhancement.<\/p>\n\n\n\n<p>This means you will probably hear from our website redesign journey as well in the future!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Final_thoughts\"><\/span><strong>Final thoughts<\/strong><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>After all of these, watching our promising results, we definitely advise you to start the redesigning process of your website today! It may seem like a daunting journey ahead, but it&#8217;s one that&#8217;s guaranteed to yield fruitful results.<\/p>\n\n\n\n<p><a href=\"https:\/\/capturly.com\/guides\/ultimate-guide-to-heatmaps-everything-you-need-to-know-about-website-heatmaps\/\" target=\"_blank\" rel=\"noreferrer noopener\">Leverage tools like heatmaps <\/a>to constantly see and follow what you have reached with the website redesign. In addition, use these tools for testing as well. <a href=\"https:\/\/capturly.com\/blog\/using-a-b-testing-to-improve-website-performance\/\" target=\"_blank\" rel=\"noreferrer noopener\">Try out different versions<\/a> and check which one attracts more attention and clicks.<gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/p>\n\n\n\n<p>We&#8217;re eager to hear about your own website redesign journey and experiences! What did you learn and what changes have you observed? We encourage you to drop a comment below and tell us!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Having a website is not at all easy! You always strive for the best performance. But there is always something you want to change to make it perfect and get the most out of it! Is this feeling familiar to you?&nbsp; Yes, for us too! Improving a website is a never-ending story and a never-ending<\/p>\n","protected":false},"author":28,"featured_media":7575,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,97],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How the Website Redesign Enhanced our Website Performance<\/title>\n<meta name=\"description\" content=\"Are you curious about what can be achieved through website redesign? Check out our journey and find out how we were able to improve our site!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capturly.com\/blog\/website-redesign\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How the Website Redesign Enhanced our Website Performance\" \/>\n<meta property=\"og:description\" content=\"Are you curious about what can be achieved through website redesign? Check out our journey and find out how we were able to improve our site!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capturly.com\/blog\/website-redesign\/\" \/>\n<meta property=\"og:site_name\" content=\"Capturly Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-23T08:25:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-12T14:13:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2023\/06\/Redesign-of-Capturly.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capturly.com\/blog\/website-redesign\/\",\"url\":\"https:\/\/capturly.com\/blog\/website-redesign\/\",\"name\":\"How the Website Redesign Enhanced our Website Performance\",\"isPartOf\":{\"@id\":\"https:\/\/capturly.com\/blog\/#website\"},\"datePublished\":\"2023-06-23T08:25:00+00:00\",\"dateModified\":\"2024-02-12T14:13:33+00:00\",\"author\":{\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\"},\"description\":\"Are you curious about what can be achieved through website redesign? Check out our journey and find out how we were able to improve our site!\",\"breadcrumb\":{\"@id\":\"https:\/\/capturly.com\/blog\/website-redesign\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capturly.com\/blog\/website-redesign\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/capturly.com\/blog\/website-redesign\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/capturly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"From Good to Great: How Capturly&#8217;s Website Redesign Enhanced Its Performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capturly.com\/blog\/#website\",\"url\":\"https:\/\/capturly.com\/blog\/\",\"name\":\"Capturly Blog\",\"description\":\"Optimize your website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capturly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\",\"name\":\"Gabriella\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"caption\":\"Gabriella\"},\"url\":\"https:\/\/capturly.com\/blog\/author\/gabriella\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How the Website Redesign Enhanced our Website Performance","description":"Are you curious about what can be achieved through website redesign? Check out our journey and find out how we were able to improve our site!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/capturly.com\/blog\/website-redesign\/","og_locale":"en_US","og_type":"article","og_title":"How the Website Redesign Enhanced our Website Performance","og_description":"Are you curious about what can be achieved through website redesign? Check out our journey and find out how we were able to improve our site!","og_url":"https:\/\/capturly.com\/blog\/website-redesign\/","og_site_name":"Capturly Blog","article_published_time":"2023-06-23T08:25:00+00:00","article_modified_time":"2024-02-12T14:13:33+00:00","og_image":[{"width":2240,"height":1260,"url":"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2023\/06\/Redesign-of-Capturly.png","type":"image\/png"}],"author":"Gabriella","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gabriella","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capturly.com\/blog\/website-redesign\/","url":"https:\/\/capturly.com\/blog\/website-redesign\/","name":"How the Website Redesign Enhanced our Website Performance","isPartOf":{"@id":"https:\/\/capturly.com\/blog\/#website"},"datePublished":"2023-06-23T08:25:00+00:00","dateModified":"2024-02-12T14:13:33+00:00","author":{"@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c"},"description":"Are you curious about what can be achieved through website redesign? Check out our journey and find out how we were able to improve our site!","breadcrumb":{"@id":"https:\/\/capturly.com\/blog\/website-redesign\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capturly.com\/blog\/website-redesign\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/capturly.com\/blog\/website-redesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/capturly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"From Good to Great: How Capturly&#8217;s Website Redesign Enhanced Its Performance"}]},{"@type":"WebSite","@id":"https:\/\/capturly.com\/blog\/#website","url":"https:\/\/capturly.com\/blog\/","name":"Capturly Blog","description":"Optimize your website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capturly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c","name":"Gabriella","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","caption":"Gabriella"},"url":"https:\/\/capturly.com\/blog\/author\/gabriella\/"}]}},"_links":{"self":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/7573"}],"collection":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/comments?post=7573"}],"version-history":[{"count":4,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/7573\/revisions"}],"predecessor-version":[{"id":11988,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/7573\/revisions\/11988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media\/7575"}],"wp:attachment":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media?parent=7573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/categories?post=7573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/tags?post=7573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}