60 Elegant and Visually Appealing Designs

Advertisement

It’s quite easy to get stuck in creativity blocks, but it’s damn hard to get out of them. Particularly if you are out of time and don’t want to compromise your professional principles selecting the first “quick-n-dirty” solution you can think of. To get things done, you need inspiration and creative thinking. You need fresh ideas and elegant approaches. And you need to be able to find them as quick as it is possible. Handy references and examples are therefore both useful and enjoyable – after all, who can resist gorgeous, professional, elegant and visually appealing designs?

We’ve selected some of them. In an overview below you’ll find 60 fresh, elegant, professional and visually appealing designs, which pay close attention to details and manage to remain simple, user-friendly and nice-looking.

You might be interested in taking a look at design showcases we’ve published before:

Please feel free to comment upon the selected designs: nothing is more important to us than constructive criticism from your side.

Elegant Designs Link

1. Tomáš Ledba _ grafický design _ web design _ corporate identity6

Solid and Serious Designs - Tomáš Ledba _ grafický design _ web design _ corporate identity7

2. Intype8

Solid and Serious Designs - Intype9

3. BigFilebox10

Solid and Serious Designs - BigFilebox11

4. FreelanceSwitch12

Solid and Serious Designs - Advice, Tips, Community, Resource and Jobs for Freelancers - FreelanceSwitch13

5. FluidBook14

Solid and Serious Designs - FLUIDBOOK - Catalogue interactif, brochure en ligne - Online catalogue, interactive brochure15

6. Panic – Coda – One-Window Web Development for Mac OS X16

Solid and Serious Designs - Panic - Coda - One-Window Web Development for Mac OS X17

7. boo-box, as simple as that…18

Solid and Serious Designs - boo-box, as simple as that...19

8. Future of Web Apps20

Solid and Serious Designs - Future of Web Apps21

9. Freshview – Refreshingly Simple Software22

Solid and Serious Designs - Freshview - Refreshingly Simple Software23

10. Welcome to Revyver.24

Solid and Serious Designs - Welcome to Revyver.25

11. allpaymedia.com | Welcome26

Solid and Serious Designs - allpaymedia.com | Welcome27

12. Stuff and Nonsense28

Solid and Serious Designs - Stuff and Nonsense | Creative web site design specialists based in North Wales, UK29

13. StyleSpion30

Solid and Serious Designs - StyleSpion - Einrichten, Lifestyle, Einrichtungstipps, Wohndesign, selber machen, Design und Musik31

14. Online Portfolio of Vijay S Nair

Solid and Serious Designs - Online Portfolio of Vijay S Nair - Interactive Media Designer - Based in Bangalore, India

15. Svenigson™ – Yes, a Blog Kind of Thingy32

Solid and Serious Designs - Svenigson™ - Yes, a Blog Kind of Thingy33

16. Iconkits.com34

Solid and Serious Designs - Iconkits.com | Premier Stock Icons At Affordable Prices35

17. The Big Noob36

Solid and Serious Designs - The Big Noob37

18. Cómete Mallorca38

Solid and Serious Designs - Cómete Mallorca - Recomendaciones. Restaurantes. Fiestas. » recomienda tu sitio favorito como si fuese a un amigo.39

19. DNA 11 – From Life Comes Art.40

Solid and Serious Designs - DNA 11 - From Life Comes Art. DNA art, DNA portraits, personalized art, fingerprint art41

20. smashLAB42

Solid and Serious Designs - smashLAB - Simply great websites43

21. Playground Blues44

Solid and Serious Designs - Playground Blues45

22. Design Workflows at Work: How Top Designers Work Their Magic46

Solid and Serious Designs - Design Workflows at Work: How Top Designers Work Their Magic47

23. Idécollection – effektiva golv för din miljö48

Solid and Serious Designs - Idécollection – effektiva golv för din miljö49

24. Elliot Jay Stocks50

Solid and Serious Designs - Elliot Jay Stocks51

25. the Geniant blog52

Solid and Serious Designs - the Geniant blog53

26. North x East54

Solid and Serious Designs - Web Business with North x East55

Selected Designs Link

27. blog.critical | Andy Pearson56

Solid and Serious Designs - blog.critical | Thoughts on The Web, Design, Gaming, Apple and Life by Andy Pearson57

28. Chris Shiflett: PHP and Web Application Security58

Solid and Serious Designs - Chris Shiflett: PHP and Web Application Security59

29. inspired web – affordable web design, marketing and hosting on the gold coast australia60

