Web site Redesign Ideas, Examples and Finest Practices

website redesign

Neil Patel co-founded Loopy Egg in 2005. 300,000 web sites use Loopy Egg to know what’s engaged on their web site (with options like Heatmaps, Scrollmaps, Referral Maps, and Consumer Recordings), repair what isn’t (with a WYSIWYG Editor), and check new concepts (with a sturdy A/B Testing software).

Do you know that poor internet design can damage conversions and gross sales? An unattractive website deserves a web site redesign.

It doesn’t matter what your organization dimension or trade is, although, it’s essential that you simply take a strategic strategy to your web site redesign. Know what isn’t working, what does presently work, and what targets you want to obtain.

In any other case, how will you benefit from your current internet site visitors? Worse, what occurs in case your internet design is inflicting individuals to keep away from visiting your website in any respect?

Let’s have a look at a few of my favourite strategies for creating a web site redesign technique and implementing it for most ROI.

How Do You Know if Your Web site Wants a Redesign?

I reply three questions when deciding whether or not or to not redesign a web site:

  1. Does the design look outdated?

  2. Are my conversions/gross sales lowering?

  3. Have I acquired complaints about consumer expertise or design-related points?

If I reply sure to any of these questions, a web site redesign is critical.

It’s additionally vital to think about branding. For example, I lately purchased Ubersuggest, a key phrase suggestion software to which I’m including extra performance.

Earlier than I purchased it, the location appeared like this:


There’s nothing improper with the design, however it doesn’t match my private branding. After giving it an overhaul,, the location now appears like this:


It matches the design of my private weblog, so it’s simply acknowledged as one in every of my properties.

In the event you’re rebranding what you are promoting, a web site redesign may assist bolster your efforts.

The Dangerous Web site Redesign Strategy

Sadly, the artistic course of utilized by most companies and advertising departments don’t contemplate danger mitigation.

To grasp your danger publicity, take into consideration the variety of particular person modifications which are made throughout a redesign. Multiply that by the depth of change for every component. Think about for a second the laundry listing of modifications proposed throughout a artistic assembly.

You’ll change the house web page headline, imagery, site-wide template structure, navigation bar design, fonts, procuring cart or kind layouts, and lots of extra.

When do you focus on the danger of all these modifications? Possibly a few of these modifications assist conversions, and a few most likely damage. How are you aware which have optimistic or unfavourable impact?

Website redesign masks the effects

Usually that dialogue about risk-mitigation doesn’t occur.

Entrepreneurs often go right into a redesign with no course of in place to check the web page templates and touchdown pages which are being modified. There’s no system put in place to observe and justify these modifications towards key conversion metrics.

Mitigating these dangers can solely be finished with a rigorous conversion optimization technique. It requires a course of that features understanding the audience, prioritizing check hypotheses to resolve points obstructing conversions, establishing managed cut up checks, and analyzing insights from knowledge to make knowledgeable modifications.

Corporations which are utilizing a structured course of that embody A/B/n cut up testing as a part of a conversion optimization technique, like WineExpress, Iron Mountain, Digital Arts and BabyAge.com, are getting vital gross sales carry whereas decreasing danger.

In reality, eConsultancy reviews that corporations with a structured strategy for conversion optimization are twice as prone to have seen a big enhance in gross sales as others.

Structured approach doubles conversion optimization success A structured strategy doubles conversion optimization success

The Higher Strategy: Evolutionary Web site Redesign

Testing, and a confirmed system to execute testing for design modifications, is essential for as we speak’s on-line marketer. The chance of creating substantial web site modifications with out it’s too nice to not.

This strategy to web site redesign is one thing I name “Evolutionary Web site Redesign” or ESR.

The reality is {that a} dramatic, “revolutionary” redesign is harmful for many corporations.

It’s not that you simply don’t want a redesign. You most likely do. However a greater, and fewer dangerous, strategy entails a means of testing with incremental (and infrequently dramatic) enhancements. This ESR strategy offers a greater customer expertise and outcomes versus the normal throw-the-baby-out-with-the-bathwater methodology.

