Lesson One:I worked at an agency and we were halfway through building a client’s site when we realized we had the specifications completely wrong. The error was caused by confusion over the definition of a single word. I learned that listening isn’t good enough. You have to put yourself in the stakeholder’s shoes to truly understand their view of the world.
Lesson Two: Everyone hates their new site design the day after launch. After participating in thousands of site launches, I’ve learned that people are never satisfied, nor should they be. It’s helpful to reframe re-designs as the beginning of a process, not the end. Create a plan for fast follow A/B tests to refine and keep your creation fresh and compelling.
As a professional health expert and author, I decided it was time for a complete redesign of my website. Everything went smoothly until my website viewership increased dramatically in September due to the launch of my book. My shared server plan blacklisted me because of a huge volume in requests on my homepage that happened to be coming from the popup email subscription when viewers landed to the site.
Thankfully my Web developers knew this was a server issue with CPU max-usage so we disabled the popup emailer and moved to a better server.
Lesson One: Understand the client’s objectives and design preference with the website.
Web design is very subjective. Something that looks nice to you might not suit the client’s taste or their brand style.
Lesson Two: Wireframe, wireframe and wireframe. Provide wireframes first before doing any real design. Wireframes take 10 times less time than the actual Web design.
The prep work for migration is absolutely vital to speeding up the redesign process of your site. Having all of your content in order, any technical considerations (MailChimp, Analytics, etc.) and any documents containing DNS information or FTP instructions prepared early can save you a massive headache during crunch time.
I learned from our first big law firm redesign project that although our lawyer clients are very smart people, they need educating before design begins. It’s imperative to convince the stakeholders from the start that you aren’t designing a website for them, you’re designing it for their clients - the buyers of their services. The difference in approach is huge.
~ Keith N. Wewe, Principal and VP of Strategy & Solutions at
Content Pilot 1. Cautionary Tale, never celebrate too early
A website redesign project we had worked on dragged on for so long that we celebrated its launch with champagne. As we were finishing our second round of cheers, a grumble began growing from the other room. A server had crashed, taking down our newly launched site in the process. We didn't feel much like celebrating after that.
2. Retina Displays
Something we try to remind clients when we're going through a redesign or development project is that the imagery and photography we need to use has to be able to display properly on all devices, including those high-end screens that have a higher pixel density. 72 DPI may have been the law of the land, but we preach 144 nowadays.
~ Dan Schepleng, Creative Director and President of
Kapowza When possible plan on keeping the URL structure the same. If you’re able to keep the URL structure the same search engines will have a much easier time crawling the site. Always make sure you set up 301 redirects and have good 404 pages. After launch watch for
404 errors on Google analytics and fix them as soon as possible.
~ Scott Bishop, Founder of
Up And Social When redesigning your site, chances are you’ll be using even more JavaScript. If so, make sure to check what the latest developments are for the base frameworks or libraries you’ll be using. I’m thinking directly switching to Angular2 with Universal instead of older AngularJS and dealing with PhantomJS or third-party tools for server-side rendering. This will dramatically speed up your SEO compliance efforts.
~ Romain Damery Digital Strategist, SEO at
Path Interactive, Inc. When creating a site for a large company, it's common for lots of individuals to have an interest in the finalised design. With different opinions to take into account, always ensure that each party is happy with the the final design before moving into development. Overhauling the look if just one person isn't happy at this point will put unnecessary time and cost pressures on the project.
~ Richard Howe, Owner at
Colour Rich 1. It's imperative that when you're going through a redesign that you solicit user feedback and test designs before going live with them. The reason you should do this is it not only allows you to capture design flaws or pain points early on, but it also ensures that you are implementing the most engaging and conversion focused designs possible. Doing so will help your team better understand what your users are looking for in their experience on your website and also understand what queues they are looking for to convert and keep converting.
2. I can't stress the importance of properly setting up a URL redirect map. Sometimes when websites go through redesigns, URLs will change, and it's important that if a page moves it's properly redirected from it's old URL to it's new URL for backlink and search engine visibility purposes. Failing to do so can cause drops in traffic and, worst of all, potential conversions like sales or leads.
~ Patrick Delehanty, Marketing Manager at
Marcel Digital Before you even start talking about the redesign and plans for the project I learned it's important to have a plan for after the redesign has gone live. I'm now always sure to emphasize to clients the importance of maintenance.
Before I did that sites would sit out there in limbo getting older and more vulnerable by the day.
~ Nick Leffler Owner of
Exprance Speaking of website redesign, I have to highlight two key points.
Firstly, it is a best practice to keep the URL structure no matter what layout changes are implemented in order to keep the website's organic search rankings and traffic.
Secondly, to keep and improve the conversion rates, you will need to transfer the converting features from the old design to the new one. Use heatmaps and clickmaps to evaluate Web page elements’ role in conversions.
~ Natasha Kvitka, Digital Marketing Strategist at
GiftBasketsOverseas.com
Track and measure everything (using Hotjar and Google Analytics), and don’t just follow trends or copy what your competitors are doing. Base all of your design and functionality decisions on data in order to make the necessary changes that will directly benefit your target user/audience/consumer.
~ Morgan Mandriota, Digital Project Manager at
The Powerline Group
When left unchecked, websites can quickly fall into various states of disrepair, irrelevance and redundancy. Deciding to “fix a website” is too broad to achieve meaningful change; determining feature demand by reviewing site analytics can reveal clear needs.
For one client, we recently discovered that removing excessive information and accommodating mobile devices improved user engagement while enabling improved personalization features.
~ Mike Fossano Vice President of Account Services at
Premier Communications Group
In my experience, there are two main things that can derail a Web design process.
1) If the client is in flux. What I mean is if the company is new, growing or trying to redefine itself while you’re designing, the objectives will change too. That can cause designs to become ineffective until they realign with the client’s goals and messaging.
2) Content changes. Designs are flexible to a point. But when paragraphs and photos turns into an infographic, that changes layout, hierarchy and even responsive breakdowns. Content changes happen when the team doesn’t fully understand the messaging or goals of a page. Or when content creators are selected late in the game and they have their own ideas of what they want to say.
The trick is to stop the project at those phases, and not move forward until messaging, goals and content have all been agreed upon. This can be painful at the time, but ultimately it’s cheaper and faster to do the job right the first time.
~ Michael Flint, President of
Metropolis Creative1. Always make sure your new contact forms are submitting properly. Sometimes the client might not notice that new emails are not coming through for weeks and that can be devastating to a business.
2. Always explain to a client that re-designing a website will most likely lead to a short-term drop in rankings before hopefully bouncing back up above its original position. As an agency specializing in SEO, we see this almost every time, and we learned to manage client's expectations accordingly.
~ Nick Latreille, Web Designer & Developer at
seoplus+Our biggest takeaway from our website redesign is that you need to have a solid plan for capitalizing on years of old and outdated content. We went in with a plan to maintain and grow our SEO presence by updating, reusing, redirecting, or ditching old content, and we've seen a 23 percent increase in organic traffic since our redesign.
~ Anna Daugherty, Digital Marketing Manager at
PITSSI learned how critical it is to have a comprehensive list of pre- and post-launch activities documented well in advance. With so many moving parts, it's easy to miss a step, whether that's verifying that you’ve updated error messaging in the cart, or remembering to reindex the website after go-live. My current list has about 150 items!
~ Antonella Pisani, CEO/Founder of
Eyeful Media Err on the side of caution when setting expectations. A common pitfall is assuming a level of technical savvy on the part of our clients. For example, when you tell a client they will own their website, do they understand they do not own the parts of the code that are open-source?
~ April Wier, Founder of
Sugar Five DesignThe single most important thing in a website redesign is research. Who are the actual users of this site and how do they behave? What is the one thing we want them to do at the end of their visit (buy something, subscribe to an email list, etc.) and how can everything be designed to help make that happen?
~ Ben Guttmann, Partner and Co-Founder at
Digital Natives GroupThe primary lesson learned after our last re-design is to put the user first. It sounds cliche, but especially when you’re also part of the target market, it’s easy to let personal bias creep in. Two, realize going in that a site is almost a living thing - it can and should iteratively change, so no need to be perfect out of the gate.
~ Bob Clary, Director of Marketing at
DevelopIntelligenceWhen redesigning your website, consider your SEO. If you decide to change URL structure, ensure 301 redirects are done correctly, doublecheck them. I also suggest running a scan for "broken backlinks" pointing to your site. Old links to your site hitting 404 pages are lost link juice.
Always run a full SEO audit of the new design, the last thing you want is to go live and leave your website in development mode blocking Google.
~Brad M. Shaw, President and CEO of
Dallas Web Design Inc.You should never be afraid to delete what you’re working on and start over. Whether it's code or copy, creating a website is an iterative process and there’s something to be gained by not allowing yourself to get attached to the progress you’ve made. It’s amazing how much time you can save by simply having the courage to start over.
~ Carter Sowers, Technology Director at
SundogHomes.com Never assume ANYTHING. Via Inspectlet, we monitored customers’ actions/conversions. When we removed “extra” text because pages looked wordy, conversions decreased--customers liked the explanations! When we featured specials on our homepage, people weren’t purchasing those products because they already wanted other specific products. Now, we’re working on reducing the number of offers and making it easier for customers to search/find what THEY want right away.
~ Bret Bonnet, Co-Owner/Founder of
Quality Logo Products, Inc.During ONTRAPORT’s recent blog redesign (see image), we decided to only transfer over our best-performing articles and focus on creating a great user experience. We quickly realized we had to set up 301 redirects for the outdated articles we weren't keeping. The bottom line? Don't be afraid to cut the fat, and always have a plan in place for redirects.
~ Laura Casanova, Creative Director of
ONTRAPORTKeeping expectations realistic with clients is a must! There is often an assumption that once a Web designer puts their finishing touches on a site, then the money will start rolling in. It's better to let them know from the very beginning that a website is just one piece of the puzzle and marketing/promotion is a necessary component.
~ Chris Parks, Owner of
Founding City SocialForgetting to protect your existing SEO is imperative, and when you fail, it hurts. Once, we failed to account for all the disappearing URLs and integrate a 301 redirect strategy. That hurt but was fixable. We also failed to protect the keywords and pages that had SEO equity built-up. That really hurt. It took awhile to regain our SERP positions.
~ Daniel Davidson, Founder of
By Dan Design Co.Plan extensively to maintain your Web presence. All too often, a redesign of a website will destroy valuable traffic to that site by failing to account for search engine ranking and inbound links. A complete online visibility audit should inform any site redesign.
~ David Erickson, VP of Online Marketing at
Karwoski & Courage
The biggest no-no I see many companies, and/or freelancers do is put up a "under construction" page while they are redesigning their website. Don't do it! You are still open for business and people are still looking for your services. You are losing leads and money as well as precious SEO rankings.
~ Dennis Michael Owner/Visual Problem Solver of
Wake CreativeDo not underestimate the value of checklists. Last year I assembled a four-person team from three different organizations to redesign and optimize an outdated 925-page website on a new hosting platform. We collaboratively developed and used detailed prelaunch, launch, and post-launch checklists that enabled on-time, in-budget delivery of a website that exceeded customer expectations. Nothing fell through the cracks!
~ Donna Duncan, SEO/Content Marketing Consultant at
B-SeenOnTop LLCWhen a client says that the content is almost ready and the designer can start designing, ALWAYS say no! We have had projects where the number of templates required to accommodate the final version of content went from 3 to 12 and delayed the project significantly. The lesson learned is to never start the redesign process without the finalized version of the content in hand.
~ Elyssa Respaut, Project Manager at
AmDee
I'd say the biggest website redesign lesson I’ve learned is about communication as a whole. If specifications are not clearly documented then it's likely they will not be executed on. In order to avoid communication issues, we include a business requirements document and a thorough discovery phase on website projects so that the team is always on the same page.
~ Jennifer Phillips, VP of Marketing & Client Services at
Traktek PartnersHave a clear set of objectives from the outset and create a detailed plan. Evaluate the relationship and possible effect different elements of the site will have on each other, such as design, user experience, functionality, conversion optimisation and SEO. You need a detailed view of each individual element along with a holistic view of how they will come together.
~ Peter Collins, Director at
English BlindsHave someone outside of the project proofread the site. Mistakes can be overlooked if you have stared at the website too long. Not just copy mistakes, but incorrect links, images, and UX errors. Someone who hasn’t navigated the website before will have a more honest interaction with the site, and can give feedback on functionality.
~ Gisela Borrageiros, Marketing Manager at
QNY CreativeThe biggest lesson I've learned from a website redesign gone wrong is to always make sure your plans to redirect your old pages to new ones is implemented properly. You don't want to be scrambling after a redesign trying to fix a 90 percent drop in website traffic.
~ Ian Wright, Founder of
Merchant MachineMake sure to add the noIndex tag to your dev site pages. The agency we hired to redesign our site failed to do this and our dev site was being indexed by Google, creating duplicate content issues. Better still, use
htaccess password to prevent indexation and potential hacking of your dev site.
~ Jennifer Poole, J.D., Director of Marketing of
Nadrich & Cohen, LLPPlay with type. Your old site probably came from the era of only a handful of typeface options. The possibilities have grown exponentially in the last few years with Adobe Typekit and Google Fonts, and there are so many more ways to play with contrast, establish hierarchy, create more readable text, and illustrate with typography. Explore!
~ John Clifford, Creative Director/Designer and Founder of
Think StudioBreak approval into smaller, more frequent phases. The worst thing you can do is finish a project, send it to the client or the team, and have them change something foundational. Instead, get buy-in and feedback at every stage (content architecture, design, specific functionality) to avoid huge work duplications at the tail end of a project.
~ Jon Saxton, Project Manager at
PHOS CreativeWhen it comes to a new design concept, some recently hired consultants and Web designers lose sight of the old content value. The old content value should not be underestimated because it has actually brought profit to the company for years and generated a budget for the current Web redesign project. At the same time, the shift to the new concept might also be difficult for the ‘old’ employees who are so much used to the old concept. The main lesson for a successful Web redesign project is to evaluate and combine the legacy and innovation while continuing to reach your targets.
The future website design is attached. Here is an example of the ‘old’ Web page for one of our products and the new:
Old:
https://www.paragon-software.com/home/camptune/New:
https://backstage.paragon-software.com/home/camptune/~ Liliya Zelenskaya, Lead Web Project Manager at
Paragon Software Group The homepage is becoming less important and internal pages more important, as more visitors are coming in from search and social. So the biggest lesson I have learned is to make sure we are spending the most time focused on how we can redesign and improve the experience of the pages of our site that are getting the most traffic.
~ David Waring, Co-Founder of
Fit Small BusinessOne of the greatest lessons we learned was that redesigns always cost more in time and money than you expect. If you really do your homework and find what you want before approaching a designer, you can reduce the expense, but be prepared for multiple iterations and lots of changes.
~ Luke Shaffer, Chief Operations Officer at
PrendusDuring One North’s website redesign, I learned that it’s best to design with real content. By providing designers with drafts of the content, they were able to highlight key messages and deliver information in more thoughtful ways. It also made it easier for my team to choose our favorite concepts when we were able to see actual content at play.
- Tanya Lord, marketing manager at
One North To craft an effective CTA for any of our clients, we implement Fitt's law. It says that the larger you make the clickable area of essential links and elements, the faster and easier it is for users to click on it. It also works the other way around, and cancel and unsubscribe buttons should take up a smaller area.
~ Martin Khan, Digital Marketing Consultant at
Result FuelWhen redesigning a website the most important thing is to reconsider the users of your website and I'll say that the last website redesign I tried out was an absolute nightmare. I changed from Blogger to WordPress and changed my permalinks to match the URL structure of Blogger to avoid 404 errors and loosing pagerank. I had over 208 pages returning 404 errors. I also tried a new plug in, unfortunately the plug in ruined my website's design so at the end of everything I returned back to my previous CMS and old design.
I learnt quite a couple of things. First, it's not always necessary to change your CMS if you're redesigning a website unless you're looking to add features not available on your CMS. Secondly, if you're redesigning your website make sure you turn on maintenance mode, you don't want your users getting into dead ends on your website.
~ Michael Ajah, Editor of
NaijaTechGuyHave a lesson to add? Let us know in the comments below.