Inspiration Package: 60+ 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:
80+ Elegant and Usable Designs

1. 31Three2

Beautiful Designs - 31Three - The Design Studio of Jesse Bennett-Chamberlain3

2. North x East4

Beautiful Designs - 12 Ways to Turn a Boring Post into Pure Gold at Weekly Articles About Blogging - NxE5

3. Youtilize.com6

Beautiful Designs - Youtilize.com - technology, web development and entrepreneurship7

4. Oaktree Creative8

Beautiful Designs - Oaktree Creative: The pixels, prose and portfolio of Chuck Mallott9

5. CodeIgniter10

Beautiful Designs - CodeIgniter - Open source PHP web application framework11

6. WebRevolutionary12

Beautiful Designs - WebRevolutionary — The semi-coherent ramblings of a web addict.13

7. Pop Labs14

Beautiful Designs - Search Marketing and Social Media Consulting - Pop Labs - Pop Labs15

8. nPanorama.ru16

Beautiful Designs - 17

9. Creative Binge18

Beautiful Designs - Creative Binge - Online Creative Portfolios19

10. Designwise Studios20

Beautiful Designs - Designwise Studios ~ Accessible, Simple, and Elegant Web Solutions21

11. Mike McFarlane Landscape Photography22

Beautiful Designs - Welcome - Mike McFarlane Landscape Photography23

12. Pearsonified24

Beautiful Designs - Best Damn Blog on the Planet — Pearsonified25

13. BlogMinistry

Beautiful Designs - BlogMinistry

14. html life26

Beautiful Designs - html life27

15. Infected-FX28

Beautiful Designs - Infected-FX | tutoriales, photoshop brushes y recursos para diseñadores web29

16. Devlounge30

Beautiful Designs - Devlounge : A resource for designers and developers31

17. Putput Comunicacions32

Beautiful Designs - Putput Comunicacions33

18. Savana webhosting34

Beautiful Designs - Savana webhosting - levný hosting s pohodlnou administrací35

19. Infekta36

Beautiful Designs - Infekta - Home37

20. Stoodeo38

Beautiful Designs - Website Development Services - Stoodeo39

21. Microsoft Corporation40

Beautiful Designs - Microsoft Corporation41

22. Koder42

Beautiful Designs - Kodér - Domů | Vy designujete, my kódujeme do posledního detailu43

23. Tappity: Mobile Homepage44

Beautiful Designs - Tappity: Mobile Homepage45

24. WorkOne Central46

Beautiful Designs - WorkOne Central47

25. Rifidi | Software Defined RFID48

Beautiful Designs - Rifidi | Software Defined RFID49

26. Pixel House50

Beautiful Designs - Gold Coast Web Site Design - Pixel House51

27. ~ VEDA ~ Healthy Indian Takeout & Eatery52

Beautiful Designs - ~ VEDA ~ Healthy Indian Takeout & Eatery53

28. Gaby Lopez54

Beautiful Designs - Gaby Lopez55

29. Versions – Mac Subversion Client56

Beautiful Designs - Versions - Mac Subversion Client57

30. Ted Lermontov58

Beautiful Designs - Ted Lermontov : Web Designer59

31. Pozycjonowanie INHEAD Krakow60

Beautiful Designs - Pozycjonowanie INHEAD Kraków61

32. WorkHabit.org62

Beautiful Designs - WorkHabit.org63

33. Sonze64

Beautiful Designs - Sonze65

34. Corporate Image66

Beautiful Designs - Corporate Image – Logo, Graphic Design, Website Development, Web Marketing Consultant, Melbourne, Sydney, Australia67

35. Frazier Media68

Beautiful Designs - Frazier Media69

36. KellerAdv 70

Beautiful Designs - KellerAdv - Agenzia di Pubblicità  - Comunicazione - Marketing - Latina71

37. Made by Cocoon72

Beautiful Designs - Welcome to Made by Cocoon | Made by Cocoon73

38. elan3.com74

Beautiful Designs - elan3.com : Tim Sears' blog and personal site of web and .NET development.75

39. Erratic Wisdom76

Beautiful Designs - Erratic Wisdom77

40. Design View / Andy Rutledge78

Beautiful Designs - Design View / Andy Rutledge79

41. Systima Technology80

Beautiful Designs - Systima Technology - Creative Solutions on the Isle of Wight81

42. Eden Creative Communities82

Beautiful Designs - Eden Creative Communities83

43. Pownce84

Beautiful Designs - Pownce85

44. Waggener Edstrom Worldwide86

Beautiful Designs - Home | Waggener Edstrom Consumer Group | Waggener Edstrom Worldwide87

45. WallCandyArt88

Beautiful Designs - WallCandyArt89

Artwork

