Menu Search
Jump to the content X
X

Inspiration Package: 50 Usable & Elegant Designs

Advertisement

We all love beautiful, usable and impressive web designs. To achieve them, web developers need to focus on many aspects, but basically it all boils down to the question, how well the content is presented and how easily the information can be perceived. Harmonic color schemes are as important as solid and consistent typography. Precise visual structure and intuitive navigation are essential for both usability and accessibility. In fact, mostly it’s a keen attention to small details which gives web-sites a profound and enduring nature.

We’ve selected some more of them. Over 60 elegant, usable and impressive designs with a well thought-out color scheme, typography and visual structure. Their beauty lies in the way the information is presented. Their usability lies in the way they communicate presented data. That’s what makes them different.

Next week we’ll present the .pdf-version of this showcase. You might be willing to check out further showcasese we’ve presented before – you’ll find the links at the bottom of the article.

Inspiration Package:
50 Elegant and Usable Designs

  1. 31Three
  2. Beautiful Designs - 31Three - The Design Studio of Jesse Bennett-Chamberlain
  3. North x East
  4. Beautiful Designs - 12 Ways to Turn a Boring Post into Pure Gold at Weekly Articles About Blogging - NxE
  5. Youtilize.com
  6. Beautiful Designs - Youtilize.com - technology, web development and entrepreneurship
  7. Oaktree Creative
  8. Beautiful Designs - Oaktree Creative: The pixels, prose and portfolio of Chuck Mallott
  9. CodeIgniter
  10. Beautiful Designs - CodeIgniter - Open source PHP web application framework
  11. WebRevolutionary
  12. Beautiful Designs - WebRevolutionary — The semi-coherent ramblings of a web addict.
  13. Pop Labs
  14. Beautiful Designs - Search Marketing and Social Media Consulting - Pop Labs - Pop Labs
  15. Creative Binge
  16. Beautiful Designs - Creative Binge - Online Creative Portfolios
  17. Designwise Studios
  18. Beautiful Designs - Designwise Studios ~ Accessible, Simple, and Elegant Web Solutions
  19. Mike McFarlane Landscape Photography
  20. Beautiful Designs - Welcome - Mike McFarlane Landscape Photography
  21. Pearsonified
  22. Beautiful Designs - Best Damn Blog on the Planet — Pearsonified
  23. BlogMinistry
  24. Beautiful Designs - BlogMinistry

  25. html life
  26. Beautiful Designs - html life
  27. Devlounge
  28. Beautiful Designs - Devlounge : A resource for designers and developers
  29. Putput Comunicacions
  30. Beautiful Designs - Putput Comunicacions
  31. Savana webhosting
  32. Beautiful Designs - Savana webhosting - levný hosting s pohodlnou administrací
  33. Stoodeo
  34. Beautiful Designs - Website Development Services - Stoodeo
  35. Koder
  36. Beautiful Designs - Kodér - Domů | Vy designujete, my kódujeme do posledního detailu
  37. Tappity: Mobile Homepage
  38. Beautiful Designs - Tappity: Mobile Homepage
  39. WorkOne Central
  40. Beautiful Designs - WorkOne Central
  41. Rifidi | Software Defined RFID
  42. Beautiful Designs - Rifidi | Software Defined RFID
  43. Pixel House
  44. Beautiful Designs - Gold Coast Web Site Design - Pixel House
  45. ~ VEDA ~ Healthy Indian Takeout & Eatery
  46. Beautiful Designs - ~ VEDA ~ Healthy Indian Takeout & Eatery
  47. Gaby Lopez
  48. Beautiful Designs - Gaby Lopez
  49. Versions – Mac Subversion Client
  50. Beautiful Designs - Versions - Mac Subversion Client
  51. Ted Lermontov
  52. Beautiful Designs - Ted Lermontov : Web Designer
  53. Pozycjonowanie INHEAD Krakow
  54. Beautiful Designs - Pozycjonowanie INHEAD Kraków
  55. Sonze
  56. Beautiful Designs - Sonze
  57. Corporate Image
  58. Beautiful Designs - Corporate Image – Logo, Graphic Design, Website Development, Web Marketing Consultant, Melbourne, Sydney, Australia
  59. Frazier Media
  60. Beautiful Designs - Frazier Media
  61. KellerAdv
  62. Beautiful Designs - KellerAdv - Agenzia di Pubblicità  - Comunicazione - Marketing - Latina
  63. elan3.com
  64. Beautiful Designs - elan3.com : Tim Sears' blog and personal site of web and .NET development.
  65. Erratic Wisdom
  66. Beautiful Designs - Erratic Wisdom
  67. Design View / Andy Rutledge
  68. Beautiful Designs - Design View / Andy Rutledge
  69. Waggener Edstrom Worldwide
  70. Beautiful Designs - Home | Waggener Edstrom Consumer Group | Waggener Edstrom Worldwide

    Artwork Link

  71. EMS | Matthew Soriano
  72. Beautiful Designs - EMéS | The online portfolio of Matthew Soriano
  73. anixstudio.
  74. Beautiful Designs - anixstudio.
  75. Blues Sklep
  76. Beautiful Designs - Blues Sklep – Live Blues and Jazz music
  77. plasq.com
  78. Beautiful Designs - plasq.com - Main >
  79. sr28 Web Design
  80. Beautiful Designs - sr28 Web Design, Houston based Web Designer and Illustrator Simon Reynolds

    Remarkable Designs Link

  81. Warpspire
  82. Beautiful Designs - Warpspire: Web, Design and Code Geekery
  83. The 5th Avenue Theatre
  84. Beautiful Designs - Welcome to The 5th Avenue Theatre
  85. The Knowledge Well
  86. Beautiful Designs - The Knowledge Well
  87. Palm, Inc.
  88. Beautiful Designs - Palm, Inc., Your Destination for Handhelds, Mobile Managers, Smartphones, Accessories and Software Titles
  89. Dion.nu Design
  90. Beautiful Designs - Dion.nu Design | Dion's Weblog 3.0 | Weblog of Dion Kesling. Designer in Rotterdam, the Netherlands.
  91. FreeSwell Studios
  92. Beautiful Designs - FreeSwell Studios | Creative, Web Design and Development, Kailua Honolulu Oahu Hawaii
  93. Knoxville Life Church
  94. Beautiful Designs - Knoxville Life Church
  95. Footnote
  96. Beautiful Designs - Footnote - The place for original documents online
  97. FF Maria Raisenmarkt
  98. Beautiful Designs - FF Maria Raisenmarkt |www.ff-raisenmarkt.at|
  99. JoshLockhart.com
  100. Beautiful Designs - JoshLockhart.com | Effective Web Applications & Rapidweaver Themes

    Flash Designs Link

  101. Made by Mark Dearman
  102. Beautiful Designs - Made by Mark Dearman

    Further Design Showcases Link

    You can find more inspiration in the following showcases we’ve published before:

    1. 60 Elegant and Visually Appealing Designs
    2. Keep It Simple, Stupid! – the showcase of simple designs.
    3. 45 Fresh, Clean and Impressive Designs
    4. 30 Beautiful Dark Designs
    5. 50 Beautiful CSS-Based Designs in 2006
    Smashing Book #5

    Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

    ↑ Back to top Tweet itShare on Facebook

Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

