Great Redesigns

Redesigning a website is the most common job a professional web designer faces in his daily life. That’s why it is extremely important to look at previous examples of successful redesigns and how they have improved the sites services, functions and overall feel. I will look at what has been stripped away and what has been left, I will look at what has been added and the reasons for this, this will help us understand what needs to be done to successfully redesign a website from the ground up. Given the fact that the site we have been given to redesign is content heavy, riddled with problems, complications and clutter, where else to start the research other than the old New York City website which looked like this;

1

Using the Web archive, the initial appearance of the site was in 1998. Strangely enough the page here features flat colour so doesn’t look that old fashioned, while the style wasn’t so bad, the format was awful, multiple text links on both sites of a square centred in the screen made up the navigation of the site.

2

November 2001 sees the addition of an almost ‘responsive’ website where the lines of text adjust themselves to be the full width of the page. This is not responsive as we know it though as it stops working at 960 pixels wide, though this was probably fine at the the time there was only one standard screen size.

3

December 2002 saw the removal of flat colour from within the pages, and the addition of third dimensional objects like physical buttons.

4

September 2005 saw the removal of the ‘responsiveness’ as it was in it’s current stage and shifted the page from central to the left, a stage of the design that actually seemed backwards to the previous versions. The colour has been simplified though and a lot of the flat colour areas have been made a light grey colour, something we would continue to see on the web even with todays modern design. This design stays exactly the same with only changes of content for the next eight years until it is decided that the government just had to be redesigned. What’s fascinating about this is the fact that the iPhone revolutionised mobile web browsing back in 2009 when it was released yet it still took five years to decide it needed to be upgraded to be optimised for mobile.

5

The new website has been completely stripped of all the text links on the site and been replaced with drop down menus that work on both desktop and mobile in the exact same way. The flat colour has been added in the background to make it up to date with modern day fashion trends.

6

Orbital Alliance is another good example of great redesign. Back in 2010 it seems to have got a few things right, using subtle gradients to make content stand out more and a reasonably uncluttered layout.

7

Moving forward to 2014 though, there has been a complete redesign of the site which brings it in line with modern design. It has flat coloured images behind sections of white which move behind the sections.

8

CNN is a brilliant example for the design as it’s initial design back in May 2001 is messy, cluttered and not responsive with no colour and text links.

9

The new version is much much better, it has less but larger text, with images representing the stories but still uses drop down menus on the desktop to allow the user to access more content. Column layout seems much more prominent in this design compared to the original, but it the images help emphasise this.

10

Given Apple is at the forefront of design today and the worlds most valuable company, it’s difficult to imagine a time when they weren’t top dog. Back in April 1997 the design was as bad as the other designs around at that time. It featured one section of flat colour that held all of the text links and then a grid on the left to hold all of the content.

11 12

The site got a major update in may 1998 when it changed its layout that is consistent with the one still used today, using a pyramid layout. Something that I noticed about Apple’s site is that it uses a landing page tho greet the user to the user, this is something that is seldom seen in web design but is a small detail that can really make an impact on the user.

13

December 1998 saw the rise of Google as we know it today but only in beta form, it has remained in the same general layout. Originally it was a pyramid format just like Apple’s. In turn of the century, the pyramid layout went and simply left the search. In a sense this was completely different what everyone else was doing at the time with over complicated content filling the pages, and Google just kept it simple. It is this simplicity that has made Google the biggest search engine on the internet.

14

References:

http://www.imediaconnection.com/content/35572.asp#multiview
nyc.gov
http://web.archive.org/
http://www.orbitalalliance.com/
http://edition.cnn.com/
http://www.apple.com/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s