46. EMS | Matthew Soriano90

Beautiful Designs - EMéS | The online portfolio of Matthew Soriano91

47. anixstudio.92

Beautiful Designs - anixstudio.93

48. Blues Sklep94

Beautiful Designs - Blues Sklep – Live Blues and Jazz music95

49. plasq.com96

Beautiful Designs - plasq.com - Main >97

50. sr28 Web Design98

Beautiful Designs - sr28 Web Design, Houston based Web Designer and Illustrator Simon Reynolds99

Remarkable Designs

51. Warpspire100

Beautiful Designs - Warpspire: Web, Design and Code Geekery101

52. MacZone102

Beautiful Designs - MacZone - prvý a najväčší on-line obchod pre celú platformu Mac103

53. The 5th Avenue Theatre104

Beautiful Designs - Welcome to The 5th Avenue Theatre105

54. The Knowledge Well106

Beautiful Designs - The Knowledge Well107

55. Palm, Inc.108

Beautiful Designs - Palm, Inc., Your Destination for Handhelds, Mobile Managers, Smartphones, Accessories and Software Titles109

56. Dion.nu Design110

Beautiful Designs - Dion.nu Design | Dion's Weblog 3.0 | Weblog of Dion Kesling. Designer in Rotterdam, the Netherlands.111

57. FreeSwell Studios112

Beautiful Designs - FreeSwell Studios | Creative, Web Design and Development, Kailua Honolulu Oahu Hawaii113

58. Knoxville Life Church114

Beautiful Designs - Knoxville Life Church115

59. Startup Search116

Beautiful Designs - Startup Search. Directory of web technology startups.117

60. Footnote118

Beautiful Designs - Footnote - The place for original documents online119

61. troovy120

Beautiful Designs - troovy | the world just got a bit smaller.121

62. FF Maria Raisenmarkt122

Beautiful Designs - FF Maria Raisenmarkt |www.ff-raisenmarkt.at|123

63. JoshLockhart.com124

Beautiful Designs - JoshLockhart.com | Effective Web Applications & Rapidweaver Themes125

Flash Designs

64. Made by Mark Dearman126

Beautiful Designs - Made by Mark Dearman127

