My top 10

#1 Apple.com

Apple is the best example of striking the balance of simplicity (white space, strong type) with rich imagery sensitively-applied.

It’s also a big, varied, constantly-new site with loads of content, which always feels easy & enjoyable to navigate.

For solving the numerous demands on the UI so elegantly, this is, in my opinion, the best-designed web site in the world today.

apple.com screenshot

#2 Mozilla.com

Clear, open, fresh, simple. When you arrive at this site, you’re under no doubt what the site does, or where to start looking for what you want. The design is positive and happy. A winner.

mozilla.com screenshot

#3 Iconbuffet.com

The site sells icons, so it lets the icons rule, showing its wares from the first page.

The colours and typography are solid & strong, projecting a trustworthy brand while not getting in the way of the proposition.

iconbuffet.com screenshot

#4 WhyWeWhisper.com

“Why We Whisper – restoring our right to say it’s wrong” is a book about freedom of speech in the USA, written by Senator Jim DeMint and J. David Woodward.

The page design is a great example of pixel-saving in action, with very little complexity going into the page background (chrome), leaving room for large, clear type. I love the flourished rules between the quotes.

If I have one criticism, the page doesn’t tell you up-front what it’s about.. relying on prior knowledge or even reading, which may be a lot to ask.

Another very worthy simple & impacting book site is “Gangs of America.com”, book by Ted Nace.

WhyWeWhisper.com screenshot

#5 Circografico.com.ar/

The guy’s an illustrator, so his site has to:

  • Show his work
  • Be interesting and characterful

It does both these things really well!

The graphic design is designed around Alex’s work, with intelligent typography and just enough pixels used to give the site background its tattered, rich vibe.

I love the way his portfolio page uses gradients to suggest the work in a print context.

circografico.com.ar/ screenshot

#6 EnhancedLabs.com

Another icon maker, doing bigger, richer icons, so the the site showcases them bigger & richer.

Bold, flattish colour creates a strong first impression and still lets the product stand out.

enhancedlabs.com screenshot

#7 Protolize.org

Tony Yoo’s collection of recommended web resources is a great example of strong graphic elements balancing to make a site that’s bold and easy to use.

Big text, simple nav, high usability, all wrapped in strong colour and finished off with nice graphical touches.

protolize.org screenshot

#8 Bearskinrug.co.uk

Another illustrator’s site (Kevin Cornell). What can I say about this that I didn’t say about Alex Dukal’s site?

It embodies the essence of Kevin’s style, and – if you look – does an excellent job of filling the space with content, needing almost no page furniture at all.

Count how many things on the page are both navigation and content. Everything has had the touch of the illustrator’s brush, so the site is just saturated with his talent.

bearskinrug.co.uk screenshot

#9 Corkd.com

Dan Cederholm’s personal wine review project provides a neat, cleanly-designed interface, featuring an intelligent colour scheme and fantastic simple logo.

Easy to use and fun to browse. This site strikes the balance just right.

corkd.com screenshot

#10 Sumagency.com

Oh so 2.0, but I just love it. You know what gets me every time? Acres of balanced white space, easy-read text and cute content graphics combining to tell a simple story. First-rate.

sumagency.com screenshot

Tags:

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

9 Comments

  1. Tim Hudson says:

    Great list! I obviously wouldn’t place them all in the same order, but yours is pretty cool! Check out my list at: http://blog.webconstructions.net/2010/05/top-10-website-designs.html.

    Web Design

  2. [...] Hunt, an acclaimed web designer at http://www.webdesignfromscratch.com, wrote an article about the 10 best web designs on the internet. Here’s Ben’s list of the top ten [...]

  3. Alfred says:

    I think that a properly title for this site would be “10 best ENGLISH designed web sites in the world” .. Do you know why the Nobel Prizes (the Swedish awards) are so popular in the world? ..Because they are universal..because these prizes are not only for people who live in Sweden or people who speak only one language.
    Look at the world..it doesn’t matter if you don’t understand the language , there are a lot…plenty of well designed sites that is a must to see and some of them are not in english.

  4. ben says:

    Good point Alfred. I think it’s fair that my top 10 sites are in English, as my first language is English, and I need to understand a site to get its design completely (otherwise I can only appreciate its decoration). Copy is the #1 most important factor in web design, so I could not properly judge the merits of a site that is written in Greek, Portuguese, or Korean.

  5. ghasemi says:

    where can I find the date of this article and it’s writer?

  6. ben says:

    Hi. This page was written by Ben Hunt in May 2009.

  7. Trev says:

    This is a terrible, terrible list. Terrible.

  8. Fio says:

    i like this list a lot!
    thanks

  9. [...] Top 10 Best Designed Websites in The World [...]

