A Showcase Of Expert Website Redesigns
As design trends change, it’s easy for websites that were once beautifully designed to appear outdated. Sometimes business objectives change, which can result in the website that was created several years ago no longer reflecting where the company is heading. Other times, old designs just look stale and could do with a revamp.
Whatever your reason is for thinking about a site redesign, we’re here to give you some inspiration. We’ve brought together a collection of expertly redesigned websites ranging from blogs and magazines, to web apps and social networks. We hope you find the collection an interesting source of inspiration for your next redesign project.
The old version of Digg shows a list of blue links.
The redesigned version of Digg looks more like a magazine.
Digg saw a particularly sudden drop in audience figures after launching V4, a design update that was particularly poorly received. Eventually they sold to Betaworks, who dramatically revamped and updated the design to provide a better user experience. The new design is much more visual, representing a magazine more than a list of links, and is much easier to navigate and browse casually.
The old version of Spotify’s homepage explains the product.
Spotify’s redesigned homepage is much more emotive.
The music streaming app Spotify has become so famous and so immensely popular — partly helped by being integrated into Facebook — that their old homepage design started to become redundant. The old homepage was focused much more on explaining what Spotify is and how it works. The new homepage is much more minimalist — unless you click on “Find out more”, which leads to another redesigned page that better explains the app, and its features and benefits. The new homepage is much more emotive — it has a large autoplaying video that forms the entire background of the page, which instantly shows off the benefit of using Spotify.
Mashable’s old layout, shown above.
Mashable’s redesign makes more use of space with a responsive layout.
Mashable, the famous social media and tech blog, updated their old design with a responsive layout, ensuring that the content was well presented and easy to read, whether you were checking the site out on a large desktop monitor or on a mobile phone. Larger browser windows allow a 3 column layout, which means the site now makes the most of the space.
The Next Web
The old version of The Next Web followed a fairly typical blog format.
The newer version looks much more like a magazine.
Similar to Mashable, The Next Web also redesigned their tech blog to be much more visual and to make a greater use of space through responsive design. The site is now easier to read on a smaller screen, but instead of filling all the space on a huge monitor, the redesign now simply gives the content more breathing room through an increase in white space.
The old version of MySpace was fairly unexciting.
The new MySpace relaunch is much more visual and easy to browse through.
MySpace was one of the first truly successful social networks, and until recently had a fairly tired, uninspiring design which very closely resembled its appearance when it first launched in 2003. In a move aimed to recapture attention and visitors lost to Facebook, the team behind MySpace has spent a lot of time and effort giving the appearance an overhaul. The new design is now much more visual with more space dedicated to status updates and posted images, which makes it easier to browse. The navigation, too, has been improved which makes the site much more intuitive and easy to use.
Grooveshark’s old homepage required you to search for a band first.
The new Grooveshark is much more about music discovery.
Grooveshark, the online music streaming site that rivals Spotify, recently refreshed their layout, and the design is a bit more easy for new users to pick up. The previous design aimed to explain how the app works by annotating each part, but it also focused on the user first searching for what they wanted to listen to. The new version doesn’t make use of annotations anymore — partly because the user interface for the app is fairly self explanatory — and the focus is now much more on music discovery. Instead of having to think of a band you’d like to listen to, the first thing Grooveshark now does is show you a selection of tracks grouped by genre — with the search feature, though still easily accessible, moved to the header. The new design is focused on a different goal, and is easier to use for people new to the site.
Have you found any examples of creative, imaginative and easy to use redesigns that you’d like to share? Please do let us know in the comments.