Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

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 identity5

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

2. Intype7

Solid and Serious Designs - Intype8

3. BigFilebox9

Solid and Serious Designs - BigFilebox10

4. FreelanceSwitch11

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

5. FluidBook13

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

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

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

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

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

8. Future of Web Apps19

Solid and Serious Designs - Future of Web Apps20

9. Freshview – Refreshingly Simple Software21

Solid and Serious Designs - Freshview - Refreshingly Simple Software22

10. Welcome to Revyver.23

Solid and Serious Designs - Welcome to Revyver.24

11. allpaymedia.com | Welcome25

Solid and Serious Designs - allpaymedia.com | Welcome26

12. Stuff and Nonsense27

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

13. StyleSpion29

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

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 Thingy

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

16. Iconkits.com31

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

17. The Big Noob33

Solid and Serious Designs - The Big Noob34

18. Cómete Mallorca35

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

19. DNA 11 – From Life Comes Art.37

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

20. smashLAB39

Solid and Serious Designs - smashLAB - Simply great websites40

21. Playground Blues41

Solid and Serious Designs - Playground Blues42

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

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

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

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

24. Elliot Jay Stocks47

Solid and Serious Designs - Elliot Jay Stocks48

25. the Geniant blog49

Solid and Serious Designs - the Geniant blog50

26. North x East51

Solid and Serious Designs - Web Business with North x East52

Selected Designs Link

27. blog.critical | Andy Pearson53

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

28. Chris Shiflett: PHP and Web Application Security55

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

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

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

30. Nitram+Nunca59

Solid and Serious Designs - Nitram+Nunca60

31. unFortunate – Cookies Not Included.61

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

32. 3daysafter — Journal of Rian Triharyana63

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

33. Krabi & Mask65

Solid and Serious Designs - Krabi & Mask66

34. OkapiStudio67

Solid and Serious Designs - OkapiStudio68

35. Reise-Community globalzoo.de69

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

36. OUTLINE to DESIGN71

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

37. Immo Varro vastgoedmakelaar73

Solid and Serious Designs - Immo Varro vastgoedmakelaar74

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

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

39. Jonathan – Snook.ca

Solid and Serious Designs - Jonathan - Snook.ca

40. Breeze77

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

41. The TLC79

Solid and Serious Designs - The TLC80

42. Jogger.pl – bloguj przez Jabbera81

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

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

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

44. Quo Consulting85

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

45. mezzoblue87

Solid and Serious Designs - mezzoblue § Home88

46. Mala krcma Skalinada | Volosko89

Solid and Serious Designs - Mala krcma Skalinada | Volosko90

47. Period Three91

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

48. Express4J – The Lightweight & Flexible UI Framework

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

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

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

50. Spouse Notes – Submitted by Apollo Loose93

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

51. elixir graphics | professional rapidweaver themes95

Solid and Serious Designs - elixir graphics | professional rapidweaver themes96

52. ErgonoMind97

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:0498

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

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

54. nclud | Our Work101

Solid and Serious Designs - nclud | Our Work102

55. EUtelNet :: Web design and development ::

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

56. Welcome to Buzz — Buzz Recruitment103

Solid and Serious Designs - Welcome to Buzz — Buzz Recruitment104

57. None-Design Media | Webdesign Recklinghausen105

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

58. Bistrian Iosip’s Blog

Solid and Serious Designs - Bistrian Iosip's Blog

Flash Link

59. WeSC – Let’s Get Physical

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

60. Merten Snijders, Mhq Interactive 2007.107

Solid and Serious Designs - Merten Snijders, Mhq Interactive 2007.108

Footnotes Link

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

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? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ 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

    rtriharyana

    May 21, 2007 9:21 pm

    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

    Kai Müller

    May 21, 2007 10:38 pm

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

    0
  10. 10

    Famous Photos

    May 21, 2007 11:20 pm

    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

    Patrick Haney

    May 22, 2007 12:03 am

    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

    Tom Smalling

    May 22, 2007 12:50 am

    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

    Ken Randall

    May 22, 2007 5:27 am

    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

    Jeff Woelker

    May 22, 2007 6:05 am

    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

    Web Contempo

    May 22, 2007 7:57 am

    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
  40. 40

    Jonathan Solichin

    May 22, 2007 8:42 am

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

    1

↑ Back to top