Advertisement
  1. 1

    blah, blah, blah …
    Sorry but a lot of these designs are not very ‘inspirational’ at all plus I’m sure that you’ve featured quite a few of them already.

    0
  2. 2

    Vitaly Friedman & Sven Lennartz

    July 4, 2007 12:44 am

    @Digilee:

    thank you for your opinion. Could you explain your position? We haven’t featured any of these sites in our previous posts.

    0
  3. 3

    Although I love lists like this, I will agree that I am not very inspired by them either. It’s not just you, lately CSS Mania and The Best Design showcases have not been inspiring as well. Also a lot of these designs I have seen on those two showcases.

    I need something different, some that really inspires me. I know when I am inspired, because I will open up Fireworks and start to create something. None of these make me want to create something.

    But like I said it is not just you.

    0
  4. 4

    I agree with Digilee. You are just collecting lots of screenshots to create lists. The longer the better. Boring. These designs are good but not all of them exeptionally good. I mean: Look at the Skitch site. It is a nice product but the design of the site. Ah well …

    0
  5. 5

    Vitaly Friedman & Sven Lennartz

    July 4, 2007 1:12 am

    Thank you for your opinions.

    @Arne: it’s not about the list or the length of the lists. What we’ve tried to do with this post was to give our readers some more interesting points to get started from. We receive many e-mails in which our readers ask us for more inspirational stuff.

    Of course, design is subjective. And of course, you decide whether we’ve done our job well enough or not.

    0
  6. 6

    I agree and disagree… Some of these designs are quite nice. The one thing that bothers me is the reliance of Web designers on gradients/drop shadows/textured backgrounds. It seems like people believe throwing in one or two of these items automatically makes a design look good.

    0
  7. 7

    Randolph Valencia

    July 4, 2007 1:30 am

    Nice

    0
  8. 8

    Thx a lot for the list. Of course, you can’t find ALL of them VERY interesting, but at least few of them are very interessant.

    Thank you!

    0
  9. 9

    Great list as usual guys! You guys always put so much work into your posts and I’ve never posted a reply so I thought I’d take the opportunity to say thanks for all the hard work and keep it up!

    0
  10. 10

    Was a great list of clean, inspirational designs, right up to the point where you included Microsoft. There web presence is absolutely horrible and should only be included on such lists as what not to do.

    0
  11. 11

    Djurdjica Selec

    July 4, 2007 2:46 am

    Sorry guys….these are good as a gallery, but inspiration?
    Not one of them made me Open Link in New Tab…

    0
  12. 12

    Great list! Thanks for your works! My favorite design is CodeIgniter…

    0
  13. 13

    Awesome list !!! Beautiful Designs!

    0
  14. 14

    What percentage of these are fixed-width designs, and why does there seem to be a growing trend in that direction? Personally, I don’t really want to look at a page that is 750 pixels wide on my monitor that is 1920 pixels wide.

    0
  15. 15

    I have a lot of the first 1-44 sites bookmarked in my del.icio.us under a tag called inspiration. I really agree with Smashing on those designs, they are really inspiring.

    0
  16. 16

    I totally disagree with people saying that these aren’t inspirational! Just because they don’t make you run off to use Photoshop doesn’t mean that they wont prove useful in the future. I bookmark all these posts, and refer back to them when I have a site to build and I’m short of ideas.

    I appreciate the time and effort that the SM team put into these. I also find it fascinating to see what the current trend is for cutting-edge web design.

    I strongly suspect that many of the people who slam these posts (and CSS galleries too) only do so because they know that they can never create such stunning designs themselves.

    Keep them coming guys! :)

    0
  17. 17

    Agreed on every notion with the naysayers. This is a neat list somewhat just to look at. The only one I looked at was Microsoft, because let’s be honest, that design was came out of nowhere and the last time I bothered looking at their site was a good year ago.

    These designers took advantage of either a good background or a good picture and focus everything around it.

    The only thing that makes me inspired to code is when you start jumping into layered designs and I have to answer my own question of how do you do that?

    Most of these designs just offer a great structured layout, something anybody can really do. It’s the ones that make you think that should be called inspirational.

    0
  18. 18

    Nice collection! But if 60+ beautiful designs is not enough inspiration check out the largest design collection at http://www.screenalicio.us with more than 8900 screenshots.

    0
  19. 19

    Atomic Scrotum

    July 4, 2007 3:51 am

    Very nice. Lots of “2.0”-looking sites and the thumbnails make it easy to take it all in.

    A little inspiration to get the creative juices flowing on a beautiful, sunny afternoon when I should be outside…

    0
  20. 20

    The problem with 9/10 of these designs is that they are far too cluttered with a bunch of “pretty graphics” thrown about. When I see a site like that, it doesn’t encourage me away from clicking x on my Firefox tab anymore than a very badly designed website, because I immediately recognize the design was created by someone who thinks pretty little shiny stuff attracts me like a fish and I won’t find any more better content there than in most places.

    0
  21. 21

    Wow, rough crowd.
    I appreciate the list of sites, found many of them inspirational in one way or another and have bookmarked this page.

    Thank you!

    0
  22. 22

    Boring…
    Sorry to say, these are not very “inspirational” at all.
    I don’t mean to be overly nasty or negative, but I have to say I expect better from Smashing Magazine! I love Smashing Magazine… but this story really stinks. Where is the fun? Where is the variety? Where is the uniqueness? Well… where is the “inspiration”? This simply looks like a gallery of screen shots (and not too much variety at that).
    You just did something like this in May (https://www.smashingmagazine.com/2007/05/21/60-elegant-and-visually-appealling-designs/), why do it again so soon? The May story was a much better one!

    0
  23. 23

    I agree and disagree… Some of these designs are quite nice. The one thing that bothers me is the reliance of Web designers on gradients/drop shadows/textured backgrounds. It seems like people believe throwing in one or two of these items automatically makes a design look good.

    Quite a mixed bag; some of these are excellent, and some can only be described as plain-jane. If anything I’d say this list is more telling as a list of designs you personally enjoy, since there isn’t much deviation in basic structure between them, color-schemes are quite similar, and gradients are almost ever-present. Good inspiration if you’d like to make another site to fit in with the general look & feel here; it would have been nice to see some more wildly divergent layouts/color schemes/etc.

    0
  24. 24

    Thanks for the feature!

    0
  25. 25

    Thanks for another “smashing” list =o)

    This is my first post on here, despite looking around this site for a fair few months now, and the articles never cease to help or inspire.

    Keep it up!

    0
  26. 26

    memeandmeagain

    July 4, 2007 5:05 am

    This designs is too simple and boring. Check this http://www.artlebedev.com/everything/web/ . It is a best studio in whole world. Comments?

    0
  27. 27

    I love the list… Not very insperational? its a VERY nice list. those webpages present the content beautifully and inspire me.. If u want those crazy “insperational” sites go to http://www.thefwa.com. (I personally dont like most of them) Sites on this list is made for looking good and beeing easy to navigate and dont try to re-invent the wheel or something. Tommy

    0
  28. 28

    Excellent! Been looking for inspiration lately on a new project, thanks to you I’ve found some!

    0
  29. 29

    Excellent list, thanks for that..

    0
  30. 30

    It’s a good list guys, even if it only gives you a few ideas, that’s better than nothing at all. Great as always

    0

↑ Back to top