15+ Inspirational Examples of Website Redesign

One of the best ways to survey the evolution of Web design over a number of years is to compare different versions of websites. In other words, by comparing redesigned websites to their earlier incarnations, we become informed about new technologies, design trends and other things that emerged in the time between the two designs and the impact of these things on Web design.

15+ Inspirational Examples of Website Redesign

In fact, the redesign process can do more than improve a website’s look and feel; it might be intended to enhance functionality, make the website more user-friendly, remove deficiencies or even change underlying concepts. Redesigning websites isn’t a frequently occurring process; designers usually do it when it’s necessary, which is usually every two or three years.

In this article I’ll showcase some examples of redesigned websites that might inspire you as you work on your own redesign projects.

Crazy Egg

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Both the new and the old Crazy Egg designs have some user-friendly features, but the new design is more subtle and elegant—and the new feature (“view demo”) is a creative idea. The old design took advantage of call-to-action buttons and was more colorful. Both present a similar thing in different ways. This is a well-executed redesign that doesn’t affect functionality while changing the appearance.

Official Site Link

Change.org

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Change.org has done a dramatic redesign. It has added some new features that reflect its new capabilities and provide opportunities for users. The new call-to-action button is used more than the old one was, and the new footer contains a well-placed sitemap as well as some description about the organization. The only drawback, perhaps, is the long home page; it increases initial load time.

Official Site Link

Electric Pulp

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Web development studios like to show off their ability to design outstanding websites in their own website’s design. It looks good for them, and it makes prospective clients want to work with them. In the case of Electric Pulp, we can see it. The new design, despite its length and multiple pictures (of completed projects), features a simple navigation menu at the top of the page and complete contact information in the footer section. Personally, I liked the old design; it was alive and captivating.

Official Site Link

Evan Eckard

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

In this example, the designer has tried to maintain the identifying elements of the original design. The design elements include: use of lines, style of navigation menu and colors for background, text and introduction block (which are almost are as they were, though they are now more subtle). Using big typography and sliders injects new trends and technologies into the design. It’s a great example of a redesign.

Official Site Link

Linked In

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Websites like LinkedIn, whose users are professional folks, have to maintain certain aspects of the user experience over time while continually increasing functionality and efficiency. It’s done properly in this redesign; every working part of the old design is still in place. The only altered section is the navigation menu in the header, and there are two new things: a log-in box for registered users in the header and a one-line description just below the search box. There are also new items in the footer. This is a functionally improved redesign effort.

Official Site Link

Bose

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

The great and worldwide companies usually don’t change their look and feel amongst redesign processes.

It’s true for Ireland Bose,too.it almost keeps everything is on its old place. Of course the new design takes advantage of new UX design pattern , here slider for header section. Also using round corner for boxes makes the new design more elegant.

Official Site Link

Veerle’s Blog

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Both the old and the new are well designed. Both are attractive and appealing, and they reflect the designers’ skills. The useful navigation bar from the old design header has been omitted in the new. Of course, the ability to search ability can compensate for lack of clear navigation, and the new design also makes use of the footer. Overall, the new design is elegant, well structured and easy to use. The old one was a bit distracting.

Official Site Link

31Three

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

The only thing that has changed is the look and feel. Everything else remains unchanged and in its place, and yet the design has become more beautiful and pleasant. Round corners play a key role in that.

Official Site Link

Blue Flavor

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Blue Flavor’s new design has some advantages over the old one—but it also has disadvantages. From the appearance perspective, the new design is brilliant and has personality; it showcases designers’ abilities, which is important for any Web design company. From the perspective of usability, the old design ranks higher because its navigational items were in a good place (the header). Of course, the new design has good navigation in the footer. Frankly, neither are great designs, but the new one is far better.

Official Site Link

5th Column Digital Design

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

This is an evolutionary redesign that turns a simple design into a notable one. The old design was basic and a bit strange in spite of its creative nature. The refreshed design has suitable navigation and a clean design, and the slider in the header and the log-in section are good features for user experience.

Official Site Link

Convex Digital

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

This company’s website, like other commercial websites, has to present the services it provides as well as support for clients. In the previous design, this was done by providing live chat (a great feature) for customers. In the new design, complete contact information is provided in both the header and the footer. The navigation in the old design was more readable, and it was placed well. Both used design trends that were common at the time of design: big header and tag cloud in the old, and a slider, call-to-action buttons and a big footer in the new. The new design attempts to be informative and user-friendly, but the old one was far tidier and better structured.

In my view, a combination of the two would make a great design.

Official Site Link

Philips

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

The changes in this redesign seem trivial. Everything is the same as it was. The only added feature is the “Our Vision” section and some informational videos. The new design is more delicate, though. The two designs aren’t perfectly similar, but the accustomed users won’t get into trouble when they try to use the new design. It’s a beauty, and a great example.

Official Site Link

Hicks Design

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