ESR Provides Steady Outcomes Enchancment

There are two main variations between ESR and the normal “Revolutionary Web site Redesign” (RSR) strategy:

  1. It’s Sooner
    After a standard web site redesign, advertising departments are often so fed-up with the method that they’ll gladly wait one other 5 years earlier than attempting once more. Or else, they could spend the following 6 months scrambling to repair the conversion fee drop with their new website. ESR, in distinction, creates a system of steady enchancment so your web site is at all times main the pack. The traditional website redesign cycle of under-performance The standard web site redesign cycle of under-performance
  2. Success standards
    “Intestine feeling” and reliance on the so-called “greatest practices” of designers and UX practitioners guidelines in a standard redesign. Whereas the workforce could also be proficient, no batter hits .1000 and lots of of their modifications are prone to damage web site outcomes. With ESR, each change is measured in managed A/B/n cut up checks towards its impact on enterprise targets.

The RSR strategy leaves your web site missing and repeatedly falling behind within the intervals between main redesigns. However, with ESR, your web site will repeatedly sustain and surpass the success of the remainder of the online.

ESR primarily makes use of conversion fee optimization ideas to revamp your website.

How ESR Eliminates Epic Web site Redesigns

By adopting the evolutionary website redesign strategy you may guard towards web site redesign dangers whereas dramatically bettering your web site daily.

ESR continuously improves your website ESR repeatedly improves your web site

With ESR, your web site will repeatedly sustain and surpass the success of the remainder of the internet. When you’ve outlined your web sites targets clearly, you may check and repeatedly optimize to enhance on them.

ESR works by implementing a system of steady A/B cut up testing all through your whole web site and digital advertising. Fairly than counting on the gut-feeling and flawed instinct of an artwork director, your web site choices ought to be made towards the crucible of buyer actions.

You need to check every thing in your advertising:

  • Web site-wide design types
  • Brand, header and tagline
  • Product web page templates
  • Touchdown web page design & content material
  • Your services or products worth proposition statements
  • Lead technology types, procuring cart and checkout
  • House web page design, eyeflow, merchandising
  • Imagery, copywriting, advertisements, calls to motion, and gives
  • And every thing in-between!

Reserving.com, for instance, ought to be repeatedly updating their design by testing the key site-wide components that mix to create their look & really feel: header, nav, PCTA, headlines, repeating itemizing areas, and many others.

Booking.com ESR opportunities Reserving.com’s ESR alternatives

At WiderFunnel, we’ve developed a steady enchancment system to drive the ESR course of for corporations. It leverages nice thinkers who’ve gone earlier than us and adapts the scientific methodology for web site practicalities.

The system ensures that web site check iterations are pushed by fixing buyer issues recognized within the heuristic LIFT Evaluation, voice of buyer knowledge and internet analytics knowledge (like Loopy Egg click on heatmaps), moderately than simply artistic aesthetics.

The High 5 Causes to Use ESR

Right here’s why ESR is the way forward for web site un-redesign:

  1. You get a brand new website “feel and appear” and conversion fee carry on the similar time
  2. You be taught which components truly enhance outcomes
  3. You keep your workforce’s concentrate on the vital enterprise metrics moderately than “aesthetic” redesign
  4. Your web site by no means faces lags in outcomes in-between redesigns
  5. You keep away from the dangers of a “Revolutionary” website redesign

Redesign an Present Web site

Whether or not you utilize ESR or resolve to make the leap and do a full redesign suddenly it is very important preserve your web site’s redesign work manageable (and fulfilling) and to verify your closing outcomes are well worth the effort. In brief, take time earlier than starting artistic work to plan. An in depth, in-depth plan of the whole mission will make sure you and your comrades don’t journey over each other within the trenches.”

To do that, a variety of spreadsheet work and grit planning is critical.

In the event you plan all the way down to weekly – and even day by day – duties to be accomplished for every side of your web site and assign them to completely different, accountable professionals from the start, there can be no motive your mission ought to lag behind your timeline or produce sub-par outcomes.

This implies creating spreadsheets with quite a few pages and what is going to look like an limitless quantity of rows and columns for monitoring and filling in data.