Further Design Showcases

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

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-rss.php
  2. 2 http://31three.com/
  3. 3 http://31three.com/
  4. 4 http://northxeast.com/blogging/12-ways-to-turn-a-boring-post-into-pure-gold/
  5. 5 http://northxeast.com/blogging/12-ways-to-turn-a-boring-post-into-pure-gold/
  6. 6 http://www.youtilize.com/
  7. 7 http://www.youtilize.com/
  8. 8 http://www.oaktreecreative.com/
  9. 9 http://www.oaktreecreative.com/
  10. 10 http://codeigniter.com/
  11. 11 http://codeigniter.com/
  12. 12 http://webrevolutionary.com/
  13. 13 http://webrevolutionary.com/
  14. 14 http://poplabs.com/
  15. 15 http://poplabs.com/
  16. 16 http://www.npanorama.ru/apartments/
  17. 17 http://www.npanorama.ru/apartments/
  18. 18 http://www.creativebinge.com/
  19. 19 http://www.creativebinge.com/
  20. 20 http://www.designwisestudios.com/
  21. 21 http://www.designwisestudios.com/
  22. 22 http://www.mikemcfarlane.co.uk/
  23. 23 http://www.mikemcfarlane.co.uk/
  24. 24 http://www.pearsonified.com/
  25. 25 http://www.pearsonified.com/
  26. 26 http://www.htmllife.com/
  27. 27 http://www.htmllife.com/
  28. 28 http://www.infectedfx.net/
  29. 29 http://www.infectedfx.net/
  30. 30 http://devlounge.net/
  31. 31 http://devlounge.net/
  32. 32 http://putput.cat/
  33. 33 http://putput.cat/
  34. 34 http://www.savana.cz/
  35. 35 http://www.savana.cz/
  36. 36 http://www.infekta.si/
  37. 37 http://www.infekta.si/
  38. 38 http://www.stoodeo.com/
  39. 39 http://www.stoodeo.com/
  40. 40 http://www.microsoft.com/en/us/default.aspx
  41. 41 http://www.microsoft.com/en/us/default.aspx
  42. 42 http://www.koder.cz/
  43. 43 http://www.koder.cz/
  44. 44 http://www.tappity.com/
  45. 45 http://www.tappity.com/
  46. 46 http://www.workonecentral.org/
  47. 47 http://www.workonecentral.org/
  48. 48 http://www.rifidi.org/
  49. 49 http://www.rifidi.org/
  50. 50 http://www.pixel-house.com.au/
  51. 51 http://www.pixel-house.com.au/
  52. 52 http://www.vedatakeout.com/
  53. 53 http://www.vedatakeout.com/
  54. 54 http://www.gabylopez.com/
  55. 55 http://www.gabylopez.com/
  56. 56 http://www.versionsapp.com/
  57. 57 http://www.versionsapp.com/
  58. 58 http://www.tedler.com/
  59. 59 http://www.tedler.com/
  60. 60 http://www.inhead.pl/
  61. 61 http://www.inhead.pl/
  62. 62 http://www.workhabit.org/
  63. 63 http://www.workhabit.org/
  64. 64 http://www.sonze.com/
  65. 65 http://www.sonze.com/
  66. 66 http://www.cidesign.com.au/
  67. 67 http://www.cidesign.com.au/
  68. 68 http://www.fraziermedia.com/
  69. 69 http://www.fraziermedia.com/
  70. 70 http://kelleradv.it/
  71. 71 http://kelleradv.it/
  72. 72 http://madebycocoon.com/
  73. 73 http://madebycocoon.com/
  74. 74 http://www.elan3.com/
  75. 75 http://www.elan3.com/
  76. 76 http://www.erraticwisdom.com/
  77. 77 http://www.erraticwisdom.com/
  78. 78 http://www.andyrutledge.com/
  79. 79 http://www.andyrutledge.com/
  80. 80 http://www.systima-technology.co.uk/
  81. 81 http://www.systima-technology.co.uk/
  82. 82 http://eden.cc/
  83. 83 http://eden.cc/
  84. 84 http://pownce.com/
  85. 85 http://pownce.com/
  86. 86 http://www.waggeneredstromconsumer.com/
  87. 87 http://www.waggeneredstromconsumer.com/
  88. 88 http://www.wallcandyart.co.uk/
  89. 89 http://www.wallcandyart.co.uk/
  90. 90 http://www.emesstyle.com/
  91. 91 http://www.emesstyle.com/
  92. 92 http://www.anixstudio.com/
  93. 93 http://www.anixstudio.com/
  94. 94 http://www.bluessklep.cz/
  95. 95 http://www.bluessklep.cz/
  96. 96 http://plasq.com/
  97. 97 http://plasq.com/
  98. 98 http://www.sr28.com/
  99. 99 http://www.sr28.com/
  100. 100 http://warpspire.com/
  101. 101 http://warpspire.com/
  102. 102 http://maczone.sk/uvod
  103. 103 http://maczone.sk/uvod
  104. 104 http://www.5thavenue.org/
  105. 105 http://www.5thavenue.org/
  106. 106 http://www.robgoodlatte.com/portfolio/sites/KW/
  107. 107 http://www.robgoodlatte.com/portfolio/sites/KW/
  108. 108 http://www.palm.com/us/
  109. 109 http://www.palm.com/us/
  110. 110 http://weblog.dion.nu/
  111. 111 http://weblog.dion.nu/
  112. 112 http://www.freeswell.com/
  113. 113 http://www.freeswell.com/
  114. 114 http://www.knoxlife.org/
  115. 115 http://www.knoxlife.org/
  116. 116 http://www.startupsearch.org/
  117. 117 http://www.startupsearch.org/
  118. 118 http://www.footnote.com/
  119. 119 http://www.footnote.com/
  120. 120 http://www.troovy.com/
  121. 121 http://www.troovy.com/
  122. 122 http://ff-raisenmarkt.at/
  123. 123 http://ff-raisenmarkt.at/
  124. 124 http://www.joshlockhart.com/
  125. 125 http://www.joshlockhart.com/
  126. 126 http://www.markdearman.com/
  127. 127 http://www.markdearman.com/
  128. 128 http://www.smashingmagazine.com/2007/05/21/60-elegant-and-visually-appealling-designs/
  129. 129 http://www.smashingmagazine.com/2007/03/26/keep-it-simple-stupid-showcase-of-simple-and-clean-designs/
  130. 130 http://www.smashingmagazine.com/2007/03/05/45-fresh-clean-and-impressive-designs/
  131. 131 http://www.smashingmagazine.com/2007/01/13/30-dark-designs-you-shouldve-seen/
  132. 132 http://www.smashingmagazine.com/2006/12/19/50-beautiful-css-based-web-designs-in-2006/

↑ Back to top Tweet itShare on Facebook

Co-Founder and former CEO of Smashing Magazine. Sven is now writing Science Fiction Stories and looking for a publisher ...