Leave a comment

Articles + tutorials in Graphic Design for Web

White on White Web Design Style
An overview of white-on-white web page design, a clean, appealing, modern web design style that draws focus to the content.
Zoom Your Content!
a Crucial Web Design Technique
Zooming your content is a basic but critical skill that every web designer should know.
9 Highly Functional Web Site UI Designs for Inspiration
A personal collection of 9 highly functional web user interface designs for inspiration
8 Rich Web Site Designs for Inspiration
Ben's collection of links to great, effective, current web designs with rich, highly graphical, and intense styles.
8 Clean Web Site Designs for Inspiration
Collection of clean, simple, effective, current web designs, put together by Ben Hunt
Some Great Web Logos for Inspiration
A collection of high-quality inspiring web site logos for inspiration.
Real Web2.0 Design, the essential Web2 design features
Real Web2.0 design is not about shiny visual graphic effects, but a bold, direct and challenging brand experience.
10 Best Designed Websites in The World
A list of the 10 best-designed web sites in the world, with explanation of which great web design techniques work most effectively and the importance of designing your content.
Web 2.0 How-To Design Style Guide
Web design guide. Web 2.0 how-to design style elements explained. A guide to why web 2.0 design works, how and when to use each design element
Creating Content for Web Pages
Best practice guidelines for how to create, arrange and design Content for web sites and web pages
Using Contrast in Web Design
The importance of contrast in graphic design for the web, and how to use tonal contrast effectively
Using Attention Maps in Web Page Layout
Always sketch an attention map before designing a web page, to indicate areas of relative importance where you want users to focus.
Containment in web design layout
Using containment in web page layout to group elements together is a powerful tool.
Selection of Favourite Great Web Logos
A collection of appealing logos gathered off the web by web designer Ben Hunt
Case study: Artorg makeover
Case study: Makeover of Artorg's community site
Clarity in Web Design – Designing Clear Web Pages
Hints and tips for making web page designs clearer and easier to understand by differentiating and organising visual elements on the web page
Rhythm and repetition in web page layout
How to use rhythm and repetition as layout devices in web page design
Using Alignment in web page layout and design
Tips on using alignment in visual design for the web to associate related elements
Current style in graphic design for the web
A summary of today's best practice in graphic design for the web. Simple, good webssite design examples, good web design and an explanation of modern web 2.0 design techniques.
Colour in Web Design
Tutorial on using Colour in web design to convey branding and improve usability in your web page designs.
Branding for Web Sites
Branding for web sites: How to create, develop and implement a brand for a web site
Grouping elements for clear web page design
Grouping, basic web page layout graphic design technique for associating web page elements on screen.
Usability Case Study: Kemik Portfolio
Case Study: Tweaking Kemik's online art portfolio
Use of 3D Effects in Web Design
Guidelines on how to use 3D effects effectively in graphic design for the web
Effective text for web design
Short article describing the benefits and strengths of using text rather than graphics in web design
Case study: Business Improvement Network redesign
Case study: Business Improvement Network redesign
Imagery: Using images in Web Page Design
Guide with tips on how to use imagery effectively in web page design, good images, graphics & icons
Logo Design for Web Sites
What makes a good web site logo, breakdown of key design factors for creating great web logos
Media Volunteer Redesign
Summary of redesign of Media Volunteer Center
© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989