It would sound overwhelming and pointless, however once you’re there within the trenches and might’t see the battlefield from a hen’s eye view, having a information to inform you precisely what to do subsequent provides you with consolation and produce you nearer to reduction and your aim of profitable the battle.

Consider creating your web site redesign motion plan and monitoring sheets as coaching for the battle: the more durable you prepare, the extra ready you’ll be, the extra efficiently you’ll struggle, and the faster you’ll rise because the victor and return house with the spoils.

Check out this video earlier than redesigning your web site:

Technique First, Planning Second

Earlier than you make a plan of the steps you have to take to revamp your web site, you have to significantly contemplate why you want or wish to redesign your web site.

Contemplate the targets you wish to accomplish with this redesign:

  • conserving guests from bouncing off your pages so rapidly
  • make your library of downloadable data extra accessible
  • extra informative pages
  • to be extra visually aligned along with your model
  • to enhance navigation to common extra pages per go to
  • enhance on-site search engine optimization
  • and many others.

Define precisely what your targets are and prioritize them in a numbered listing which you’ll use to plan accordingly, and connect precise knowledge and numbers with these targets.

For instance, in case your fundamental aim is to extend your conversion fee, outline that aim (damaged down on a page-by-page foundation) like this: “Enhance conversion fee of cell sport improvement touchdown web page from X% to Y%.”

For every aim of your technique level, you’ll make a plan outlined in a spreadsheet to realize these targets and weave them collectively into one overarching, detailed plan that can lead you step-by-step into getting every thing finished and making your web site rock.

Observe: In case your targets are to easily make your website look higher or supply higher data to your guests, a complete redesign most likely isn’t obligatory. You’ll be able to merely refresh your website with up to date design components and better-written content material to realize your targets with out getting slowed down.

Doc All the things That’s Present

Write down and save your present metrics (whether or not they’re straight related along with your strategy-based targets or not) and save them in a spreadsheet doc.

Divide the doc into a number of pages based mostly on every particular person internet web page you’ve got. In case your website has greater than 10 pages, create paperwork based mostly on sub-sections of your web site so there’s much less confusion in attempting to retailer and entry this data.

Embody the next knowledge, at a minimal: bounce fee, common time on web page, 1st site visitors supply, 2nd site visitors supply, third site visitors supply, and conversion fee.

These paperwork will function a base that can allow you to prioritize your duties and day by day or weekly priorities when making your motion plan monitoring sheets.

Tracking Sheet

Trace: Additionally again up the latest model of your web site earlier than you begin making modifications so that you don’t lose any of your backend search engine optimization work that may be transferred to the brand new design. Additional, doc every piece of content material you’ve got:

  • Web page textual content
  • Movies
  • Weblog posts
  • Downloadable reviews
  • White papers
  • and many others.

These items of content material have unimaginable worth so that you don’t need to re-do completely every thing. And, even when one in every of your fundamental targets is to rewrite a variety of it, it’s a invaluable supply to refer again to… whether or not for optimistic steering or for example of what to not do subsequent time.

Time and Cash: Your Two Most Worthwhile Assets

Taking inventory of the inner sources you’ve got accessible from the very starting of the mission is essential. You should know the way a lot employee bandwidth and cash you need to dedicate to the mission, and over what durations of time.

With this information, define your plan for time-based deliverables and dedicate parts of your financial and time-related budgets to every step of the method.

Be sure you full the budgeting for the whole mission without delay so you may look out for drawback areas and be sure you don’t come up quick ultimately.

Tracking Sheet 2

On this instance, an organization plans to care for every thing besides the design in-house.

Create Motion Plan Trackers

To make filling within the precise duties and deadlines simpler, begin with creating motion plan trackers for each single web page you’ll both redesign ultimately or the brand new pages you’ll add into your website as part of your redesign.

Use your web page’s present website map that will help you get began.

In the event you solely have 5-10 pages inside your website, one doc with completely different tabs will suffice. Nonetheless, when you’ve bought greater than that, section your pages into completely different paperwork based mostly on the over-arching targets of the pages.

