{"id":2874,"date":"2018-02-14T05:59:03","date_gmt":"2018-02-14T05:59:03","guid":{"rendered":"https:\/\/www.gmass.co\/blog\/?p=2874"},"modified":"2018-02-14T05:59:03","modified_gmt":"2018-07-11T02:30:45","slug":"website-redesign-process-part-1","status":"publish","type":"post","link":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/","title":{"rendered":"Mastering the Website Redesign Process (Part 1)"},"content":{"rendered":"<p>Tired of the sluggish growth, meager revenues and limited <strong>user engagement from your website<\/strong>? In our vast experience, one of the ways you can change all that is by having a do-over in the form of a <strong>website redesign<\/strong>.<\/p>\n<p>If done the right way, website redesign can catapult your business in the most impactful of ways, from creating a<strong> high-impact brand presence<\/strong> to reaching your target audience in a highly-effective and cost-efficient manner.<\/p>\n<p>But like most design-oriented changes, users can react to the website redesign in a counterproductive way. So how do you ensure that customers react to the designs positively? How do you tailor the redesigns in a manner that meets the already-established needs of the website while being able to accommodate future needs? How do you facilitate clarity, ease-of-use and seamless adaptability of the new designs while meeting (or better yet, exceeding) the average industry metrics?<\/p>\n<p>Well, the truth is that there\u2019s no simple all-encompassing answer to all those questions, considering different companies and clients require different kinds of investments in money, time, human capital and risk mitigation for their website redesigns.<\/p>\n<p style=\"padding-left: 30px;\"><em>The bigger the company, the higher the investments (time, money and human capital) required to process a new design. And the more complicated a redesign is, the more risk-mitigation measures are often required to complete the process.<\/em><\/p>\n<p>Fortunately, this guide will provide sufficient answers to the above-mentioned questions\u2014and many more\u2014by giving a multifaceted framework of how you can master your <strong>website redesign<\/strong>, whether you are dealing with a small or big client\/company. Some of the key highlights in the guide include:<\/p>\n<ul>\n<li>A comprehensive look at the process of creating a successful website redesign<\/li>\n<li>An analytical look at the role of experimentation in the success of website redesign<\/li>\n<li>Best-practice strategies for success in website redesign<\/li>\n<li>Examples of companies that have succeeded\/made mistakes in their redesigns<\/li>\n<\/ul>\n<p>Follow us below as we take you through a deep dive of these highlights\u2026<\/p>\n<h3>OVERVIEW OF THE WEBSITE REDESIGN PROCESS<\/h3>\n<p style=\"padding-left: 30px;\">In order for a website redesign to be considered as successful, it must tackle the specific web design problems (along with related business problems) that necessitated the website redesign in the first place.<\/p>\n<p style=\"padding-left: 30px;\">This success can be assessed by mainly comparing the resulting metrics from the new design against those of the previous design while ensuring that the right design aspects of <strong>initial design<\/strong> are carried onto the redesign. Essentially, that\u2019s the reason<strong> data-driven leveraging<\/strong> and design experimentation are heavily considered as the topmost components of the redesign process&#8211;given that you can\u2019t measure any metrics without data and you can\u2019t test or prove efficiency without experimentation.<\/p>\n<p style=\"padding-left: 30px;\">More than that, the redesign process must be <strong>inclusively consultative<\/strong>, <strong>allowing for input<\/strong> from the companies that requested for the redesign, alongside <strong>user insights<\/strong> and the <strong>professional views of the website designers<\/strong>. Doing so will greatly help you avoid overlooking key aspects of the process while simultaneously mitigating unnecessary risks that would otherwise slow down the process or lead to unsuccessful redesign projects.<\/p>\n<h3>THE WEBSITE REDESIGN PROCESS<\/h3>\n<p style=\"padding-left: 30px;\">Different industries and companies seek website redesign services to solve different problems and serve different needs. Additionally, different web designers approach the redesign process differently. As such, plenty of <strong>consultation<\/strong> and <strong>assessment<\/strong> is often required in order to ensure that the website redesign process meets its intended goals.<\/p>\n<p style=\"padding-left: 30px;\">Below is a comprehensive look at the steps involved in a website redesign process.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Discovering Pain Points and Setting Goals<\/strong><br \/>\nThis phase entails assessing the needs of your current website and then using those pain points to set goals for your to-be-redesigned website.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Discovering Pain Points<br \/>\n<\/strong>These points can come in a variety of ways. For starters, the goals could be based on the <strong>intuitive needs<\/strong> or personal preferences of the website owners. Moreover, you may find potential change points off negative feedback from your current customers regarding aspects such as usability, mobile-friendliness or even the load-time of the site. Then, of course, you could find solid change points from your website metrics i.e. making changes to ensure that your site meets or exceeds industry averages.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Setting Goals<br \/>\n<\/strong>Whichever goals you set here, the key guiding factor here should be that the goals adequately address the pain points you\u2019ve discovered in the first phase. As earlier mentioned, different companies and industries have different needs, which means that the goals here can be as simple or as complicated as you want them to be.<\/p>\n<p style=\"padding-left: 30px;\">Some of the common website redesign goals that can be set in this phase include:<\/p>\n<ul>\n<li>To increase page load time<\/li>\n<li>To increase free trial signups<\/li>\n<li>To increase time spent on the site<\/li>\n<li>To increase checkouts after viewing of products<\/li>\n<li>To increase engagements with your audience (i.e. through likes and shares)<\/li>\n<\/ul>\n<h3>Background Research and Input Collection<\/h3>\n<p style=\"padding-left: 30px;\">In order to discover the pain points of your site, you will obviously have to conduct research on both <strong>theoretical<\/strong> and <strong>analytical<\/strong> levels. As a limitation, though, such research is often very elementary. For a better affirmation of the redesign needs and goals, better research must be conducted\u2014providing the crucial premise of this<strong> background research<\/strong> and <strong>input collection stage<\/strong>.<\/p>\n<p style=\"padding-left: 30px;\"><strong>User and Industry Research:<\/strong> This can be done in a variety of ways, including talking to your customers, consulting experts in your industry and comparing your needs and goals against those of your competitors. Doing this not only helps to confirm your hypotheses for the redesign, but it also provides copious insights that can be used to strengthen your goals, experimentations and eventual designs.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Website Analytics Data Assessment:<\/strong> Use the analytics that you have been collecting on your site to validate your redesign goals and needs. This is important in helping you know how to prioritize your needs. For example, if the analytics data indicate that your website suffers most from limited time spent on the site, then you can ensure that your redesign process prioritizes on solving this problem.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Developing a User Experience Brief<\/strong><\/p>\n<p style=\"padding-left: 30px;\">Simply put, a user experience brief is a document that summarizes your current site challenges and goals for the website redesign in one place. This brief is what serves as a guide for what to do or ignore during the design process. Based on this important, it is fundamental that you take your time to <strong>put together an all-inclusive brief<\/strong>, spelling out all your pain points and highlighting your goals with clarity.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Developing a Visual Identity<br \/>\n<\/strong>In this phase, focus is on creating a visual identity for the redesigned website by deciding on elements such as mood and tone of your site. Also, you should ensure that other visual aspects like themes and icons merge congruently, and are tailored to suit the \u201cfeel needs\u201d of your site.<\/p>\n<p style=\"padding-left: 30px;\">If you are not able to do this through your in-house design personnel, you can outsource the services of other professionals who are vastly knowledgeable in identifying the visual aspects\u2014like color palettes, textures, and UI component\u2014that will suit your designed site in the best way.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Content Creation<br \/>\n<\/strong>Irrespective of the industry, content is always king, particularly if we are talking about web-based companies. At this stage, it is therefore exceedingly important that you identify the top content needs for each of the pages in your site, and then proceed to <strong>create high-quality headlines<\/strong>, <strong>subheadings<\/strong>, and other related content for these pages. Alternatively, you can <strong>create a content outline<\/strong> that will guide whatever it is you plan to put in the pages and the site, at large.<\/p>\n<p style=\"padding-left: 30px;\">In some instances, you may be required to create more than just an architectural guide of future content or the headlines and subheadings. For example, in complex sites with diverse categories, the content creation stage may require you to choose category sections and types of content, which will need to be infused in the web design. Like in <strong>visual identity<\/strong>, you are at liberty to outsource professional help in this content creation stage.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Prototyping the Site<\/strong><br \/>\nBy the time you arrive at this stage, you should already have a good mental picture of how you want your redesigned site to look. To change that mental picture into a practical one, you will need to prototype the proposed design of the new site. There are many ways you can do this, but website redesign best practices recommend that you use wireframes or low-fidelity mockups to prototype the site. Besides the advantage of cost-effectiveness, wireframes can be produced quickly and they come with tons of important easy-to-use tools that ease the <strong>prototype process<\/strong>.<\/p>\n<p style=\"padding-left: 30px;\">Advisably, ensure that you create a <strong>wireframe<\/strong> for each of your redesigned site\u2019s pages, making certain that images, body copy, headings, site navigation and other relevant elements are highlighted properly. Once you are done with such elements, proceed to the stage of prototyping the key design aspects of your site, including textures, color palettes, and UI components.<\/p>\n<p style=\"padding-left: 30px;\">If you notice any potential challenges with the redesigned site, make sure that you go back and change the designs up to the point where everything looks satisfactory. Leaving this stage with an untested prototype would create huge problems for you later, so do whatever it takes to ensure that you move on to the next phase with a good, experimented-on prototype.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Website Development<\/strong><br \/>\nIf you have a good design prototype, this phase shouldn\u2019t take that long, considering it only involves coding the site. Of course, the scope of coding can vary widely, depending on whether you will be keeping or changing the technology that powers your redesigned site.<\/p>\n<p style=\"padding-left: 30px;\">While the site is under coding, remember to<strong> include relevant analytics<\/strong> that will help you keep <strong>track of the metrics and data<\/strong> you\u2019d want to analyze. Once you are done with coding, do a preliminary test to assess the functionality of the site (and make changes where necessary until you are satisfied that it is performing as expected).<\/p>\n<p style=\"padding-left: 30px;\"><strong>Launch and Q&amp;A<\/strong><br \/>\nWith everything in place, all that remains is for you to set a launch date and fire up the new site and enjoy the benefits that come with your hard work.<\/p>\n<p style=\"padding-left: 30px;\">As a note, though, you should ensure that you have a plan in place for any <strong>unexpected bugs<\/strong>, <strong>performance challenges<\/strong> or other problems that might come up, given that new sites tend to come with such issues. A good example here would be having a rollback plan in place, or alternatively having your technicians on standby to address any arising issues.<\/p>\n<p style=\"padding-left: 30px;\">Additionally, you should have some Q&amp;As ready to help you in collecting data on how the new site is functioning, along with a checklist to help establish if your pain points, goals and objectives are attended to.<\/p>\n<p style=\"padding-left: 30px;\"><em>A good example of a website redesign project that followed all these steps and came up with a highly-successful redesigned site is Netflix\u2019s streaming service in 2011. With the American entertainment giant looking to grow its profits, increase its <strong>retention numbers<\/strong> and accelerate its engagement rates; the management decided to take the bold step of redesigning its streaming interface. The company faced a couple of challenges, but thanks to the <strong>data-driven strategies<\/strong> and solid <strong>experimentation techniques<\/strong> that were involved in the consultative process, the redesign project was a resounding success, allowing Netflix to grow from 24 million members in 2011 to <a href=\"https:\/\/www.theverge.com\/2016\/1\/19\/10790282\/netflix-q4-2015-earnings\">over 75 million members in early 2016<\/a>. Additionally, Netflix saw a remarkable 2.5x retention increase and a 4.5x engagement increase during that duration.<\/em><\/p>\n<h3>THE ROLE OF EXPERIMENTATION IN WEBSITE REDESIGN<\/h3>\n<p style=\"padding-left: 30px;\">During the redesign process, a lot of changes are usually made at its many stages, thus making it difficult to isolate problems after the launch. This is where the <strong>experimentation process<\/strong> comes in very handy.<\/p>\n<p style=\"padding-left: 30px;\">By infusing experimentation in the design process (rather than running the experimentations after the launch), you are able to test new designs, experiment with a variety of content and even decide on the best elements for your site.<\/p>\n<p style=\"padding-left: 30px;\"><strong>What is experimentation?<\/strong><br \/>\nExperimentation is design process that involves the multifaceted use of three processes\u2014<strong>A\/B testing<\/strong>, <strong>conversion rate optimization (CRO)<\/strong>, and <strong>personalization<\/strong>\u2014to test a site\u2019s elements prior to launch. With key consideration of these elements, you stand a great chance of avoiding a failed website launch or facing mega problems after launch that may lead to huge losses and even force a rollback to previous site design.<\/p>\n<p style=\"padding-left: 30px;\">Here\u2019s a look at the role played by each of the three components of website experimentation<\/p>\n<p style=\"padding-left: 30px;\"><strong>A\/B Testing<\/strong><br \/>\nAlso referred to as <strong>split testing<\/strong>, A\/B testing is a process that involves comparing two elements of your web page, blog or app to establish the version that performs best. By using A\/B tests, you don\u2019t have to deal with guesswork, as the tests will clearly guide you on the best elements with regards to designs for your site.<\/p>\n<p style=\"padding-left: 30px;\">Additionally, A\/B tests help in risk mitigation by highlighting potential flaws during the design phase; something that encourages safety of the site before launch.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Conversion Rate Optimization (CRO)<\/strong><br \/>\nCRO is a highly structured process that aims at improving and easing the flow of your website through your engagement or purchase funnel, and then eventually to conversion. With regards to CRO, conversion is defined as the target action by a visitor to your site; an action that supports your business goals such as making a purchase, making a download or signing up to your site.<\/p>\n<p style=\"padding-left: 30px;\">By increasing conversions, your site\u2019s ROI is increased without you spending extra money. As a process, A\/B testing is one of the methods used in CRO. There are many other ways to <strong>increase ROI through CRO<\/strong>, all of them being largely dependent on the nature of your website and its targeted conversions.<\/p>\n<p style=\"padding-left: 30px;\">Besides its value in ROI increase, different CRO processes can easily help you to discover challenges in the design process (i.e. areas where user get stuck), thus saving you a lot of headaches that would otherwise be hard to deal with after launch.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Personalization<\/strong><br \/>\nDerived from the word personal, personalization simply refers to the strategy where website owners tailor their site to meet individual needs of specific visitors based on their motivations and tastes.<\/p>\n<p style=\"padding-left: 30px;\">The more personalized your site it, the more you are likely to engage your visitors in an emphatic and lasting way, leading to desired conversions.<\/p>\n<p style=\"padding-left: 30px;\">In the design process, we discussed \u201cuser and industry research\u201d under the <strong>background research<\/strong> phase. The opinions collected from these users can form a good basis for your personalized designs, with your web designers ensuring that your site is tailored to accommodate the top needs of these users.<\/p>\n<h3><strong>Infusing Experimentation into the Redesign Process<\/strong><\/h3>\n<p style=\"padding-left: 30px;\">Below is a brief look at how you can infuse experimentation before, during and after the website redesign process to mitigate challenges while encouraging success and cost-effectiveness.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Before the Redesign Process<\/strong><br \/>\nBefore you commence the redesign process, you can use experimentation to determine the best types of changes that would be most impactful to your needs or conversion rates. Additionally, you can<strong> use customer feedback<\/strong> on your current site or incorporate expert opinion from industry leaders to hypothesize your redesign plans.<\/p>\n<p style=\"padding-left: 30px;\"><strong>During the Redesign Process<\/strong><br \/>\nThis section pretty much entails following what we\u2019ve described in<strong> A\/B testing<\/strong>, <strong>CRO<\/strong>, and <strong>Personalization<\/strong>. While doing so, special attention should be paid to <strong>validating the redesign elements,<\/strong> conducting more <strong>qualitative user and industry research<\/strong>, and identifying potential areas for optimizing the redesign process.<\/p>\n<p style=\"padding-left: 30px;\"><strong>After the New Site Launch<\/strong><br \/>\nOne of the best ways to do experimentation after the launch of a site is to use the Q&amp;As you created during the launch to confirm whether or not the new site performs as is intended. This performance could be based on conversions, personalization measures and\/or other data metrics.<\/p>\n<p style=\"padding-left: 60px;\"><em>An example of the value of experimentation in the success of the redesign process is highlighted by a case study on Digg. Per reports from the company, Digg wanted to take advantage of the industry trend toward social networking in 2010, planning a redesign process that would involve the creation of a new backend, new UI and a new content algorithm to accentuate their company\u2019s social media problems. Unfortunately, the company failed to infuse experimentation in the design process, instead of resorting to focus only on the design aspects. On making the launch, the redesigned site backfired in a big way, especially with regards to the backend that couldn\u2019t handle the site\u2019s traffic. Resultantly, Digg lost a huge chunk of its audience&#8211;<a href=\"http:\/\/www.computerworld.com\/article\/2516082\/social-business\/users-drop-digg-after-unpopular-redesign.html\">26% traffic decrease in the US and 34% traffic loss in the UK<\/a>; something that could have easily been avoided had the company infused A\/B testing and other experimentation measures in the redesign process.<\/em><\/p>\n<h3 style=\"padding-left: 30px;\">BEST PRACTICES FOR SUCCESS IN WEBSITE REDESIGN<\/h3>\n<p style=\"padding-left: 30px;\"><strong>Clear and Targeted Goal-setting <\/strong><br \/>\nThe goal-setting phase is unquestionably the most important stage of redesigning a website, considering everything else in the redesign process if built off this stage. It is therefore very crucial that your goals are clearly defined and well-targeted to meet the objectives of the new site design.<\/p>\n<p style=\"padding-left: 30px;\">To make certain that your redesign plans stay on track, ensure that your goals address all the key questions that drive the new design process. For example: What are the top design priorities by the site\u2019s owners? Which success metrics are to be achieved by the redesigned site? What are the site\u2019s main opportunities for improvement? Which industry trends can help take the site to the next level? What can be done during the design to increase customer engagement and the realization of conversions?<\/p>\n<p style=\"padding-left: 30px;\"><strong>Allocate Your Resources Realistically <\/strong><br \/>\nAs has been detailed above, the website redesign process is highly involving, which means that you will most likely have to spend a decent amount of money and allocate sufficient time and human capital resources for the success of the process. Prototyping, website development and the experimentation stages are usually the most involving stages in terms of resources. However, that doesn\u2019t mean you shouldn\u2019t allocate sufficient resources for, let\u2019s say, the background research and content creation stages. Ultimately, each phase of the design process affects each other in one way or another, thus necessitating unbiased and realistic allocation of resources throughout the entire site design process.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Assemble a Balanced Team<\/strong><br \/>\nUsually, product managers and web designers constitute the core team in the design process, and rightfully so. That being said, the success of the process calls for everyone to do his\/her job properly, which means market researchers, users, industry experts and data analysts (among others) must all be involved in helping design the new site. Like the cogs in the redesign process, a single member of this diagnostic team can easily mess up the design process, so no one\u2019s importance should be overlooked.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Build a Flexible Site to Allow For Future Changes<\/strong><br \/>\nThe world of online business is in a constant state of flux, with new technologies and trends emerging and changing every other day. As such, your redesigned <strong>website should be tailored flexibly<\/strong> to allow for potential changes in the future. This point is especially important to keep in mind when structuring the content creation part of your new site.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Plan and Aim High <\/strong><br \/>\nThere\u2019s nothing wrong with starting small or budgeting small when planning for your website design. However, the ubiquitous nature of web-based business can easily lead to unprecedented huge growths, meaning the smallest of ideas can change into global sensations overnight. So rather than aiming and planning small in your current redesign plans and then having to incur lots of resources when you want to make upgrades; you\u2019d rather plan big and save yourself all that trouble. Of course, best-practice budgeting techniques should be duly considered here.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Structure Your Metrics Accordingly <\/strong><br \/>\nThe key metrics to track in the design process vary from industry to industry, so we can\u2019t say that there is one universal way for you to track the metrics and do your experimentation. Even so, studies conducted by various website redesign experts indicate that the following metrics should be given top consideration per their industries, more so in regard to experimentation:<\/p>\n<p><strong>Top E-commerce Website Metrics<\/strong><\/p>\n<ul>\n<li>Checkout rate<\/li>\n<li>Add-to-cart rate<\/li>\n<li>App downloads<\/li>\n<li>Average value of orders<\/li>\n<li>Average revenue per visitor<\/li>\n<\/ul>\n<p><strong>Top B2B Website Metrics<\/strong><\/p>\n<ul>\n<li>Accounts created<\/li>\n<li>Free trial signup rate<\/li>\n<li>Engagement metrics<\/li>\n<li>Lead qualification rate<\/li>\n<li>Average site visitors<\/li>\n<li>Lead form conversion rate<\/li>\n<\/ul>\n<p><strong>Media Website Metrics:<\/strong><\/p>\n<ul>\n<li>Engagement metrics<\/li>\n<li>Most popular stories and videos<\/li>\n<li>Ad revenue from display and video<\/li>\n<li>Video watches and video completions<\/li>\n<li>Average number of stories read per visit<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\"><strong>Continually Run Experiments (Even after Launch)<\/strong><br \/>\nLaunching a successful site is indeed a cause for celebration, but your work shouldn\u2019t stop there. From<strong> data collection<\/strong> on how the new site is performing to measuring the metrics against your goals, to looking for new opportunities that can help you hit your <strong>conversions<\/strong>, to optimizing and refining components of your new site; there are plenty of things to do and avenues to exploit after launching your website.<\/p>\n<p style=\"padding-left: 30px;\">It is only by looking into such avenues and making such improvements that you\u2019ll be able to stay ahead of the rest of the pack in the highly-competitive global business world.<\/p>\n<h3>SUCCESSFUL WEBSITE REDESIGN AT A GLANCE<\/h3>\n<p style=\"padding-left: 30px;\">In recap, any successfully redesigned website should be able to incorporate aspects of the following key disciplines and elements:<\/p>\n<ul>\n<li>Analytics<\/li>\n<li>Content<\/li>\n<li>Design<\/li>\n<li>Engineering<\/li>\n<li>Marketing<\/li>\n<li>UX<\/li>\n<li>Product Management<\/li>\n<\/ul>\n<p>As far as your website redesign brief is concerned, your checklist should at the very least include the following elemental components:<\/p>\n<ul>\n<li>Challenges with the current site<\/li>\n<li>Goals for designing the new site<\/li>\n<li>Research on user and industry insights<\/li>\n<li>Experimentation structure and techniques<\/li>\n<li>Desired results following the launch of the new site<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">In conclusion, it\u2019s worth noting that website redesign is always a highly-involving process that calls for the <strong>convergence of several design elements<\/strong>, tons of<strong> data-backed insights and research,<\/strong> immense contributions from members of the design process and the use of solid <strong>experimentation techniques<\/strong> for the project to be a success. You are therefore not going to have it easy when redesigning your website. However, if you consider the guidelines and recommendations detailed in here; then your burdens will be lightened and your chances of launching a successful and masterful website redesign will be highly increased.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tired of the sluggish growth, meager revenues and limited user engagement from your website? In our vast experience, one of the ways you can change all that is\u2026<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4257],"tags":[],"class_list":["post-2874","post","type-post","status-publish","format-standard","hentry","category-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>Mastering the Website Redesign Process - Introduction<\/title>\r\n<meta name=\"description\" content=\"Best Practices guidelines for a successful and masterful website redesign. Part 1 of 3 of the Mastering the Website Redesign Process.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Mastering the Website Redesign Process - Introduction\" \/>\r\n<meta property=\"og:description\" content=\"Best Practices guidelines for a successful and masterful website redesign. Part 1 of 3 of the Mastering the Website Redesign Process.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/\" \/>\r\n<meta property=\"og:site_name\" content=\"GMass Blog\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GmailMailMerge\/\" \/>\r\n<meta property=\"article:published_time\" content=\"2018-02-14T05:59:03+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2018-07-11T02:30:45+00:00\" \/>\r\n<meta name=\"author\" content=\"Ajay Goel\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:creator\" content=\"@PartTimeSnob\" \/>\r\n<meta name=\"twitter:site\" content=\"@GMassForGmail\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ajay Goel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/\"},\"author\":{\"name\":\"Ajay Goel\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#\\\/schema\\\/person\\\/b5fa74f8765b860701158fd77162fff8\"},\"headline\":\"Mastering the Website Redesign Process (Part 1)\",\"datePublished\":\"2018-02-14T05:59:03+00:00\",\"dateModified\":\"2018-07-11T02:30:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/\"},\"wordCount\":3719,\"commentCount\":0,\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/\",\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/\",\"name\":\"Mastering the Website Redesign Process - Introduction\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#website\"},\"datePublished\":\"2018-02-14T05:59:03+00:00\",\"dateModified\":\"2018-07-11T02:30:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#\\\/schema\\\/person\\\/b5fa74f8765b860701158fd77162fff8\"},\"description\":\"Best Practices guidelines for a successful and masterful website redesign. Part 1 of 3 of the Mastering the Website Redesign Process.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/website-redesign-process-part-1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mastering the Website Redesign Process (Part 1)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/\",\"name\":\"GMass Blog\",\"description\":\"Tips and tricks for sending mail merge and mass email campaigns directly from Gmail\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#\\\/schema\\\/person\\\/b5fa74f8765b860701158fd77162fff8\",\"name\":\"Ajay Goel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f3a70af05bbabe47925150d5a1320540e801b78055a74da20658fc97cd0706a2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f3a70af05bbabe47925150d5a1320540e801b78055a74da20658fc97cd0706a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f3a70af05bbabe47925150d5a1320540e801b78055a74da20658fc97cd0706a2?s=96&d=mm&r=g\",\"caption\":\"Ajay Goel\"},\"description\":\"Ajay is the founder of GMass and has been developing email sending software for 20 years.\",\"sameAs\":[\"https:\\\/\\\/twitter.com\\\/PartTimeSnob\",\"https:\\\/\\\/x.com\\\/PartTimeSnob\"],\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/author\\\/ajay-goel\\\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mastering the Website Redesign Process - Introduction","description":"Best Practices guidelines for a successful and masterful website redesign. Part 1 of 3 of the Mastering the Website Redesign Process.","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.gmass.co\/blog\/website-redesign-process-part-1\/","og_locale":"en_US","og_type":"article","og_title":"Mastering the Website Redesign Process - Introduction","og_description":"Best Practices guidelines for a successful and masterful website redesign. Part 1 of 3 of the Mastering the Website Redesign Process.","og_url":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/","og_site_name":"GMass Blog","article_publisher":"https:\/\/www.facebook.com\/GmailMailMerge\/","article_published_time":"2018-02-14T05:59:03+00:00","article_modified_time":"2018-07-11T02:30:45+00:00","author":"Ajay Goel","twitter_card":"summary_large_image","twitter_creator":"@PartTimeSnob","twitter_site":"@GMassForGmail","twitter_misc":{"Written by":"Ajay Goel","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/#article","isPartOf":{"@id":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/"},"author":{"name":"Ajay Goel","@id":"https:\/\/www.gmass.co\/blog\/#\/schema\/person\/b5fa74f8765b860701158fd77162fff8"},"headline":"Mastering the Website Redesign Process (Part 1)","datePublished":"2018-02-14T05:59:03+00:00","dateModified":"2018-07-11T02:30:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/"},"wordCount":3719,"commentCount":0,"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/","url":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/","name":"Mastering the Website Redesign Process - Introduction","isPartOf":{"@id":"https:\/\/www.gmass.co\/blog\/#website"},"datePublished":"2018-02-14T05:59:03+00:00","dateModified":"2018-07-11T02:30:45+00:00","author":{"@id":"https:\/\/www.gmass.co\/blog\/#\/schema\/person\/b5fa74f8765b860701158fd77162fff8"},"description":"Best Practices guidelines for a successful and masterful website redesign. Part 1 of 3 of the Mastering the Website Redesign Process.","breadcrumb":{"@id":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gmass.co\/blog\/website-redesign-process-part-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gmass.co\/blog\/"},{"@type":"ListItem","position":2,"name":"Mastering the Website Redesign Process (Part 1)"}]},{"@type":"WebSite","@id":"https:\/\/www.gmass.co\/blog\/#website","url":"https:\/\/www.gmass.co\/blog\/","name":"GMass Blog","description":"Tips and tricks for sending mail merge and mass email campaigns directly from Gmail","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gmass.co\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.gmass.co\/blog\/#\/schema\/person\/b5fa74f8765b860701158fd77162fff8","name":"Ajay Goel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f3a70af05bbabe47925150d5a1320540e801b78055a74da20658fc97cd0706a2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f3a70af05bbabe47925150d5a1320540e801b78055a74da20658fc97cd0706a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f3a70af05bbabe47925150d5a1320540e801b78055a74da20658fc97cd0706a2?s=96&d=mm&r=g","caption":"Ajay Goel"},"description":"Ajay is the founder of GMass and has been developing email sending software for 20 years.","sameAs":["https:\/\/twitter.com\/PartTimeSnob","https:\/\/x.com\/PartTimeSnob"],"url":"https:\/\/www.gmass.co\/blog\/author\/ajay-goel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts\/2874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/comments?post=2874"}],"version-history":[{"count":1,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts\/2874\/revisions"}],"predecessor-version":[{"id":2875,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts\/2874\/revisions\/2875"}],"wp:attachment":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/media?parent=2874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/categories?post=2874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/tags?post=2874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}