Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

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 Barcelona, dedicated to smart front-end techniques and design patterns.

60 Elegant and Visually Appealing Designs

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 Apps

Solid and Serious Designs - Future of Web Apps

9. Freshview – Refreshingly Simple Software19

Solid and Serious Designs - Freshview - Refreshingly Simple Software20

10. Welcome to Revyver.21

Solid and Serious Designs - Welcome to Revyver.22

11. allpaymedia.com | Welcome23

Solid and Serious Designs - allpaymedia.com | Welcome24

12. Stuff and Nonsense25

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

13. StyleSpion27

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

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

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

17. The Big Noob31

Solid and Serious Designs - The Big Noob32

18. Cómete Mallorca33

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

19. DNA 11 – From Life Comes Art.35

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

20. smashLAB37

Solid and Serious Designs - smashLAB - Simply great websites38

21. Playground Blues39

Solid and Serious Designs - Playground Blues40

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

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

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

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

24. Elliot Jay Stocks45

Solid and Serious Designs - Elliot Jay Stocks46

25. the Geniant blog47

Solid and Serious Designs - the Geniant blog48

26. North x East49

Solid and Serious Designs - Web Business with North x East50

Selected Designs Link

27. blog.critical | Andy Pearson51

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

28. Chris Shiflett: PHP and Web Application Security53

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

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

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

30. Nitram+Nunca57

Solid and Serious Designs - Nitram+Nunca58

31. unFortunate – Cookies Not Included.

Solid and Serious Designs - unFortunate - Cookies Not Included.

32. 3daysafter — Journal of Rian Triharyana

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

33. Krabi & Mask59

Solid and Serious Designs - Krabi & Mask60

34. OkapiStudio61

Solid and Serious Designs - OkapiStudio62

35. Reise-Community globalzoo.de63

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

36. OUTLINE to DESIGN65

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

37. Immo Varro vastgoedmakelaar67

Solid and Serious Designs - Immo Varro vastgoedmakelaar68

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

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

39. Jonathan – Snook.ca

Solid and Serious Designs - Jonathan - Snook.ca

40. Breeze71

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

41. The TLC73

Solid and Serious Designs - The TLC74

42. Jogger.pl – bloguj przez Jabbera75

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

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

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

44. Quo Consulting79

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

45. mezzoblue81

Solid and Serious Designs - mezzoblue § Home82

46. Mala krcma Skalinada | Volosko83

Solid and Serious Designs - Mala krcma Skalinada | Volosko84

47. Period Three85

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

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 Loose87

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

51. elixir graphics | professional rapidweaver themes89

Solid and Serious Designs - elixir graphics | professional rapidweaver themes90

52. ErgonoMind91

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

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

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

54. nclud | Our Work95

Solid and Serious Designs - nclud | Our Work96

55. EUtelNet :: Web design and development ::

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

56. Welcome to Buzz — Buzz Recruitment97

Solid and Serious Designs - Welcome to Buzz — Buzz Recruitment98

57. None-Design Media | Webdesign Recklinghausen99

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

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

Solid and Serious Designs - Merten Snijders, Mhq Interactive 2007.102

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.freshview.com/
  20. 20 http://www.freshview.com/
  21. 21 http://revyver.com/
  22. 22 http://revyver.com/
  23. 23 http://www.allpaymedia.com/
  24. 24 http://www.allpaymedia.com/
  25. 25 http://www.stuffandnonsense.co.uk/
  26. 26 http://www.stuffandnonsense.co.uk/
  27. 27 http://stylespion.de/
  28. 28 http://stylespion.de/
  29. 29 http://iconkits.com/
  30. 30 http://iconkits.com/
  31. 31 http://www.thebignoob.com/
  32. 32 http://www.thebignoob.com/
  33. 33 http://www.cometemallorca.com/
  34. 34 http://www.cometemallorca.com/
  35. 35 http://www.dna11.com/
  36. 36 http://www.dna11.com/
  37. 37 http://www.smashlab.com/
  38. 38 http://www.smashlab.com/
  39. 39 http://www.playgroundblues.com/
  40. 40 http://www.playgroundblues.com/
  41. 41 http://designworkflows.com/
  42. 42 http://designworkflows.com/
  43. 43 http://www.idecollection.se/
  44. 44 http://www.idecollection.se/
  45. 45 http://www.elliotjaystocks.com/blog/
  46. 46 http://www.elliotjaystocks.com/blog/
  47. 47 http://geniantsandbox.com/
  48. 48 http://geniantsandbox.com/
  49. 49 http://northxeast.com/
  50. 50 http://northxeast.com/
  51. 51 http://blog.criticalwebdesign.co.uk/
  52. 52 http://blog.criticalwebdesign.co.uk/
  53. 53 http://shiflett.org/
  54. 54 http://shiflett.org/
  55. 55 http://www.inspiredweb.com.au/
  56. 56 http://www.inspiredweb.com.au/
  57. 57 http://nitram-nunca.com/
  58. 58 http://nitram-nunca.com/
  59. 59 http://www.krabi.ee/
  60. 60 http://www.krabi.ee/
  61. 61 http://www.okapistudio.com/
  62. 62 http://www.okapistudio.com/
  63. 63 http://www.globalzoo.de/
  64. 64 http://www.globalzoo.de/
  65. 65 http://www.outline2design.com/
  66. 66 http://www.outline2design.com/
  67. 67 http://www.immovarro.be/
  68. 68 http://www.immovarro.be/
  69. 69 http://kaimueller.org/
  70. 70 http://kaimueller.org/
  71. 71 http://www.feelbreeze.com/
  72. 72 http://www.feelbreeze.com/
  73. 73 http://thetlc.org.uk/
  74. 74 http://thetlc.org.uk/
  75. 75 http://jogger.pl/
  76. 76 http://jogger.pl/
  77. 77 http://beta.bigmedium.com/
  78. 78 http://beta.bigmedium.com/
  79. 79 http://www.quo.com.au/
  80. 80 http://www.quo.com.au/
  81. 81 http://mezzoblue.com/
  82. 82 http://mezzoblue.com/
  83. 83 http://www.skalinada.org/
  84. 84 http://www.skalinada.org/
  85. 85 http://www.period-three.com/
  86. 86 http://www.period-three.com/
  87. 87 http://spousenotes.com/
  88. 88 http://spousenotes.com/
  89. 89 http://www.elixirgraphics.com/
  90. 90 http://www.elixirgraphics.com/
  91. 91 http://www.ergonomind.com/
  92. 92 http://www.ergonomind.com/
  93. 93 http://www.nathancarnes.com/
  94. 94 http://www.nathancarnes.com/
  95. 95 http://www.nclud.com/work/
  96. 96 http://www.nclud.com/work/
  97. 97 http://www.buzzrecruitment.co.nz/
  98. 98 http://www.buzzrecruitment.co.nz/
  99. 99 http://www.none-design.de/
  100. 100 http://www.none-design.de/
  101. 101 http://www.mhq.nl/
  102. 102 http://www.mhq.nl/
SmashingConf Barcelona 2016

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 Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

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.

  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

↑ Back to top