The old design was clean, concise and pretty. Every necessary feature was there: navigation, introduction and contact information. Recent projects were showcased in an appealing manner. The new design is still somewhat clean, but it’s essentially a very long home page that increases page-load time and is difficult to use for all the scrolling. In this case, the old design is far better than the new one.

Official Site Link

Clay Ant Creative

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Here’s another example of a website that was degraded during the redesign. The old design was attractive and had good structure and well-formed navigation. The new design has its own style; in spite of its creative layout, there is nothing similar to the old design. Perhaps that is rooted in the changing ideas of the company? In any case, the only upgrade seems to be the proper use of the footer.

Official Site Link

Cabedge

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

The refreshed version of Cabedge’s website is an instance of minimal design that seems to be the incorrect choice for business activities. It’s nice, but its drawback is the lack of essential elements. The old design was a general example of Design Company. It had a good introduction, links to (recent) works and explicit navigation—which are essentials. The new design looks more professional, though, which could be its winning point.

Official Site Link

Robert Goodlatte

Old Design

instantShift - Inspirational Website Redesign

New Design

instantShift - Inspirational Website Redesign

Rob Goodlatte’s new design is clean and captivating, for a personal website. The old design had more features but was a bit distracting because of its layout. The old navigation tool has been omitted in new version, but the well-designed layout, big search box and footer links work well. Personal websites get a different type of visitor, so there are fewer constraints when designing them (as compared to websites with many users from different groups or commercial ones that must maintain a professional image).

Official Site Link

Like it? Share it.

38 Comments

  1. Well This is a good post. Good to see what clients like to see the changes in new design.. Great! keep it up

  2. In my opinion in almost every case, the old design was much more attractive than new one.

  3. Very interesting article, I enjoyed reading your perspective. Thank you for sharing your web design themes and layouts with us!

  4. This is a great collection. I agree a lot with you about some upgrades and downgrades with the new designs. I’m surprised to see that some are almost completely changed in terms of branding– Blue Flavor and Clay Ant for example. Great post!

  5. I don’t care for the Bose redesign. The rest are improvements.

  6. I also need to redesign my website now… Thanks!!

  7. really inspiring and professional designs.

  8. Excellent article and the idea behind it! Very useful, thoughtful and instructive. Thanks for your work.

  9. Such a nice design :) Great to see them, it brings me more ideas on Designing:) thanks!

  10. Great designs :) very nice look they have now :)

  11. Look at the difference between the old and new. Very well done. Thanks for the share :)

  12. great designs. these designs really impressed me. thanks for sharing them with me. they are great and cool new designs.

  13. Even some of these sites have change their design now. For examle cabedge.com now have a brand new design.

  14. great designs. Thanks for the share

  15. Fantastic collection I badly need to redesign my site but can never get to it.

  16. You start to notice a trend here, especially with the community style websites. I really like the 31three redesign.

  17. As usual, interesting read & cool designs.

  18. Each of the designs is inspirational and great.

  19. I agree with some of the previous comments. A great redesign to me, is one that incorporates elements of the old and transforms it into something much more.

  20. I love this. It’s like looking at a before and after photo of a makeover mission.lols. Is there a standard time for websites to get an overhaul, or is it just for style/purpose matters?

  21. these designs really impressed me a lot. thanks for sharing it with me.

  22. Nice Collection. I have also made similar changes to my blog. thanks for share.

  23. Very well designed… Mostly based on full width and light background color layouts. I like this kind of designs.

    Thanks for sharing.

  24. Such a wonderful design it has. It gives me more idea in designing, and then I can easily manage and redesign my site on toolbar icons. I want to have something different. Some templates looks for professional. Thanks!

  25. I think you made a little mistake about the bose redesign by comparing the Ireland Bose website with global corporate page.

    So the right “new” website is: http://www.bose.co.uk

    Regards,

    S.

  26. Nice comparisons!

  27. Bose comparison is not correct, you compare the splash page with the website…

  28. Thanks everyone for comments,

    @Sakana and @Tom, special thanks to you for informing about incorrect comparison.
    It’ll be modified.

    @Sydney
    In fact there is no definite timetable for redesigning a website. It’s up to situation and your analysis about efficiency of current design or other considerations.
    Sometimes redesigning is unnecessary at all.
    My another article on website redesign may be helpful :
    http://sixrevisions.com/web_design/an-exploration-of-website-redesigns-tips-and-examples/

  29. In past few years, thіѕ technology hаѕ now become a very well-recognized format οn thе internet.

  30. Awesome post on webdesign. The before and after images alone are enough to give anyone who is considering website design some very good lessons.

    Thanks

  31. Quite a Collection… how did you manage to collect these… Amazing !!

  32. Bose comparison is not correct, you compare the splash page with the website…

  33. Awesome collection, thanks a lot

  34. This is so nice collection…

Leave a Comment Yourself

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>