10 classic cases of the famous website redesign

Source: Internet
Author: User
Tags reset

The redesign of the website may bring new opportunities for its growth and development. Over time, visitors to the site have changed, and the site itself needs to evolve. It doesn't have to be the same as in the past, you can rebuild it with the trend of web design.

When you redesign a website, the feature implementation and user experience are the first things you need to consider. The following 10 reset cases include the famous social networking site Facebook, search giant Google, video giant YouTube, and the authoritative film and television scoring website IMDb. Take a look at these cases, and then click on the link above each picture to visit the original page, you can compare the following differences between them. Consider why these resets are successful and you may benefit from them.

  Top 10:amazon

The design was written by James Cipriano, a designer, and posted on dribbble. James reinforces Amazon's logo color yellow and applies it to the sidebar. The main part of the product map is more clearly structured than the current Amazon setting. The personal information in the upper-right corner is replaced by a rounded head, which is the most popular form of expression at the moment. The original Amazon site poked here.

James Cipriano the redesign of Amazon

  Top 9:imdb

Designer Vladimir Kudinov published the design in his Behance page. The original IMDB home design to the more traditional, and the design of the Vladimir is a picture collage of the way to present, the size of scattered photos around the pure color bottom of the text selection box, full of visual impact. The original IMDB website is poked here (need to turn over the wall).

The redesign of IMDB by Vladimir Kudinov

 Top 8:google

The reset works are also posted on Behance, the author of Ayman Shaltoni. Ayman's design is very distinctive, Google's logo font from the lining to replace the more modern non liner body, the original fresh candy color by more retro tones replaced. Probably inspired by the old Mac OS 8.5, the navigation bar that was originally placed at the top was moved down and opened like a drawer, which could be the most brightly lit place. The original Google website poked here.

Ayman Shaltoni's redesign of Google

  Top 7:BBC

Micheal Coyle also thinks the picture is the most arresting eye. When he redesigned the BBC's homepage, he also chose to use the image as the main body of the presentation, eliminating a lot of text piling up, more intuitive. The sidebar on the left replaces the titles of the various blocks on the BBC Web site, with a higher degree of integration. The original BBC website poked here.

Michael Coyle's redesign of the BBC

  Top 6:twitter

The Twitter site designed by Zsolt uses a unique design for the columns. Studies have shown that when normal people read, they can only see a few words at a time, which is why the width of each column in a newspaper's layout is small. And Zsolt's design coincides with this. In addition, the information dimension of Zsolt's Twitter page is also more flat, the page can slide to the left, see more columns, you can scroll down and read more replies. The original Twitter page is stamped here (it needs to go over the wall).

Zsolt Hutvagner's redesign of Twitter

  Top 5:wikipedia

Wikipedia may be the best encyclopedia to date. The current Wikipedia page is extremely elegant, with more text than pictures, so typography is especially important. George has redesigned Wikipedia's home page based on existing pages and columns. The left side of the picture for the date index, quite ingenuity, while the right side of the use of graphics and text in the form of rectangular blocks of the same size to divide different columns. It is worth mentioning that George also introduced the timeline, expanding the dimension of information rendering. The original Wikipedia page is stamped here.

George Kvasnikov's redesign of Wikipedia

  Top 4:soundcloud

SoundCloud is known as YouTube, the audio-sharing world, unmatched. Anton retains the original color scheme of SoundCloud, adds banner diagram, strengthens the layout of the main part, adds a light gray background to the personal Information Bar on the right, and distinguishes the blocks. Compared to the original SoundCloud page, Anton Design is more clear, but also without losing the charm of its minimalist style. The original SoundCloud page is stamped here (need to flip the wall).

Redesign of SoundCloud by Anton Skugarov

  Top 3:youtube

Does YouTube, which is a legendary video domain, need to be described in depth? As with the above cases, Alexandr has also chosen to flatten the direction of YouTube's transformation. This redesigned page retains the Google Color system, the left side of the personal Information Bar using the classic red and black color, in the light-colored background is very conspicuous, but also make the entire layout less monotonous. The video arrangement way also follows the consistent arrangement way, the middle is the main video content, the right is the related recommendation. The original YouTube page is stamped here (it needs to go over the wall).

Alexandr Brinza's redesign of YouTube

  Top 2:netflix

I don't know, Netflix? Then you know what Lenobama like to watch in the House of Cards? This is what Netflix produced. As America's most famous online movie rental provider, Netflix has a retro-looking logo and a relatively old-fashioned page arrangement. Vivek's redesign of Netflix is a more thorough, redesigned logo, flat page. The three-column page design makes it easy for users to filter their favorite films, and the graphics and text mix is more clear and superior than the previous layout. The original Netflix page is stamped here (the mainland cannot be shadow).

Vivek Venkatraman's redesign of Netflix

  Top 1:facebook

Facebook, the legendary social networking site, is not the first time anyone has been redesigned. But this time the design is still very impressive. Fred uses the Microsoft Metro design style, blue and white color block to carry text information, and pictures scattered mixed, the effect is extremely pleasing to the eye. The dark Sidebar and the Blue navigation bar at the top also form a contrasting color, clear and unambiguous. Poke around and visit Facebook, of course, you have to flip the wall.

Fred Nerby's redesign of Facebook

Have you ever been inspired to read these redesigned programs?

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.