Solid and Serious Designs - inspired web - affordable web design, marketing and hosting on the gold coast australia61

30. Nitram+Nunca62

Solid and Serious Designs - Nitram+Nunca63

31. unFortunate – Cookies Not Included.64

Solid and Serious Designs - unFortunate - Cookies Not Included.65

32. 3daysafter — Journal of Rian Triharyana66

Solid and Serious Designs - 3daysafter — Journal of Rian Triharyana — Indonesian Web Developer67

33. Krabi & Mask68

Solid and Serious Designs - Krabi & Mask69

34. OkapiStudio70

Solid and Serious Designs - OkapiStudio71

35. Reise-Community globalzoo.de72

Solid and Serious Designs - Reise-Community, Reise-Blog, Reisepartner und mehr. globalzoo.de73

36. OUTLINE to DESIGN74

Solid and Serious Designs - OUTLINE to DESIGN service. What You Need Is What You Get. Web, Identity, Print Design Which Meets Expectations.75

37. Immo Varro vastgoedmakelaar76

Solid and Serious Designs - Immo Varro vastgoedmakelaar77

38. Webdesign, Usability, Grafik und Design – Kai Müller78

Solid and Serious Designs - Webdesign, Usability, Grafik und Design - Blog und Portfolio des Webdesigner Kai Müller, Köln79

39. Jonathan – Snook.ca80

Solid and Serious Designs - Jonathan - Snook.ca81

40. Breeze82

Solid and Serious Designs - Home | Breeze - Create and send amazing email campaigns83

41. The TLC84

Solid and Serious Designs - The TLC85

42. Jogger.pl – bloguj przez Jabbera86

Solid and Serious Designs - Jogger.pl - bloguj przez Jabbera87

43. Global Moxie :: The Hypertext Laboratory of Josh Clark88

Solid and Serious Designs - Global Moxie :: The Hypertext Laboratory of Josh Clark89

44. Quo Consulting90

Solid and Serious Designs - Quo Consulting — branding, advertising, web design and e-business solutions and applications91

45. mezzoblue92

Solid and Serious Designs - mezzoblue § Home93

46. Mala krcma Skalinada | Volosko94

Solid and Serious Designs - Mala krcma Skalinada | Volosko95

47. Period Three96

Solid and Serious Designs - Period Three - simple web design and development. // Home97

48. Express4J – The Lightweight & Flexible UI Framework98

Solid and Serious Designs - Express4J - The Lightweight & Flexible UI Framework99

49. Tony2Nice – Once ate dog food to see how crunchy it was (hint: very)100

Solid and Serious Designs - Tony2Nice - Once ate dog food to see how crunchy it was (hint: very)101

50. Spouse Notes – Submitted by Apollo Loose102

Solid and Serious Designs - Spouse Notes - Submitted by Apollo Loose103

51. elixir graphics | professional rapidweaver themes104

Solid and Serious Designs - elixir graphics | professional rapidweaver themes105

52. ErgonoMind106

Solid and Serious Designs - ErgonoMind®, Agence de développement de site et d'application Web. ergonomie internet ihm intranet mobile interface logiciel conseil etudes sites web utilisateur utilisation designer web design ergonome 19/05/2007 03:20:04107

53. Nathan Carnes – Bellingham, WA Website Development and Graphic Design108

Solid and Serious Designs - Nathan Carnes – Bellingham, WA Website Development and Graphic Design109

54. nclud | Our Work110

Solid and Serious Designs - nclud | Our Work111

55. EUtelNet :: Web design and development ::112

Solid and Serious Designs - EUtelNet :: Web design and development ::113

56. Welcome to Buzz — Buzz Recruitment114

Solid and Serious Designs - Welcome to Buzz — Buzz Recruitment115

57. None-Design Media | Webdesign Recklinghausen116

Solid and Serious Designs - None-Design Media | Webdesign Recklinghausen117

58. Bistrian Iosip’s Blog118

Solid and Serious Designs - Bistrian Iosip's Blog119

Flash Link

59. WeSC – Let’s Get Physical120

Solid and Serious Designs - WeSC - Let's Get Physical121

60. Merten Snijders, Mhq Interactive 2007.122

Solid and Serious Designs - Merten Snijders, Mhq Interactive 2007.123

