{"id":40529,"date":"2023-03-20T16:00:59","date_gmt":"2023-03-20T20:00:59","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=40529"},"modified":"2026-01-06T15:13:57","modified_gmt":"2026-01-06T23:13:57","slug":"website-redesign-tips","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/","title":{"rendered":"Poor Sales? Maybe You Need a Website Redesign: Here\u2019s How"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Let\u2019s look at some of my favorite techniques for <\/span><b>creating a website redesign strategy <\/b><span style=\"font-weight: 400;\">and implementing it for <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/measure-marketing-roi\/\"><span style=\"font-weight: 400;\">maximum ROI<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"website-needs-redesign\"><\/a>How Do You Know if Your Website Needs a Redesign?<\/h2>\n\n\n\n<p>I answer three questions when deciding whether or not to redesign a website:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><h4>Does the design look outdated?<\/h4><\/li>\n\n\n\n<li><h4>Are my conversions\/sales decreasing?<\/h4><\/li>\n\n\n\n<li><h4>Have I received complaints about user experience or design-related issues?<\/h4><\/li>\n<\/ol>\n\n\n\n<p>If I answer yes to any of those questions, a website redesign is necessary.<\/p>\n\n\n\n<p>It\u2019s also important to consider branding. For instance, I recently bought <a href=\"https:\/\/neilpatel.com\/ubersuggest\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ubersuggest<\/a>, a keyword suggestion tool to which I\u2019m adding more functionality.<\/p>\n\n\n\n<p>Before I bought it, the site looked like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1057\" height=\"501\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215131\/website-redesign-9.png\" alt=\"website-redesign-ubersuggest\" class=\"wp-image-40540\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154927\/website-redesign-9.png 1057w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154927\/website-redesign-9-300x142.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154927\/website-redesign-9-768x364.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154927\/website-redesign-9-1024x485.png 1024w\" sizes=\"(max-width: 1057px) 100vw, 1057px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>There\u2019s nothing wrong with the design, but it doesn\u2019t match my personal branding. After giving it an <span style=\"font-weight: 400;\">overhaul,<\/span>, the site now looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1203\" height=\"557\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215132\/website-redesign-11.png\" alt=\"website-redesign-ubersuggest-2\" class=\"wp-image-40542\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154931\/website-redesign-11.png 1203w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154931\/website-redesign-11-300x139.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154931\/website-redesign-11-768x356.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154931\/website-redesign-11-1024x474.png 1024w\" sizes=\"(max-width: 1203px) 100vw, 1203px\" \/><\/figure>\n\n\n\n<p>It matches the design of my <a href=\"https:\/\/www.neilpatel.com\/blog\" target=\"_blank\" rel=\"noopener noreferrer\">personal blog<\/a>, so it\u2019s easily recognized as one of my properties.<\/p>\n\n\n\n<p>If you\u2019re rebranding your business, a website redesign might help bolster your efforts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Risky Website Redesign Approach<\/h2>\n\n\n\n<p>Unfortunately, the creative process used by most agencies and marketing departments don&#8217;t consider risk mitigation.<\/p>\n\n\n\n<p>To understand your risk exposure, think about the number of individual changes that are made during a redesign. Multiply that by the depth of change for each element. Imagine for a moment the laundry list of changes proposed during a creative meeting.<\/p>\n\n\n\n<p>You&#8217;ll change the home page headline, imagery, site-wide template layout, navigation bar design, fonts, shopping cart or form layouts, and many more.<\/p>\n\n\n\n<p>When do you discuss the risk of all these changes? Maybe some of those changes help conversions, and some probably hurt. How do you know which have positive or negative effect?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215134\/RSR-Many-changes-effects1.gif\"><img decoding=\"async\" width=\"1033\" height=\"1272\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215134\/RSR-Many-changes-effects1.gif\" alt=\"Website redesign masks the effects\" class=\"wp-image-13421\"\/><\/a><\/figure>\n\n\n\n<p>In most cases that discussion about risk-mitigation doesn&#8217;t happen.<\/p>\n\n\n\n<p>Marketers usually go into a redesign without a process in place to test the page templates and landing pages that are being changed. There&#8217;s no system put in place to monitor and justify those changes against key conversion metrics.<\/p>\n\n\n\n<p>Mitigating these risks can only be done with a rigorous conversion optimization strategy. It requires a process that includes understanding the target audience, prioritizing test hypotheses to solve issues obstructing conversions, setting up controlled split tests, and analyzing insights from data to make informed changes.<\/p>\n\n\n\n<p>Companies that are using a structured process that include A\/B\/n split testing as part of a conversion optimization strategy, like <a href=\"https:\/\/www.widerfunnel.com\/proof\/case-studies\/41-lift-in-revenue-per-visitor-for-wine-retailer\" target=\"_blank\" rel=\"noopener noreferrer\">WineExpress<\/a>, <a href=\"https:\/\/www.widerfunnel.com\/proof\/case-studies\/iron-mountains-conversion-optimization-strategy\" target=\"_blank\" rel=\"noopener noreferrer\">Iron Mountain<\/a>, <a href=\"https:\/\/www.widerfunnel.com\/proof\/case-studies\/12-8-lift-from-re-designed-sign-up-flow-for-online-game\" target=\"_blank\" rel=\"noopener noreferrer\">Electronic Arts<\/a> and <a href=\"https:\/\/www.widerfunnel.com\/proof\/case-studies\/babyage-com-e-commerce-retailer-lifts-sales-conversion-rate-by-22-with-conversion-rate-optimization\" target=\"_blank\" rel=\"noopener noreferrer\">BabyAge.com<\/a>, are getting significant sales lift while reducing risk.<\/p>\n\n\n\n<p>In fact, eConsultancy reports that companies with a structured approach for conversion optimization are twice as likely to have seen a large increase in sales as others.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215135\/WiderFunnel-structured-approach.jpg\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215135\/WiderFunnel-structured-approach.jpg\" alt=\"Structured approach doubles conversion optimization success\" class=\"wp-image-13417\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/01\/WiderFunnel-structured-approach.jpg 1024w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/01\/WiderFunnel-structured-approach-300x225.jpg 300w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p> <em>A structured approach doubles conversion optimization success<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Better Approach: Evolutionary Site Redesign<\/h2>\n\n\n\n<p>Testing, and a proven system to execute testing for design changes, is critical for today&#8217;s online marketer. The risk of making substantial website changes without it is too great not to.<\/p>\n\n\n\n<p>This approach to website redesign is something I call <strong>&#8220;Evolutionary Site Redesign&#8221; or ESR<\/strong>.<\/p>\n\n\n\n<p>The truth is that a dramatic, &#8220;revolutionary&#8221; redesign is dangerous for most companies.<\/p>\n\n\n\n<p>It&#8217;s not that you don&#8217;t need a redesign. You probably do. But a better, and less risky, approach involves a process of testing with incremental (and often dramatic) improvements. This ESR approach gives a better visitor experience and results versus the traditional throw-the-baby-out-with-the-bathwater method.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">ESR Gives Continuous Results Improvement<\/h2>\n\n\n\n<p>There are two major differences between ESR and the traditional &#8220;Revolutionary Site Redesign&#8221; (RSR) approach:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><b>It&#8217;s Faster<\/b><br>After a traditional website redesign, marketing departments are usually so fed-up with the process that they\u2019ll gladly wait another 5 years before trying again. Or else, they may spend the next 6 months scrambling to fix the conversion rate drop with their new site. ESR, in contrast, creates a system of continuous improvement so your website is always leading the pack. <figure><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215137\/Happy-ending-RSR.gif\"><img decoding=\"async\" width=\"100%\" class=\"size-large wp-image-13420 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215137\/Happy-ending-RSR.gif\" alt=\"The traditional website redesign cycle of under-performance\"><\/a><\/figure> <em>The traditional website redesign cycle of under-performance<\/em><\/li>\n\n\n\n<li><b>Success criteria<br><\/b>\u201cGut feeling\u201d and reliance on the so-called \u201cbest practices\u201d of designers and UX practitioners rules in a traditional redesign. While the team may be talented, no batter hits .1000 and many of their changes are likely to hurt website results. With ESR, every change is measured in controlled A\/B\/n split tests against its effect on business goals.<\/li>\n<\/ol>\n\n\n\n<p>The RSR approach leaves your website lacking and continuously falling behind in the intervals between major redesigns. But, with ESR, your website will continuously keep up and surpass the success of the rest of the web.<\/p>\n\n\n\n<p>ESR essentially uses conversion rate optimization principles to redesign your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How ESR Eliminates Epic Website Redesigns<\/h2>\n\n\n\n<p>By adopting the <b>evolutionary site redesign <\/b>approach you can guard against website redesign risks while dramatically improving your website every day.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215139\/Happy-ending-ESR.gif\"><img decoding=\"async\" width=\"1202\" height=\"953\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215139\/Happy-ending-ESR.gif\" alt=\"ESR continuously improves your website\" class=\"wp-image-13419\"\/><\/a><\/figure>\n\n\n\n<p> <em>ESR continuously improves your website<\/em><\/p>\n\n\n\n<p>With ESR, your website will continuously keep up and surpass the success of the rest of the&nbsp;web. Once you&#8217;ve defined your websites goals clearly, you can test and continuously optimize to improve on them.<\/p>\n\n\n\n<p>ESR works by implementing a system of continuous <a href=\"https:\/\/www.crazyegg.com\/blog\/ab-testing\/\">A\/B split testing<\/a> throughout your entire website and digital marketing. Rather than relying on the gut-feeling and flawed intuition of an art director, your website decisions should be made against the crucible of customer actions.<\/p>\n\n\n\n<p><b>You should test everything in your marketing: <\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Site-wide design styles<\/li>\n\n\n\n<li>Logo, header and tagline<\/li>\n\n\n\n<li>Product page templates<\/li>\n\n\n\n<li>Landing page design &amp; content<\/li>\n\n\n\n<li>Your product or service value proposition statements<\/li>\n\n\n\n<li>Lead generation forms, shopping cart and checkout<\/li>\n\n\n\n<li>Home page design, eyeflow, merchandising<\/li>\n\n\n\n<li>Imagery, copywriting, ads, calls to action, and offers<\/li>\n\n\n\n<li>And everything in-between!<\/li>\n<\/ul>\n\n\n\n<p>Booking.com, for example, should be continuously updating their design by testing the major site-wide elements that combine to create their look &amp; feel: header, nav, PCTA, headlines, repeating listing areas, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215142\/Booking.com-ESR.gif\"><img decoding=\"async\" width=\"1062\" height=\"760\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215142\/Booking.com-ESR.gif\" alt=\"Booking.com ESR opportunities\" class=\"wp-image-13418\"\/><\/a><\/figure>\n\n\n\n<p> <em>Booking.com&#8217;s ESR opportunities<\/em><\/p>\n\n\n\n<p>At WiderFunnel, we&#8217;ve developed a continuous improvement system to drive the ESR process for companies. It leverages great thinkers who have gone before us and adapts the scientific method for website practicalities.<\/p>\n\n\n\n<p>The system ensures that website test iterations are driven by solving customer problems identified in the heuristic <a href=\"https:\/\/www.widerfunnel.com\/solutions\/our-process\/lift-model\" target=\"_blank\" rel=\"noopener noreferrer\">LIFT Analysis<\/a>, voice of customer data and web analytics data (like <a href=\"https:\/\/www.crazyegg.com\" target=\"_blank\" rel=\"noopener noreferrer\">Crazy Egg click heatmaps<\/a>), rather than just creative aesthetics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Top 5 Reasons to Use ESR<\/h2>\n\n\n\n<p>Here\u2019s why ESR is the future of website un-redesign:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>You get a new site \u201c<a href=\"https:\/\/www.crazyegg.com\/blog\/understanding-the-user-experience\/\">look and feel<\/a>\u201d and conversion rate lift at the same time<\/li>\n\n\n\n<li>You learn which elements actually improve results<\/li>\n\n\n\n<li>You maintain your team\u2019s focus on the important business metrics rather than \u201caesthetic\u201d redesign<\/li>\n\n\n\n<li>Your website never faces lags in results in-between redesigns<\/li>\n\n\n\n<li>You avoid the risks of a \u201cRevolutionary\u201d site redesign<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"how-to-redesign-website\"><\/a>How to Redesign an Existing Website<\/h2>\n\n\n\n<p>Whether you use ESR or decide to take the plunge and do a full redesign all at once it is important to keep your <a href=\"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/\">website\u2019s redesign<\/a> work manageable (and enjoyable) and to make sure your final results are worth the effort. In short, take time before beginning creative work to plan. A detailed, in-depth plan of the entire project will ensure you and your comrades don\u2019t trip over one another in the trenches.\u201d<\/p>\n\n\n\n<p>To do this, a lot of spreadsheet work and grit planning is necessary.<\/p>\n\n\n\n<p>If you plan down to weekly &#8211; or even daily &#8211; tasks to be completed for each aspect of your website and assign them to different, responsible professionals from the beginning, there will be no reason your project should lag behind your timeline or produce sub-par results.<\/p>\n\n\n\n<p>This means creating spreadsheets with numerous pages and what will seem like an endless amount of rows and columns for tracking and filling in information.<\/p>\n\n\n\n<p>It might sound overwhelming and unnecessary, but when you\u2019re there in the trenches and can\u2019t see the battlefield from a bird\u2019s eye view, having a guide to tell you exactly what to do next will give you comfort and bring you closer to relief and your goal of winning the battle.<\/p>\n\n\n\n<p>Think of creating your website redesign action plan and tracking sheets as training for the battle: the harder you train, the more prepared you\u2019ll be, the more successfully you\u2019ll fight, and the quicker you will rise as the victor and return home with the spoils.<\/p>\n\n\n\n<p>Take a look at this video before redesigning your website:<\/p>\n\n\n<p><iframe title=\"Why You Should NEVER Redesign Your Website, Do THIS Instead\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/LJSuS3kRVGs?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.crazyegg.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Strategy First, Planning Second<\/h2>\n\n\n\n<p>Before you make a plan of the steps you need to take to redesign your website, you need to seriously consider <em>why<\/em> you need or want to redesign your website.<\/p>\n\n\n\n<p>Consider the goals you want to accomplish with this redesign:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.crazyegg.com\/blog\/high-bounce-rate\/\" target=\"_blank\" rel=\"noreferrer noopener\">Keeping visitors from bouncing<\/a> off your pages so quickly<\/li>\n\n\n\n<li>Make your library of downloadable information more accessible<\/li>\n\n\n\n<li>More informative pages<\/li>\n\n\n\n<li>To be more visually aligned with your brand<\/li>\n\n\n\n<li>To <a href=\"https:\/\/www.crazyegg.com\/blog\/website-navigation\/\">improve navigation<\/a> to average more pages per visit<\/li>\n\n\n\n<li>Improve on-site SEO<\/li>\n\n\n\n<li>etc.<\/li>\n<\/ul>\n\n\n\n<p>Outline exactly what your goals are and prioritize them in a numbered list which you will use to plan accordingly, and attach actual data and numbers with these goals.<\/p>\n\n\n\n<p>For example, if your main goal is to increase your conversion rate, define that goal (broken down on a page-by-page basis) like this: \u201cImprove conversion rate of mobile game development landing page from X% to Y%.\u201d<\/p>\n\n\n\n<p>For each goal of your strategy point, you will make a plan outlined in a spreadsheet to achieve those goals and weave them together into one overarching, detailed plan that will lead you step-by-step into getting everything done and making your website rock.<\/p>\n\n\n\n<p><em><strong>Note:<\/strong> If your goals are to simply make your site look better or offer better information to your visitors, a total redesign probably isn\u2019t necessary. You can simply refresh your site with updated design elements and better-written content to achieve your goals without getting bogged down.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Document Everything That\u2019s Current<\/h2>\n\n\n\n<p>Write down and save your current metrics (whether they\u2019re directly associated with your strategy-based goals or not) and save them in a spreadsheet document.<\/p>\n\n\n\n<p>Divide the document into multiple pages based on each individual web page you have. If your site has more than 10 pages, create documents based on sub-sections of your website so there\u2019s less confusion in trying to store and access this information.<\/p>\n\n\n\n<p>Include the following data, at a minimum: bounce rate, average time on page, 1st traffic source, 2nd traffic source, 3rd traffic source, and conversion rate.<\/p>\n\n\n\n<p>These documents will serve as a base that will help you prioritize your tasks and daily or weekly priorities when making your action plan tracking sheets.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215143\/ss1.png\"><img decoding=\"async\" width=\"816\" height=\"251\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215143\/ss1.png\" alt=\"Tracking Sheet\" class=\"wp-image-19851\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss1.png 816w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss1-300x92.png 300w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><em><strong>Hint:<\/strong> Also back up the most recent version of your website before you start making changes so you don\u2019t lose any of your backend SEO work that can be transferred to the new design. Further, document each and every piece of content you have:<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Page text<\/em><\/li>\n\n\n\n<li><em>Videos<\/em><\/li>\n\n\n\n<li><em>Blog posts<\/em><\/li>\n\n\n\n<li><em>Downloadable reports<\/em><\/li>\n\n\n\n<li><em>White papers<\/em><\/li>\n\n\n\n<li><em>etc.<\/em><\/li>\n<\/ul>\n\n\n\n<p><em>These pieces of content have incredible value so you don\u2019t have to re-do absolutely everything. And, even if one of your main goals is to rewrite a lot of it, it\u2019s a valuable source to refer back to\u2026 whether for positive guidance or as an example of what not to do next time.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Time and Money: Your Two Most Valuable Resources<\/h2>\n\n\n\n<p>Taking stock of the internal resources you have available from the very beginning of the project is crucial. You need to know how much worker bandwidth and money you have to dedicate to the project, and over what periods of time.<\/p>\n\n\n\n<p>With this knowledge, outline your plan for time-based deliverables and dedicate portions of your monetary and time-related budgets to each step of the process.<\/p>\n\n\n\n<p>Make sure you complete the budgeting for the entire project at once so you can look out for problem areas and make sure you don\u2019t come up short in the end.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215144\/ss2.png\"><img decoding=\"async\" width=\"664\" height=\"383\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215144\/ss2.png\" alt=\"Tracking Sheet 2\" class=\"wp-image-19852\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss2.png 664w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss2-300x173.png 300w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>In this example, a company plans to take care of everything except the design in-house.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create Action Plan Trackers<\/h2>\n\n\n\n<p>To make filling in the exact tasks and deadlines easier, start with creating action plan trackers for every single page you will either redesign in some way or the new pages you will add into your site as a part of your redesign.<\/p>\n\n\n\n<p>Use your page\u2019s current site map to help you get started.<\/p>\n\n\n\n<p>If you only have 5-10 pages within your site, one document with different tabs will suffice. However, if you\u2019ve got more than that, segment your pages into different documents based on the over-arching goals of the pages.<\/p>\n\n\n\n<p>For example, if you\u2019ve got one subset of pages for services, another subset for products, and a third for company-based information, these can be three different documents, each with multiple tabs, grouped together in the same folder.<\/p>\n\n\n\n<p>Label your column headings with page-specific task, goals, person responsible, target delivery date, and date completed, and your rows with each task that you will do.<\/p>\n\n\n\n<p>You won\u2019t be using this yet, but it\u2019s the easiest document to set up and you won\u2019t want to lose your momentum once you get to the point of filling it in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create Strategy Trackers<\/h2>\n\n\n\n<p>Think of your page action plan trackers as your ready-to-implement plan.<\/p>\n\n\n\n<p>But, as stated earlier, you can\u2019t have an effective plan without a strategy in place. You can\u2019t decide how to get somewhere until you actually define where it is you want to go. This is what your strategy documents will do for you.<\/p>\n\n\n\n<p>And just like your need to fine-tune every detail of your plan before you execute it, you also need to fine-tune every detail of your strategy before you execute it into your plan implementation documents.<\/p>\n\n\n\n<p>Open the document you used to write down your goals earlier. Each goal gets its own tab in a spreadsheet.<\/p>\n\n\n\n<p>It\u2019s up to you how many separate spreadsheet documents you make, but make sure you\u2019ve at least covered the bases: SEO goals, conversion goals, UI goals (clickability), time on page, pages per visit, content quality, brand association \/ design quality, etc.<\/p>\n\n\n\n<p>Set your columns up with Goal, Person Responsible, Deadline, and each row is dedicated to a sub-part of action items required to either do or plan to complete that goal.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215145\/ss4.png\"><img decoding=\"async\" width=\"988\" height=\"607\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215145\/ss4.png\" alt=\"Tracking Sheet 3\" class=\"wp-image-19854\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss4.png 988w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss4-300x184.png 300w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Remember the trenches, people. It sounds like a lot of work now, but you\u2019ll be thanking your lucky stars for these sheets once you actually get down to business.<\/p>\n\n\n\n<p>If you\u2019re getting confused about how all this documentation works together, here\u2019s a flow chart of the process:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215147\/ss5-300x160-1.png\"><img decoding=\"async\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215147\/ss5-300x160-1.png\" alt=\"Flow Chart\" class=\"wp-image-19855\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Fill In Your Strategy Trackers<\/h2>\n\n\n\n<p>With both types of trackers made, it\u2019s time to get down to business.<\/p>\n\n\n\n<p>This is where your real training starts and is what separates the boys from the men when it comes to showing a website redesign project who\u2019s boss.<\/p>\n\n\n\n<p>With each overarching goal, you\u2019ll find a seemingly endless number of baby steps to take to finish that goal.<\/p>\n\n\n\n<p>One of the best ways to do this is to fill in the obvious, larger steps into the document first. As you realize what the smaller steps are that comprise the larger steps you initially filled in, you can add rows underneath them to make the document more complete and cohesive.<\/p>\n\n\n\n<p><em><strong>Hint:<\/strong> To save time doing this, have a brainstorming session with everyone involved in the website redesign project. Go goal-by-goal and write down absolutely everything each person suggests needs to be done in his or her arena to accomplish that goal.<\/em><\/p>\n\n\n\n<p><em>You can go back and organize these tasks into the document later, but doing this will give you all the information you need to complete the documents in one sitting rather than having clunky back and forth communication for suggestions on improvements and additions.<\/em><\/p>\n\n\n\n<p><em><strong>Note:<\/strong> Depending on your in-house capabilities, you may or may not need to outsource some of the work to freelance professionals or agencies. If you see you need to do this, build a planning document dedicated to the steps you need to take to successfully find the best professionals to work with within your budget.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fill in Action Plan Trackers<\/h2>\n\n\n\n<p>When your strategy tracker is finished, half the battle (of the training part, anyway, is finished).<\/p>\n\n\n\n<p>You\u2019ll find that each action item of your strategy tracker will lead you to solve problems and make decisions about what to write directly into your action plan tracking sheets. All you need to do is follow each one step-by-step.<\/p>\n\n\n\n<p>It will take some time to do, but you can set your to-do list on autopilot (since the strategy tracker has it taken care of) and just go step-by-step, completing your goals for each day.<\/p>\n\n\n\n<p>Once this is finished and your action plan documents are done, send them out to your colleagues working on the project with you and ask for their reviews and criticisms. A few small adjustments may have to be made, but that\u2019s all.<\/p>\n\n\n\n<p>If it helps, have another brainstorming meeting to poke holes in your action plan to find ways to make it stronger.<\/p>\n\n\n\n<p>Each action item will be assigned a responsible person and a deadline, so once everything is finalized, distribute these sheets to your team and have them tick off items as they complete them.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215148\/ss3.png\"><img decoding=\"async\" width=\"664\" height=\"292\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215148\/ss3.png\" alt=\"Tracking Sheet 4\" class=\"wp-image-19853\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss3.png 664w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/11\/ss3-300x132.png 300w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/a><\/figure>\n\n\n\n<p><em><strong>A word to the wise:<\/strong> Even though you\u2019ve taken care of yourself to follow a step-by-step plan, you will still feel like you\u2019re deep inside a war zone trench at some points. When this happens, it\u2019s best to hold a meeting to clear the air, communicate about any confusions, and get everyone back on track to win the battle.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Make it Happen<\/h2>\n\n\n\n<p>After all the teeth-gritting, hair-pulling planning and the internal cringing over staring at spreadsheets and filling them in day in and day out, you\u2019re ready to jump out of the low-flying helicopter and hit the battlefield.<\/p>\n\n\n\n<p>To make the process easier and more effective, follow these strategies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Research and competitive analysis<\/h3>\n\n\n\n<p>Carefully evaluate your top 10 competitors. What do their websites look like? What strategies are they using that you could co-opt? What do you think they\u2019re doing wrong?<\/p>\n\n\n\n<p>Use competitive analysis to make your website better than the competition\u2019s. Redesign your website so it loads faster, offers more intuitive navigation, and present better offers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Building the wireframe and mockups<\/h3>\n\n\n\n<p>Wireframes and markups allow you to visualize your site before it goes live. When you use a wireframe, you can place each element precisely on the page.<\/p>\n\n\n\n<p>Grid-style websites have become the norm. The human eye appreciates uniformity and balance. Your web designer can create wireframes and mockups for you to evaluate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Starting the new design<\/h3>\n\n\n\n<p>Take your website redesign one element at a time. Figure out what elements will extend across all pages \u2014 excluding, perhaps, your landing pages \u2014 and which are specific to individual pages.<\/p>\n\n\n\n<p>Don\u2019t neglect your blog pages. CTA placement, image sizing, and other visual elements deserve careful consideration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"how-start-website-redesign\"><\/a><span style=\"font-weight: 400;\"><strong>7 Steps to Launch Your Website Redesign<\/strong> <\/span><\/h2>\n\n\n\n<p>I\u2019m a firm believer in beginning with data. If you have concrete information with which to begin a website redesign, you\u2019re more likely to achieve your goals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Analyze the &#8220;old&#8221; website<\/h3>\n\n\n\n<p>Start by looking critically at your current design \u2014 the \u201cold\u201d website. What\u2019s working? What\u2019s not?<\/p>\n\n\n\n<p>More than likely, you\u2019ve already identified specific problems. Maybe you\u2019re experiencing frequent abandoned shopping carts on your e-commerce site, for instance. In that case, you might need to revamp and redesign the checkout process to encourage follow through.<\/p>\n\n\n\n<p>Using <a href=\"https:\/\/www.google.com\/analytics\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Analytics<\/a>, study traffic patterns. Do you have a high bounce rate? Which pages receive the most frequent and fastest bounces?<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Using visual reports like &nbsp;<\/span><a href=\"https:\/\/www.crazyegg.com\/snapshots?utm_source=google&amp;utm_campaign=blog\"><span style=\"font-weight: 400;\">heat maps or scroll maps<\/span><\/a><span style=\"font-weight: 400;\"> to analyze the behavior of your website visitors can also help you identify potential problem areas. For instance, you might have calls to action placed too close together or limited activity on important areas of your website, such as email signup forms.<\/span><\/p>\n\n\n\n<p><a href=\"https:\/\/www.crazyegg.com\/recordings?utm_source=google&amp;utm_campaign=blog\" target=\"_blank\" rel=\"noopener noreferrer\">Recordings<\/a> can provide even more in-depth information about website visitors\u2019 activities on specific pages. You can see where they scroll, click, and otherwise interact with your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Identify your priorities<\/h3>\n\n\n\n<p>A website redesign shouldn\u2019t just change the overall look of your website. It should enhance the ways in which it functions, especially when it comes to sales and conversions.<\/p>\n\n\n\n<p>What <b>metrics do you want to improve with your website redesign<\/b>? Maybe you want to collect more email addresses, sell more of a flagship product, or encourage customers to buy bundle deals.<\/p>\n\n\n\n<p>Knowing your goals up front allows you to focus on achieving specific results with your redesign. For instance, if you want to encourage email conversions, you could <a href=\"https:\/\/www.crazyegg.com\/ab-testing?utm_source=google&amp;utm_campaign=blog\" target=\"_blank\" rel=\"noopener noreferrer\">A\/B test<\/a> your signup forms and lead magnets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Define and update the website&#8217;s target audience<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Target audiences evolve over time. As you add new products or services to your website or expand into new markets, you must update your messaging to the people who are most able and willing to buy from you.<\/span><\/p>\n\n\n\n<p>Create <a href=\"https:\/\/www.smartbugmedia.com\/blog\/3-examples-of-buyer-personas-to-help-you-create-your-own\" target=\"_blank\" rel=\"noopener noreferrer\">buyer personas<\/a> for each of your target demographics (sets of individual characteristics for consumers) or firmographics (information about B2B clients).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"606\" height=\"347\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215148\/website-redesign-10.png\" alt=\"website-redesign-10\" class=\"wp-image-40541\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154929\/website-redesign-10.png 606w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154929\/website-redesign-10-300x172.png 300w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Knowing how to appeal to those target audience members will help you make smart decisions as you recalibrate your website redesign. For instance, if you\u2019re now targeting Millennials, you might want to create a more youthful, colorful site than if you were just marketing to middle-aged professionals.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Find out what is working on the current website<\/h3>\n\n\n\n<p>You don\u2019t have to change everything during a website redesign. In fact, you shouldn\u2019t.<\/p>\n\n\n\n<p>Some aspects of your site probably work very well. For instance, if you\u2019re happy with your current logo and it\u2019s <b>received widespread brand recognition<\/b>, you probably won\u2019t want to change it.<\/p>\n\n\n\n<p>The same might go for the site\u2019s color palette, font choices, or photographs. Based on hard data from Google Analytics and <a href=\"https:\/\/www.crazyegg.com\/overview?utm_source=google&amp;utm_campaign=blog\" target=\"_blank\" rel=\"noopener noreferrer\">other tools<\/a>, you can decide what you want to keep and what could use adjustments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Create a list of desired design changes<\/h3>\n\n\n\n<p>Think of this step as a wish list. Write down every feature you want to add to your website, whether it\u2019s a color change or a new tool for your audience.<\/p>\n\n\n\n<p>Make note of any structural changes you might prefer for your site. For instance, I often recommend removing the date from blog posts. Instead of a URL that looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.examplesite.com\/2018\/06\/20\/website-redesign\n<\/div><\/figure>\n\n\n\n<p>You might be better off with a shorter, cleaner URL:<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.examplesite.com\/website-redesign\n<\/div><\/figure>\n\n\n\n<p>Do you want to add or remove anything from your navigation lists or sidebar? Are you interested in <a href=\"https:\/\/www.crazyegg.com\/blog\/landing-page-optimization\/\" target=\"_blank\" rel=\"noopener noreferrer\">creating new landing pages<\/a>? Add those to your list.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Define the new goals<\/h3>\n\n\n\n<p>Each of the items on your wishlist should have a reason behind it. Do you want a more complex top navigation bar? Maybe your users have trouble finding the content they need, so you need to give them ways to locate information faster.<\/p>\n\n\n\n<p>Some of the items on your list might not have an associated goal or reason. Put a question mark next to them so you\u2019ll know to test them against variations.<\/p>\n\n\n\n<p>I always recommend data-based changes because you get more mileage after your website redesign and you don\u2019t have to redesign your site as frequently.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Start building the website redesign plan<\/h3>\n\n\n\n<p>Whether you\u2019re redesigning your site yourself or hiring a professional design team, you need a timeline. Figure out when each element of the redesign will occur and whether or not you will test those changes against variations.<\/p>\n\n\n\n<p>If you\u2019re hiring a third party or working with an in-house designer, appoint someone to approve all changes systematically. For third-party contracts, make sure you spell out all expectations in the contract and know exactly what you\u2019re getting, such as number of free revisions and the cost of adding extras later on.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"website-redesign-tips\"><\/a>8 Website Redesign Tips and Best Practices for a Good User Experience<\/h2>\n\n\n\n<p>Now that I\u2019ve gone through the website redesign process, let\u2019s look at some of the best practices I\u2019ve discovered over the years for successfully creating a pleasing design for your audience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Add strong visual features and elements<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">I can\u2019t stress enough the importance of eye-catching visual elements. People respond more strongly to images, illustrations, and videos than to plain text.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Consider using custom images instead of stock photography. One truck driving academy <\/span><a href=\"https:\/\/vwo.com\/blog\/10-kickass-ab-testing-case-studies\/\"><span style=\"font-weight: 400;\">increased its conversion rate by more than 160 percent<\/span><\/a><span style=\"font-weight: 400;\"> by replacing a stock photo on its homepage with one of its actual students, and by altering the CTA slightly. <\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"639\" height=\"217\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215150\/website-redesign-7.png\" alt=\"website-redesign-visual-features\" class=\"wp-image-40538\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154921\/website-redesign-7.png 639w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154921\/website-redesign-7-300x102.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Personalize your website based on your brand<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">There\u2019s nothing wrong with showing off your brand\u2019s personality. Think about the ways in which you communicate with your audience, such as the voice and tone of your blog articles or social media posts.<\/span><\/p>\n\n\n\n<p>Use colors, fonts, and imagery that reflect your brand identity. Always write in a consistent voice so your audience recognizes your content immediately and doesn\u2019t get confused.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Use contrasting colors<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">If you want your website redesign to pop, use contrasting colors. Highlight the key areas of your website you want visitors to notice with a color that isn\u2019t found elsewhere on the page.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Todoist does this well on the landing page for its premium product. A salmon pink color draws the eye to key areas of the page, such as the logo and CTA.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1170\" height=\"532\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215151\/website-redesign-1.png\" alt=\"website-redesign-contrasting-colors\" class=\"wp-image-40532\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154906\/website-redesign-1.png 1170w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154906\/website-redesign-1-300x136.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154906\/website-redesign-1-768x349.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154906\/website-redesign-1-1024x466.png 1024w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>You\u2019ll notice that the CTA is larger than the other pink elements on the page, which is just another form of contrast.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Build a blog if you still haven&#8217;t<\/h3>\n\n\n\n<p>Content marketing doesn\u2019t just work \u2014 it\u2019s one of the most effective ways to drive traffic to your website. Writing for NewsCred Insights, content specialist Dawn Papandrea says, \u201cCustomers want content, not ads\u2026[they] can smell a sales pitch a mile away.\u201d<\/p>\n\n\n\n<p>She notes that, based on a 2017 study by global communications firm <a href=\"https:\/\/www.havasgroup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Havas Group<\/a>, nearly 85 percent of consumers report <i>wanting<\/i> to read content by brands. If you don\u2019t meet your target audience\u2019s expectations, you risk losing them to your competitors.<\/p>\n\n\n\n<p>A blog is one of the easiest and cheapest ways to disseminate content. Write consistently about topics that help solve problems to attract search traffic and social shares.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Add new landing pages focused on converting users<\/h3>\n\n\n\n<p>During your website redesign, consider creating new <a href=\"https:\/\/www.crazyegg.com\/blog\/landing-page-essentials\/\" target=\"_blank\" rel=\"noopener noreferrer\">landing pages<\/a>. Focus each page on converting visitors on a specific offer, whether it\u2019s a discount on your most popular product or a lead magnet for your email list.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">After the redesign, run website optimization reports to keep an eye on user behavior. Armed with intel from <\/span><a href=\"https:\/\/app.crazyegg.com\/demo?utm_source=google&amp;utm_campaign=blog\"><span style=\"font-weight: 400;\">&nbsp;reports<\/span><\/a><span style=\"font-weight: 400;\"> of your visitors\u2019 activities on each page, you can adjust your design based on how the pages perform.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Optimize the entire website for SEO<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">From your landing pages to your blog, make sure people can find your content through organic search. Use <\/span><a href=\"https:\/\/neilpatel.com\/ubersuggest\/\"><span style=\"font-weight: 400;\">relevant keywords<\/span><\/a><span style=\"font-weight: 400;\">, add alternate text to your images, create custom meta descriptions, and write long-form copy so Google can make sense of the content\u2019s purpose.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">For a handy primer on getting started, check out my video below. I go into detail about three steps you can use to begin your search engine optimization efforts.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Learn SEO: My Secret Method For Search Engine Optimization\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4za8NvwYr80?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.crazyegg.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">7. Consider also optimizing the website for voice search<\/h3>\n\n\n\n<p>Famed marketer and serial entrepreneur <a href=\"https:\/\/twitter.com\/garyvee\" target=\"_blank\" rel=\"noopener noreferrer\">Gary Vaynerchuk<\/a> has preached for more than a year about <a href=\"https:\/\/www.garyvaynerchuk.com\/rise-audio-voice\/\" target=\"_blank\" rel=\"noopener noreferrer\">voice becoming the next big thing<\/a>. According to Gary Vee, \u201cAudio and voice are by far the most natural interface for humans to interact. We like to speak and listen.\u201d<\/p>\n\n\n\n<p>Think about how people interact with their smartphones. If they\u2019re on the go, they\u2019d rather tell their phones what to search for than type out a query. <a href=\"https:\/\/neilpatel.com\/blog\/seo-for-voice-search\/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimize your website for voice<\/a> so people can find you more easily.<\/p>\n\n\n\n<p>If you have a local business, consider trying to rank for terms that include \u201cnear me,\u201d \u201cnearby,\u201d and \u201cclosest.\u201d<\/p>\n\n\n\n<p>For instance, if you sell bicycles, you might want to rank for \u201cbicycle shop near me.\u201d Including your geographic location in your target keywords can also help, such as \u201cbicycle shop in Seattle, Washington.\u201d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Make sure all pages are mobile-first<\/h3>\n\n\n\n<p>Turning your website into a <a href=\"https:\/\/neilpatel.com\/blog\/leverage-mobile-first-index\/\" target=\"_blank\" rel=\"noopener noreferrer\">mobile-first machine<\/a> doesn\u2019t take much effort, but it pays excellent dividends. Now that more people search for content on mobile devices than on laptops and desktops, you can\u2019t afford to ignore smaller gadgets.<\/p>\n\n\n\n<p>Ideally, your website should look beautiful on any size device. Make sure images and font sizes don\u2019t exceed a smartphone\u2019s screen size because you\u2019ll alienate visitors from those gadgets.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.crazyegg.com\/blog\/optimize-your-website-for-googles-mobile-first-index\/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive design<\/a> and <a href=\"https:\/\/www.ampproject.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Accelerated Mobile Pages<\/a> (AMP) can both improve the mobile experience for your visitors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Collect feedback from your target audience<\/h3>\n\n\n\n<p>When your site is live (or even during staging), <a href=\"https:\/\/marker.io\/blog\/user-acceptance-testing\" target=\"_blank\" rel=\"noopener\">start collecting feedback from your end-users<\/a>.<\/p>\n\n\n\n<p>Even with the best web designers or QA teams, some bugs will fall through the cracks. That&#8217;s when you need more testers\u2014your website visitors.<\/p>\n\n\n\n<p>Even if they find a problem on their own, they won&#8217;t say anything unless you make it easy for them.<\/p>\n\n\n\n<p>Install a feedback widget or a simple form so users can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Let you know how they feel about your redesign<\/li>\n\n\n\n<li>Spot usability issues<\/li>\n\n\n\n<li>Share their overall experience<\/li>\n\n\n\n<li>Point out anything else that might be wrong with your site<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"website-redesign-examples\"><\/a>Website Redesign Examples to Inspire You<\/h2>\n\n\n\n<p>It helps to look at some examples of website redesigns so you know what to expect. I\u2019m going to share two examples \u2014 one of my own that\u2019s fairly subtle and another example that\u2019s extremely complex.<\/p>\n\n\n\n<p>First, I\u2019ll show you how I\u2019ve redesigned NeilPatel.com. Back in 2015, the homepage looked like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"897\" height=\"467\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215152\/website-redesign-6.png\" alt=\"website-redesign-examples\" class=\"wp-image-40537\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154917\/website-redesign-6.png 897w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154917\/website-redesign-6-300x156.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154917\/website-redesign-6-768x400.png 768w\" sizes=\"(max-width: 897px) 100vw, 897px\" \/><\/figure>\n\n\n\n<p>As you can see, the homepage is focused on my webinar, which I was heavily promoting at the time. Since then, though, my focus has changed, so I\u2019ve redesigned the homepage to concentrate on collecting new leads.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"889\" height=\"582\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215153\/website-redesign-4.png\" alt=\"website-redesign-lead-generation\" class=\"wp-image-40535\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154914\/website-redesign-4.png 889w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154914\/website-redesign-4-300x196.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154914\/website-redesign-4-768x503.png 768w\" sizes=\"(max-width: 889px) 100vw, 889px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>I haven\u2019t changed my color scheme or my font choices. For the most part, the site still has the same feel.<\/p>\n\n\n\n<p>However, the previous design was no longer compatible with my marketing strategy, so it had to change.<\/p>\n\n\n\n<p>You should know, though, that I\u2019ve done major overhauls on my website\u2019s design before. Here\u2019s what the homepage looked like in 2013:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"872\" height=\"523\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215154\/website-redesign-5.png\" alt=\"website-redesign-5\" class=\"wp-image-40536\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154915\/website-redesign-5.png 872w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154915\/website-redesign-5-300x180.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154915\/website-redesign-5-768x461.png 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">You can see a similarly large change in the overall design and feel on <\/span><a href=\"https:\/\/problogger.com\/\"><span style=\"font-weight: 400;\">Problogger<\/span><\/a><span style=\"font-weight: 400;\">. It\u2019s a website helmed by Darren Rowse that provides massive value to content marketers.<\/span><\/p>\n\n\n\n<p>Just a couple years ago, it looked like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"985\" height=\"503\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215156\/website-redesign-2.png\" alt=\"website-redesign-problogger\" class=\"wp-image-40533\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154909\/website-redesign-2.png 985w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154909\/website-redesign-2-300x153.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154909\/website-redesign-2-768x392.png 768w\" sizes=\"(max-width: 985px) 100vw, 985px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>It\u2019s not a bad design, but Darren has redesigned it to look more modern and to focus on the direction in which he\u2019s taken the Problogger business:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1134\" height=\"611\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215158\/website-redesign-8.png\" alt=\"website-redesign-new-problogger\" class=\"wp-image-40539\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154925\/website-redesign-8.png 1134w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154925\/website-redesign-8-300x162.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154925\/website-redesign-8-768x414.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/07\/09154925\/website-redesign-8-1024x552.png 1024w\" sizes=\"(max-width: 1134px) 100vw, 1134px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">There\u2019s stronger contrast, and a clear value proposition above the fold.<\/span><\/p>\n\n\n\n<p>You\u2019ll notice that the logo has been altered, but only slightly. It\u2019s still recognizable to people who are familiar with the older logo, but it\u2019s been revamped to match the new website\u2019s design scheme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Redesigning a website can boost conversions and sales when done correctly.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Start with data. What do you know about your current trends in web traffic, conversion rates, bounce rates, time on page, and other metrics? Apply what you know to the new design.<\/span><\/p>\n\n\n\n<p>Don\u2019t forget about research. Knowing what your competitors are doing can help you design a more effective site that surprises and delights your customers. Using wireframes and mockups, get an idea for what your new site will look like, then begin building it piece by piece.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">While an increase in revenue is the end goal of any website redesign, improving the <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/improve-user-experience\/\"><span style=\"font-weight: 400;\">user experience<\/span><\/a><span style=\"font-weight: 400;\"> and flow through your site is certainly a bonus!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let\u2019s look at some of my favorite techniques for creating a website redesign strategy and implementing it for maximum ROI. How Do You Know if&#8230;<\/p>\n","protected":false},"author":279,"featured_media":84773,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[876],"tags":[],"class_list":["post-40529","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Website Redesign Tips, Examples and Best Practices<\/title>\n<meta name=\"description\" content=\"If you\u2019re contemplating a website redesign, don\u2019t start without reading this article. Use our guidelines to improve your website\u2019s conversion rates and sales.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Redesign Tips, Examples and Best Practices\" \/>\n<meta property=\"og:description\" content=\"If you\u2019re contemplating a website redesign, don\u2019t start without reading this article. Use our guidelines to improve your website\u2019s conversion rates and sales.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-20T20:00:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-06T23:13:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215201\/user-experience-testing-2-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hiten Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hnshah\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hiten Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/\"},\"author\":{\"name\":\"Hiten Shah\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c1969663812802521ba57624887e9df6\"},\"headline\":\"Poor Sales? Maybe You Need a Website Redesign: Here\u2019s How\",\"datePublished\":\"2023-03-20T20:00:59+00:00\",\"dateModified\":\"2026-01-06T23:13:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/\"},\"wordCount\":5297,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/30215201\\\/user-experience-testing-2-1.jpg\",\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/\",\"name\":\"Website Redesign Tips, Examples and Best Practices\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/30215201\\\/user-experience-testing-2-1.jpg\",\"datePublished\":\"2023-03-20T20:00:59+00:00\",\"dateModified\":\"2026-01-06T23:13:57+00:00\",\"description\":\"If you\u2019re contemplating a website redesign, don\u2019t start without reading this article. Use our guidelines to improve your website\u2019s conversion rates and sales.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/30215201\\\/user-experience-testing-2-1.jpg\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/30215201\\\/user-experience-testing-2-1.jpg\",\"width\":900,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/website-redesign-tips\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/website\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Poor Sales? Maybe You Need a Website Redesign: Here\u2019s How\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Daily Egg\",\"description\":\"Conversion Rate Optimization Made Easy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c1969663812802521ba57624887e9df6\",\"name\":\"Hiten Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"caption\":\"Hiten Shah\"},\"description\":\"As co-founder and CEO, I have started multiple software-as-a-service (SaaS) companies since 2003 including Crazy Egg, KISSmetrics, and Nira. Sold my last startup (Nira) to Dropbox in 2024 and got my first ever job with a boss. I most recently worked on Product &amp; Growth for the AI Products @ Dropbox. I\u2019m now the CEO of Crazy Egg. Connect with me on LinkedIn or X\\\/Twitter.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/hnshah\\\/\",\"https:\\\/\\\/x.com\\\/hnshah\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/hiten\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Redesign Tips, Examples and Best Practices","description":"If you\u2019re contemplating a website redesign, don\u2019t start without reading this article. Use our guidelines to improve your website\u2019s conversion rates and sales.","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:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/","og_locale":"en_US","og_type":"article","og_title":"Website Redesign Tips, Examples and Best Practices","og_description":"If you\u2019re contemplating a website redesign, don\u2019t start without reading this article. Use our guidelines to improve your website\u2019s conversion rates and sales.","og_url":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_published_time":"2023-03-20T20:00:59+00:00","article_modified_time":"2026-01-06T23:13:57+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215201\/user-experience-testing-2-1.jpg","type":"image\/jpeg"}],"author":"Hiten Shah","twitter_card":"summary_large_image","twitter_creator":"@hnshah","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Hiten Shah","Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/"},"author":{"name":"Hiten Shah","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c1969663812802521ba57624887e9df6"},"headline":"Poor Sales? Maybe You Need a Website Redesign: Here\u2019s How","datePublished":"2023-03-20T20:00:59+00:00","dateModified":"2026-01-06T23:13:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/"},"wordCount":5297,"commentCount":0,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215201\/user-experience-testing-2-1.jpg","articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/","url":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/","name":"Website Redesign Tips, Examples and Best Practices","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215201\/user-experience-testing-2-1.jpg","datePublished":"2023-03-20T20:00:59+00:00","dateModified":"2026-01-06T23:13:57+00:00","description":"If you\u2019re contemplating a website redesign, don\u2019t start without reading this article. Use our guidelines to improve your website\u2019s conversion rates and sales.","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215201\/user-experience-testing-2-1.jpg","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2023\/03\/30215201\/user-experience-testing-2-1.jpg","width":900,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/website-redesign-tips\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Website","item":"https:\/\/www.crazyegg.com\/blog\/category\/website\/"},{"@type":"ListItem","position":3,"name":"Poor Sales? Maybe You Need a Website Redesign: Here\u2019s How"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Daily Egg","description":"Conversion Rate Optimization Made Easy","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c1969663812802521ba57624887e9df6","name":"Hiten Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","caption":"Hiten Shah"},"description":"As co-founder and CEO, I have started multiple software-as-a-service (SaaS) companies since 2003 including Crazy Egg, KISSmetrics, and Nira. Sold my last startup (Nira) to Dropbox in 2024 and got my first ever job with a boss. I most recently worked on Product &amp; Growth for the AI Products @ Dropbox. I\u2019m now the CEO of Crazy Egg. Connect with me on LinkedIn or X\/Twitter.","sameAs":["https:\/\/www.linkedin.com\/in\/hnshah\/","https:\/\/x.com\/hnshah"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/hiten\/"}]}},"modified_by":"Lars Lofgren","_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/40529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/279"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=40529"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/40529\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/84773"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=40529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=40529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=40529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}