For instance, when you’ve bought one subset of pages for companies, one other subset for merchandise, and a 3rd for company-based data, these could be three completely different paperwork, every with a number of tabs, grouped collectively in the identical folder.

Label your column headings with page-specific job, targets, particular person accountable, goal supply date, and date accomplished, and your rows with every job that you’ll do.

You gained’t be utilizing this but, however it’s the simplest doc to arrange and also you gained’t wish to lose your momentum when you get to the purpose of filling it in.

Create Technique Trackers

Consider your web page motion plan trackers as your ready-to-implement plan.

However, as acknowledged earlier, you may’t have an efficient plan with no technique in place. You’ll be able to’t resolve find out how to get someplace till you truly outline the place it’s you wish to go. That is what your technique paperwork will do for you.

And similar to your must fine-tune each element of your plan earlier than you execute it, you additionally must fine-tune each element of your technique earlier than you execute it into your plan implementation paperwork.

Open the doc you used to put in writing down your targets earlier. Every aim will get its personal tab in a spreadsheet.

It’s as much as you what number of separate spreadsheet paperwork you make, however be sure you’ve a minimum of lined the bases: search engine optimization targets, conversion targets, UI targets (clickability), time on web page, pages per go to, content material high quality, model affiliation / design high quality, and many others.

Set your columns up with Purpose, Particular person Accountable, Deadline, and every row is devoted to a sub-part of motion objects required to both do or plan to finish that aim.

Tracking Sheet 3

Bear in mind the trenches, individuals. It feels like a variety of work now, however you’ll be thanking your fortunate stars for these sheets when you truly get all the way down to enterprise.

In the event you’re getting confused about how all this documentation works collectively, right here’s a circulation chart of the method:

Flow Chart

Fill In Your Technique Trackers

With each kinds of trackers made, it’s time to get all the way down to enterprise.

That is the place your actual coaching begins and is what separates the boys from the lads in the case of displaying a web site redesign mission who’s boss.

With every overarching aim, you’ll discover a seemingly limitless variety of child steps to take to complete that aim.

Top-of-the-line methods to do that is to fill within the apparent, bigger steps into the doc first. As you notice what the smaller steps are that comprise the bigger steps you initially stuffed in, you may add rows beneath them to make the doc extra full and cohesive.

Trace: To save lots of time doing this, have a brainstorming session with everybody concerned within the web site redesign mission. Go goal-by-goal and write down completely every thing every particular person suggests must be finished in his or her area to perform that aim.

You’ll be able to return and manage these duties into the doc later, however doing this provides you with all the data you have to full the paperwork in a single sitting moderately than having clunky backwards and forwards communication for ideas on enhancements and additions.

Observe: Relying in your in-house capabilities, you could or could not must outsource a number of the work to freelance professionals or companies. In the event you see you have to do that, construct a planning doc devoted to the steps you have to take to efficiently discover the most effective professionals to work with inside your price range.

Fill in Motion Plan Trackers

When your technique tracker is completed, half the battle (of the coaching half, anyway, is completed).

You’ll discover that every motion merchandise of your technique tracker will lead you to resolve issues and make choices about what to put in writing straight into your motion plan monitoring sheets. All you have to do is observe each step-by-step.

It can take a while to do, however you may set your to-do listing on autopilot (for the reason that technique tracker has it taken care of) and simply go step-by-step, finishing your targets for every day.

As soon as that is completed and your motion plan paperwork are finished, ship them out to your colleagues engaged on the mission with you and ask for his or her critiques and criticisms. A number of small changes could need to be made, however that’s all.

If it helps, have one other brainstorming assembly to poke holes in your motion plan to seek out methods to make it stronger.

Every motion merchandise can be assigned a accountable particular person and a deadline, so as soon as every thing is finalized, distribute these sheets to your workforce and have them tick off objects as they full them.

Tracking Sheet 4

A phrase to the clever: Although you’ve taken care of your self to observe a step-by-step plan, you’ll nonetheless really feel such as you’re deep inside a battle zone trench at some factors. When this occurs, it’s greatest to carry a gathering to clear the air, talk about any confusions, and get everybody again on observe to win the battle.