Advertisement
  1. 1

    I hate to join the nay-sayers, but I have to agree that I didn’t find much inspiration in this list.

    So many of them look the same, and the ones that are unique have little to do with the design of the site and more to do with the use of a great photo.

    1
  2. 102

    Muy bonitos, creo que tendré que utilizar algunos de esos diseños. Jajaja :)
    Gracias..

    0
  3. 203

    Its a nice list and huge list.
    Sites are cool but I was tired of scrolling the page to button hehe.

    0
  4. 304

    Alex #43, thanks for your comments; you expressed my thoughts on this issue in a more articulate way than I’d ever be able to!

    0
  5. 405

    Rajesh Talageri

    July 17, 2007 3:13 pm

    This is awesome! The most comprehensive list of inspiring designs. Thank you God! :)

    0
  6. 506

    Dragoslav Lazarevic

    July 18, 2007 10:56 pm

    Really great job. Design is subjective, but some of those sites are among best on web. Once again, great job!!!

    0
  7. 607

    Dragoslav Lazarevic

    July 18, 2007 11:06 pm

    Great job. Design is subjective, but some of those sites are among the best on internet. Not all, however, and no one expected that. Some of them are really inspirational. Once again, great job!

    0
  8. 708

    Cool web sites!
    tks

    0
  9. 809

    I Think the sites looks great . . but yeah after zooming in a couple of them, they look very much the same yeah . . . sometimes i got a feeling that everyone is kinda copying . . the web 2.0 hype probably:

    1. Drop shadows
    2. shiny plastic . . on . . yeah like everything you can imagine?

    0
  10. 910

    I really, really like it. Thank god someone is showcasing clean, light, functional, well-designed css sites for once !

    If I see anymore ‘flash’ sites I’m going to explode. Those things have no place on the web if you ask me. They’re clunky, over-designed and impervious to indexing …

    Good work guys ! :-) Keep it up …

    0
  11. 1011

    I’m not in the design industry, but I am looking for a clean and simple design for a site that I’d like to have built for my small LLC. Finding a designer who isn’t obsessed with dazzle and overstimulation has been difficult, so this post is encouraging (as are some of the responses). Perhaps someone knows a designer who needs some experience and has a has an interest in designing for me. Drop a line: TheMsMack.@mac.com

    0
  12. 1112

    This is great, thanks

    0
  13. 1213

    I honestly am getting bored with this web 2.0 style… Almost all of these sites look like they have been made by the same designer. They are so similar and boring.

    I mean don’t get me wrong, they are all well made and everything, but none of them is very inspiring…

    0
  14. 1314

    themegarden.org

    August 2, 2007 5:53 pm

    Nice collection.
    Probably, I would choose some others, but it’s a question about taste.

    Really useful, thanks.

    0
  15. 1415

    Christopher James

    August 10, 2007 7:59 am

    Ok, I just gotta say one thing; Wow… How many people that actually “complained” on this topic about how “Not Inspirational” these designs are… When in fact they all complained about the same thing (Layout). However, inspriation is more than just a layout and css and bla bla bla. It can be colors, icons, text, colors of headers and fonts used. Now lets just say, 60 designs, each having different icons, different fonts, layouts, colors and yet people can say they found “no inspiration” from them? With all that said, I dont think its a matter of being inspired at all, its more of a matter of being rude or “I can do better” but cant back it up with proof.

    Sincerely,

    Christopher James

    0
  16. 1516

    These designs are OK, but I agree with those who have suggested that the [i]primary[/i] importance placed on the notions “web standards” and “web2.0 style” agendas is now producing some very bland, joyless, unoriginal, albeit proficient sites.

    0
  17. 1617

    Great! I learned a lot here all the time!

    0
  18. 1718

    Wow!, amazin stuff, thank you, guys!

    0
  19. 1819

    I think some of these are really great with nice attention to detail, but some are rather bland.
    Most actually look better in the screenshot than they do in the live site.
    Just my opinion….. :)

    0
  20. 1920

    Wonderful. Just beatifull templates. Congratulations!

    0
  21. 2021

    very nice article love the design

    0
  22. 2122

    Just one question: how do you decide all of the above websites are usable?

    0
  23. 2223

    felicitaciones por la busqueda de paginas, estan muy buenas, paginas como estas amplian el mundo de los diseñadores web, muchas gracias por compartir este conocimiento tan especifico, sigan asi.

    0
  24. 2324

    cool ones…really awesome designs

    0
  25. 2425

    One word that describes them best: BEAUTIFUL

    0
  26. 2526

    Thanks! :)

    0
  27. 2627

    SUCESSO !…, ABRAÇOS. BOKA.

    0
  28. 2728

    Great Work! Really great job. Thanks for Sharing
    Freelance Web Designer

    0
  29. 2829

    Cool Staff , I Like it !

    regards,
    Ahmed Rabieh

    0
  30. 2930

    Muy bueno todoo

    0
  31. 3031

    It is always good to find articles like this…. very interesting.

    0

↑ Back to top