Footnotes Link

  1. 1 http://www.smashingmagazine.com/2007/03/26/keep-it-simple-stupid-showcase-of-simple-and-clean-designs/
  2. 2 http://www.smashingmagazine.com/2006/12/19/50-beautiful-css-based-web-designs-in-2006/
  3. 3 http://www.smashingmagazine.com/2007/03/05/45-fresh-clean-and-impressive-designs/
  4. 4 http://www.smashingmagazine.com/2007/01/13/30-dark-designs-you-shouldve-seen/
  5. 5 http://www.smashingmagazine.com/2007/04/26/11-almost-perfect-business-layouts/
  6. 6 http://www.tomas-design.com/
  7. 7 http://www.tomas-design.com/
  8. 8 http://intype.info/home/index.php
  9. 9 http://intype.info/home/index.php
  10. 10 http://www.bigfilebox.com/
  11. 11 http://www.bigfilebox.com/
  12. 12 http://freelanceswitch.com/
  13. 13 http://freelanceswitch.com/
  14. 14 http://www.fluidbook.com/
  15. 15 http://www.fluidbook.com/
  16. 16 http://www.panic.com/coda/
  17. 17 http://www.panic.com/coda/
  18. 18 http://www.boo-box.com/html/en/
  19. 19 http://www.boo-box.com/html/en/
  20. 20 http://www.futureofwebapps.com/
  21. 21 http://www.futureofwebapps.com/
  22. 22 http://www.freshview.com/
  23. 23 http://www.freshview.com/
  24. 24 http://revyver.com/
  25. 25 http://revyver.com/
  26. 26 http://www.allpaymedia.com/
  27. 27 http://www.allpaymedia.com/
  28. 28 http://www.stuffandnonsense.co.uk/
  29. 29 http://www.stuffandnonsense.co.uk/
  30. 30 http://stylespion.de/
  31. 31 http://stylespion.de/
  32. 32 http://svenigson.com/
  33. 33 http://svenigson.com/
  34. 34 http://iconkits.com/
  35. 35 http://iconkits.com/
  36. 36 http://www.thebignoob.com/
  37. 37 http://www.thebignoob.com/
  38. 38 http://www.cometemallorca.com/
  39. 39 http://www.cometemallorca.com/
  40. 40 http://www.dna11.com/
  41. 41 http://www.dna11.com/
  42. 42 http://www.smashlab.com/
  43. 43 http://www.smashlab.com/
  44. 44 http://www.playgroundblues.com/
  45. 45 http://www.playgroundblues.com/
  46. 46 http://designworkflows.com/
  47. 47 http://designworkflows.com/
  48. 48 http://www.idecollection.se/
  49. 49 http://www.idecollection.se/
  50. 50 http://www.elliotjaystocks.com/blog/
  51. 51 http://www.elliotjaystocks.com/blog/
  52. 52 http://geniantsandbox.com/
  53. 53 http://geniantsandbox.com/
  54. 54 http://northxeast.com/
  55. 55 http://northxeast.com/
  56. 56 http://blog.criticalwebdesign.co.uk/
  57. 57 http://blog.criticalwebdesign.co.uk/
  58. 58 http://shiflett.org/
  59. 59 http://shiflett.org/
  60. 60 http://www.inspiredweb.com.au/
  61. 61 http://www.inspiredweb.com.au/
  62. 62 http://nitram-nunca.com/
  63. 63 http://nitram-nunca.com/
  64. 64 http://itsunfortunate.com/
  65. 65 http://itsunfortunate.com/
  66. 66 http://3daysafter.net/
  67. 67 http://3daysafter.net/
  68. 68 http://www.krabi.ee/
  69. 69 http://www.krabi.ee/
  70. 70 http://www.okapistudio.com/
  71. 71 http://www.okapistudio.com/
  72. 72 http://www.globalzoo.de/
  73. 73 http://www.globalzoo.de/
  74. 74 http://www.outline2design.com/
  75. 75 http://www.outline2design.com/
  76. 76 http://www.immovarro.be/
  77. 77 http://www.immovarro.be/
  78. 78 http://kaimueller.org/
  79. 79 http://kaimueller.org/
  80. 80 http://snook.ca/jonathan/
  81. 81 http://snook.ca/jonathan/
  82. 82 http://www.feelbreeze.com/
  83. 83 http://www.feelbreeze.com/
  84. 84 http://thetlc.org.uk/
  85. 85 http://thetlc.org.uk/
  86. 86 http://jogger.pl/
  87. 87 http://jogger.pl/
  88. 88 http://beta.bigmedium.com/
  89. 89 http://beta.bigmedium.com/
  90. 90 http://www.quo.com.au/
  91. 91 http://www.quo.com.au/
  92. 92 http://mezzoblue.com/
  93. 93 http://mezzoblue.com/
  94. 94 http://www.skalinada.org/
  95. 95 http://www.skalinada.org/
  96. 96 http://www.period-three.com/
  97. 97 http://www.period-three.com/
  98. 98 http://www.express4j.org/
  99. 99 http://www.express4j.org/
  100. 100 http://tony2nice.com/
  101. 101 http://tony2nice.com/
  102. 102 http://spousenotes.com/
  103. 103 http://spousenotes.com/
  104. 104 http://www.elixirgraphics.com/
  105. 105 http://www.elixirgraphics.com/
  106. 106 http://www.ergonomind.com/
  107. 107 http://www.ergonomind.com/
  108. 108 http://www.nathancarnes.com/
  109. 109 http://www.nathancarnes.com/
  110. 110 http://www.nclud.com/work/
  111. 111 http://www.nclud.com/work/
  112. 112 http://www.eutelnet.biz/indexe.php
  113. 113 http://www.eutelnet.biz/indexe.php
  114. 114 http://www.buzzrecruitment.co.nz/
  115. 115 http://www.buzzrecruitment.co.nz/
  116. 116 http://www.none-design.de/
  117. 117 http://www.none-design.de/
  118. 118 http://blog.bistrianiosip.com/
  119. 119 http://blog.bistrianiosip.com/
  120. 120 http://www.wesc.com/letsgetphysical/
  121. 121 http://www.wesc.com/letsgetphysical/
  122. 122 http://www.mhq.nl/
  123. 123 http://www.mhq.nl/

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