Make it Occur

After all of the teeth-gritting, hair-pulling planning and the inner cringing over watching spreadsheets and filling them in day in and time out, you’re prepared to leap out of the low-flying helicopter and hit the battlefield.

To make the method simpler and more practical, observe these methods.

Analysis and aggressive evaluation

Fastidiously consider your high 10 opponents. What do their web sites appear to be? What methods are they utilizing that you would co-opt? What do you suppose they’re doing improper?

Use aggressive evaluation to make your web site higher than the competitors’s. Redesign your web site so it hundreds sooner, gives extra intuitive navigation, and current higher gives.

Constructing the wireframe and mockups

Wireframes and markups let you visualize your website earlier than it goes dwell. Once you use a wireframe, you may place every component exactly on the web page.

Grid-style web sites have change into the norm. The human eye appreciates uniformity and stability. Your internet designer can create wireframes and mockups so that you can consider.

Beginning the brand new design

Take your web site redesign one component at a time. Work out what components will lengthen throughout all pages — excluding, maybe, your touchdown pages — and that are particular to particular person pages.

Don’t neglect your weblog pages. CTA placement, picture sizing, and different visible components deserve cautious consideration.

7 Steps to Launch Your Web site Redesign

I’m a agency believer in starting with knowledge. If in case you have concrete data with which to start a web site redesign, you’re extra prone to obtain your targets.

1. Analyze the “outdated” web site

Begin by wanting critically at your present design — the “outdated” web site. What’s working? What’s not?

Greater than seemingly, you’ve already recognized particular issues. Possibly you’re experiencing frequent deserted procuring carts in your e-commerce website, as an example. In that case, you may must revamp and redesign the checkout course of to encourage observe by.

Utilizing Google Analytics, research site visitors patterns. Do you’ve got a excessive bounce fee? Which pages obtain essentially the most frequent and quickest bounces?

Utilizing visible reviews like  warmth maps or scroll maps to investigate the conduct of your web site guests may allow you to determine potential drawback areas. For example, you may need calls to motion positioned too shut collectively or restricted exercise on vital areas of your web site, similar to electronic mail signup types.

Recordings can present much more in-depth details about web site guests’ actions on particular pages. You’ll be able to see the place they scroll, click on, and in any other case work together along with your website.

2. Establish your priorities

A web site redesign shouldn’t simply change the general look of your web site. It ought to improve the methods through which it features, particularly in the case of gross sales and conversions.

What metrics do you wish to enhance along with your web site redesign? Possibly you wish to accumulate extra electronic mail addresses, promote extra of a flagship product, or encourage clients to purchase bundle offers.

Figuring out your targets up entrance lets you concentrate on attaining particular outcomes along with your redesign. For example, if you wish to encourage electronic mail conversions, you would A/B check your signup types and lead magnets.

3. Outline and replace the web site’s audience

Goal audiences evolve over time. As you add new services or products to your web site or broaden into new markets, you could replace your messaging to the people who find themselves most ready and prepared to purchase from you.

Create purchaser personas for every of your goal demographics (units of particular person traits for shoppers) or firmographics (details about B2B purchasers).


Figuring out find out how to enchantment to these audience members will allow you to make good choices as you recalibrate your web site redesign. For example, when you’re now concentrating on Millennials, you may wish to create a younger, colourful website than when you had been simply advertising to middle-aged professionals.

4. Discover out what’s engaged on the present web site

You don’t have to vary every thing throughout a web site redesign. In reality, you shouldn’t.

Some elements of your website most likely work very properly. For example, when you’re pleased along with your present brand and it’s acquired widespread model recognition, you most likely gained’t wish to change it.

The identical may go for the location’s colour palette, font decisions, or images. Based mostly on laborious knowledge from Google Analytics and different instruments, you may resolve what you wish to preserve and what might use changes.

5. Create an inventory of desired design modifications

Consider this step as a want listing. Write down each characteristic you wish to add to your web site, whether or not it’s a colour change or a brand new software to your viewers.

Make observe of any structural modifications you may choose to your website. For example, I usually advocate eradicating the date from weblog posts. As a substitute of a URL that appears like this:


You is perhaps higher off with a shorter, cleaner URL:


Do you wish to add or take away something out of your navigation lists or sidebar? Are you interested by creating new touchdown pages? Add these to your listing.

6. Outline the brand new targets

Every of the objects in your wishlist ought to have a motive behind it. Would you like a extra complicated high navigation bar? Possibly your customers have hassle discovering the content material they want, so you have to give them methods to find data sooner.

Among the objects in your listing won’t have an related aim or motive. Put a query mark subsequent to them so that you’ll know to check them towards variations.

I at all times advocate data-based modifications since you get extra mileage after your web site redesign and also you don’t have to revamp your website as steadily.

7. Begin constructing the web site redesign plan

Whether or not you’re redesigning your website your self or hiring knowledgeable design workforce, you want a timeline. Work out when every component of the redesign will happen and whether or not or not you’ll check these modifications towards variations.

In the event you’re hiring a 3rd occasion or working with an in-house designer, appoint somebody to approve all modifications systematically. For third-party contracts, be sure you spell out all expectations within the contract and know precisely what you’re getting, similar to variety of free revisions and the price of including extras afterward.

8 Web site Redesign Ideas and Finest Practices for a Good Consumer Expertise

Now that I’ve gone by the web site redesign course of, let’s have a look at a number of the greatest practices I’ve found over time for efficiently creating a delightful design to your viewers.

1. Add robust visible options and components

I can’t stress sufficient the significance of eye-catching visible components. Folks reply extra strongly to photographs, illustrations, and movies than to plain textual content.

Think about using customized pictures as a substitute of inventory pictures. One truck driving academy elevated its conversion fee by greater than 160 % by changing a inventory picture on its homepage with one in every of its precise college students, and by altering the CTA barely.


2. Personalize your web site based mostly in your model

There’s nothing improper with displaying off your model’s character. Take into consideration the methods through which you talk along with your viewers, such because the voice and tone of your weblog articles or social media posts.

Use colours, fonts, and imagery that mirror your model id. At all times write in a constant voice so your viewers acknowledges your content material instantly and doesn’t get confused.

3. Use contrasting colours

In order for you your web site redesign to pop, use contrasting colours. Spotlight the important thing areas of your web site you need guests to note with a colour that isn’t discovered elsewhere on the web page.

Todoist does this properly on the touchdown web page for its premium product. A salmon pink colour attracts the attention to key areas of the web page, similar to the emblem and CTA.


You’ll discover that the CTA is bigger than the opposite pink components on the web page, which is simply one other type of distinction.

4. Construct a weblog when you nonetheless haven’t

Content material advertising doesn’t simply work — it’s one of the crucial efficient methods to drive site visitors to your web site. Writing for NewsCred Insights, content material specialist Daybreak Papandrea says, “Clients need content material, not advertisements…[they] can scent a gross sales pitch a mile away.”

She notes that, based mostly on a 2017 research by world communications agency Havas Group, practically 85 % of shoppers report wanting to learn content material by manufacturers. In the event you don’t meet your audience’s expectations, you danger shedding them to your opponents.

A weblog is among the best and most cost-effective methods to disseminate content material. Write persistently about subjects that assist remedy issues to draw search site visitors and social shares.

5. Add new touchdown pages targeted on changing customers

Throughout your web site redesign, contemplate creating new touchdown pages. Focus every web page on changing guests on a particular supply, whether or not it’s a reduction in your hottest product or a lead magnet to your electronic mail listing.

After the redesign, run web site optimization reviews to keep watch over consumer conduct. Armed with intel from  reviews of your guests’ actions on every web page, you may alter your design based mostly on how the pages carry out.

6. Optimize the whole web site for search engine optimization

Out of your touchdown pages to your weblog, be certain that individuals can discover your content material by natural search. Use related key phrases, add alternate textual content to your pictures, create customized meta descriptions, and write long-form copy so Google could make sense of the content material’s objective.