Advertisement
  1. 1

    Stunning list!
    I adore the minimal approach to design evident in some of these sites.

    0
  2. 2

    Dmytro Shteflyuk

    May 21, 2007 9:16 pm

    That’s great! Thank you so much for your amazing job!

    I really love solution with menu in 60, lightness of the first, style of 51, woman on 16 :-), and just great design 28.

    0
  3. 3

    Wohooo… thanks for including my site :)

    0
  4. 4

    great list!! as always

    0
  5. 5

    is so beautiful~~@@

    0
  6. 6

    Very nice compilation. Love smashingmagazine! Keep the good job.

    0
  7. 7

    Some of the designs don’t match my taste. Number 44 for example, the brown design of Quo Consulting has neither a good color, nor do I like the color-in-color approach.

    On the other hand, other designs listed here are stunning.
    Thanks for this list!

    0
  8. 8

    Nice list – thank you. Have really enjoyed this blog since finding it last year – keep up the great work!

    David

    0
  9. 9

    Thank you for including not only one, but two of my sites.

    0
  10. 10

    more quality then last time! last is my favorite …

    0
  11. 11

    @andy: Interesting; the brown-on-brown Quo site was one of my favorites. One man’s junk and all that. Now I just wish anything I tried to put together looked like these!

    0
  12. 12

    Paweł Kata (Oszczędzanie pieniędzy)

    May 22, 2007 12:01 am

    Wow! Polish Jogger is on the list! Way to go! :-D

    0
  13. 13

    There are some pretty good pieces of work listed here, many of which I’ve come across already. It’s pretty amazing what people are doing with design and CSS on the web these days.

    One note, your screenshot of Elixir didn’t quite finish loading it seems (the middle image is not complete).

    0
  14. 14

    A good list, but you forgot one: http://www.bmindful.com/

    0
  15. 15

    57. Nonedesign is a semi-blatant copy of http://www.astheria.com :/

    0
  16. 16

    Great list, I really love some of the minimalist designs you have listed. Thanks for all the work!

    0
  17. 17

    Awesome list!

    And Jogger! Congratulations to Rid. ^^

    0
  18. 18

    AWesome list, awesome designs! ;)
    And awesome Riddle and his Jogger.pl :D

    0
  19. 19

    Thanks for including my site. I’m very excited

    0
  20. 20

    Thank you for the great overview. There are some great designs. A fresh design that I also like is

    0
  21. 21

    I stopped paying attention after I saw that 7 out of the first 10 sites had that horrible Web 2.0-licious lime green color (or some variant of it) as a key element.

    Seriously, why does every site these days have to use that? It’s painful.

    0
  22. 22

    These are breathtaking. Well done!

    0
  23. 23

    Fantasic Article again, Dugg!

    I love the new direction that people are taking, with the ability to design at 1000px there is so much more ‘pop!’ that people can do!

    Great list!

    0
  24. 24

    http://www.feelbreeze.com/pricing is pretty close to http://campaignmonitor.com/pricing/ (especially the copy)

    even the application screens look the same… is Campaign Monitor licensing their product now?

    0
  25. 25

    Daniel Anderson Tiecher

    May 22, 2007 3:41 am

    Most of the sites listed in the articles are stunning and some of them are simply mind-blowing! I wish I have the skills needed to create sites like these. Guess I’ll have to stick with coding, eh?

    Great article, BTW.

    0
  26. 26

    Carlos Magaña

    May 22, 2007 4:00 am

    Great! you are great looking good designs, I was needed some of inspiration, this was very usefull

    0
  27. 27

    Great post.

    0
  28. 28

    Dmytro Shteflyuk

    May 22, 2007 4:35 am

    2bill: Because they look good. Very clean, simple and useful. This is just evolution.

    0
  29. 29

    Nice list! Got really good picks

    0
  30. 30

    What is not mentioned is that a fairly large number of these sites appear to have been built using the Apple “easy-peasy” web templates accompanying it’s very low-end iWeb web-page editor that ships for free with the Mac. So if this is good design, the folks at Apple should get the award for at least a third of these sites. :-)

    0
  31. 31

    This site is nothing but junk lists. Sure they have useful articles once in a while but all these lists are just useless and not journalism. I think they should rename this site BoringMagazine.

    0
  32. 32

    Some very nice designs in there, glad to see more designers using white space in their designs.

    0
  33. 33

    Eric: Breeze is using MailBuild, which is a reseller version of Campaign Monitor. No harm, no foul, they’re doing exactly what MailBuild encourages companies to do.

    0
  34. 34

    Superb list! I can’t believe I haven’t seen some of these great designs before.

    0
  35. 35

    I’m noticing a theme here:
    – large blocks of solid color
    – repeating header bars of color
    – tons of “dead” space around text and images
    – cutesy iconography with gradient textures

    I think that sums up the graphical style of Web 2.0

    0
  36. 36

    Nice selections all, I put a post in the SG forums, challenging the forum users to define how many are good enough for Stylegala. I think everyone’s just to busy to write up the reviews anymore.

    Join the discussion there if you like:
    http://forum.stylegala.com/about5324.html

    0
  37. 37

    Some very nice designs in there, glad to see more designers using white space in their designs. Thanks :)

    -1
  38. 38

    You have out done yourselves again Smashing Magazine, thanks for the great list!

    -1
  39. 39

    Don’t forget that beauty is only screen-deep. To point out a few not-so-well-formed examples: #1 and #9 uses some span spacers. Hello, what’s the point of using CSS if there are going to be spacer elements? And both #1 and #2 uses strict XHTML but still serves it as faux-XHTML _AND_ uses an XML prolog (what’s the point?). Don’t try viewing source for #18, it is pure horror. #19 is a nice bowl of Dreamweaver tag soup; #20 is a lighter serving.

    I strongly agree with Jeff’s comment here.

    -1
  40. 40

    Great post. Always helps to have inspriation when embarking on a new design, and there are definitely some top notch designs on this list. I’ve made this blog a regular read!

    1
  41. 41

    Jonathan Solichin

    May 22, 2007 8:42 am

    Wow! Great list, thanks for sharing! Definitely inspired.

    1
  42. 42

    Great list, thanks a lot !

    Dark colors seem to be the bg color to go with at the moment – personally i wish there were more lighter color shemes out there.

    2
  43. 43

    wow, looking at all these sites really inspires me to design! fantastic compilation of some of the coolest looking sites i’ve seen so far! :D

    -1
  44. 44

    Mostafa Mourad

    May 22, 2007 3:55 pm

    GREATTTTTT!!!

    -1
  45. 45

    great looking designs with all the modern and yet effective trends. thanks for the overview.

    0
  46. 46

    Very nice list ! A great source on inspiration.

    0
  47. 47

    Your selected sites are a holiday for my eyes!
    Especially glad to see #46 – a Croatian site!
    Where in the web heavens did you find it?

    Keep smashing!

    0
  48. 48

    Great list as always. Some of these aren’t my taste but can see why they might be liked. Keep up the good work

    0
  49. 49

    60?! that’s just excessive. could you not whittle it down?

    0
  50. 50

    Speechless! Some wonderful examples – real gems. Love Fluid Book and Svenigson. Thanks for putting this list together – what an inspiration!

    0

↑ Back to top