For a useful primer on getting began, take a look at my video under. I am going into element about three steps you should use to start your SEO efforts.

7. Contemplate additionally optimizing the web site for voice search

Famed marketer and serial entrepreneur Gary Vaynerchuk has preached for greater than a 12 months about voice changing into the following massive factor. In response to Gary Vee, “Audio and voice are by far essentially the most pure interface for people to work together. We like to talk and pay attention.”

Take into consideration how individuals work together with their smartphones. In the event that they’re on the go, they’d moderately inform their telephones what to seek for than sort out a question. Optimize your web site for voice so individuals can discover you extra simply.

If in case you have a neighborhood enterprise, contemplate attempting to rank for phrases that embody “close to me,” “close by,” and “closest.”

For example, when you promote bicycles, you may wish to rank for “bicycle store close to me.” Together with your geographic location in your goal key phrases may assist, similar to “bicycle store in Seattle, Washington.”

8. Be sure that all pages are mobile-first

Turning your web site right into a mobile-first machine doesn’t take a lot effort, however it pays wonderful dividends. Now that extra individuals seek for content material on cell gadgets than on laptops and desktops, you may’t afford to disregard smaller devices.

Ideally, your web site ought to look stunning on any dimension gadget. Be sure that pictures and font sizes don’t exceed a smartphone’s display dimension since you’ll alienate guests from these devices.

Responsive design and Accelerated Cell Pages (AMP) can each enhance the cell expertise to your guests.

9. Acquire suggestions out of your audience

When your website is dwell (and even throughout staging), begin gathering suggestions out of your end-users.

Even with the most effective internet designers or QA groups, some bugs will fall by the cracks. That’s once you want extra testers—your web site guests.

Even when they discover an issue on their very own, they gained’t say something until you make it straightforward for them.

Set up a suggestions widget or a easy kind so customers can:

  • Let you know the way they really feel about your redesign
  • Spot usability points
  • Share their total expertise
  • Level out the rest that is perhaps improper along with your website

Web site Redesign Examples to Encourage You

It helps to take a look at some examples of web site redesigns so you understand what to anticipate. I’m going to share two examples — one in every of my very own that’s pretty refined and one other instance that’s extraordinarily complicated.

First, I’ll present you ways I’ve redesigned NeilPatel.com. Again in 2015, the homepage appeared like this:


As you may see, the homepage is concentrated on my webinar, which I used to be closely selling on the time. Since then, although, my focus has modified, so I’ve redesigned the homepage to focus on gathering new leads.


I haven’t modified my colour scheme or my font decisions. For essentially the most half, the location nonetheless has the identical really feel.

Nonetheless, the earlier design was not suitable with my advertising technique, so it needed to change.

You need to know, although, that I’ve finished main overhauls on my web site’s design earlier than. Right here’s what the homepage appeared like in 2013:


You’ll be able to see a equally massive change within the total design and really feel on Problogger. It’s a web site helmed by Darren Rowse that gives large worth to content material entrepreneurs.

Only a couple years in the past, it appeared like this:


It’s not a nasty design, however Darren has redesigned it to look extra fashionable and to concentrate on the course through which he’s taken the Problogger enterprise:


There’s stronger distinction, and a transparent worth proposition above the fold.

You’ll discover that the emblem has been altered, however solely barely. It’s nonetheless recognizable to people who find themselves acquainted with the older brand, however it’s been revamped to match the brand new web site’s design scheme.


Redesigning a web site can enhance conversions and gross sales when finished accurately.

Begin with knowledge. What are you aware about your present developments in internet site visitors, conversion charges, bounce charges, time on web page, and different metrics? Apply what you understand to the brand new design.

Don’t overlook about analysis. Figuring out what your opponents are doing may also help you design a more practical website that surprises and delights your clients. Utilizing wireframes and mockups, get an thought for what your new website will appear to be, then start constructing it piece by piece.

Whereas a rise in income is the top aim of any web site redesign, bettering the consumer expertise and circulation by your website is actually a bonus!

Begin utilizing Loopy Egg instruments to enhance your consumer expertise


Leave a Reply

Your email address will not be published. Required fields are marked *