
Smashing Magazine we smash you with the information that will make your life easier. really.
Inspiration Package: 60+ Usable & Elegant Designs
By Smashing Editorial, July 4th, 2007 in Design Showcase | 192 Comments | Forum
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.
- Subscribe to our RSS-feed to keep updated about our new posts.
Inspiration Package:
80+ Elegant and Usable Designs
1. 31Three
2. North x East
5. CodeIgniter
7. Pop Labs
8. nPanorama.ru
11. Mike McFarlane Landscape Photography
12. Pearsonified
13. BlogMinistry

14. html life
15. Infected-FX
16. Devlounge
19. Infekta
20. Stoodeo
22. Koder
24. WorkOne Central
25. Rifidi | Software Defined RFID
26. Pixel House
27. ~ VEDA ~ Healthy Indian Takeout & Eatery
28. Gaby Lopez
29. Versions - Mac Subversion Client
30. Ted Lermontov
31. Pozycjonowanie INHEAD Krakow
32. WorkHabit.org
33. Sonze
34. Corporate Image
35. Frazier Media
36. KellerAdv
37. Made by Cocoon
38. elan3.com
39. Erratic Wisdom
40. Design View / Andy Rutledge
43. Pownce
44. Waggener Edstrom Worldwide
45. WallCandyArt
Artwork
47. anixstudio.
48. Blues Sklep
49. plasq.com
50. sr28 Web Design
Remarkable Designs
51. Warpspire
52. MacZone
55. Palm, Inc.
56. Dion.nu Design
59. Startup Search
60. Footnote
61. troovy
63. JoshLockhart.com
Flash Designs
Further Design Showcases
You can find more inspiration in the following showcases we’ve published before:
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Stay in touch
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 75 JavaScript Techniques
- 70 Best Photoshop Tutorials
- 70 Best Illustrator Tutorials
- 53 CSS Techniques
- 50 Blog Designs
- 50 Graffiti Artworks
- 50 Brilliant Photos
- 50 Movie Posters
- 40 Free Fonts
- 40 Creative Layouts
- 35 Beautiful Icon Sets
- Beautiful Desktop Wallpapers
- Beautiful Macro Photos
- Beautiful Underwater Photos
- Free Design Templates
- Free CSS Layouts
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- AJAX Tutorials
- Badges and Pins
- Batch Image Processing
- Black & White Photography
- Block Quotes
- Blog Designs 1, 2, 3, 4, 5
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Clean Code
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- Drupal
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Font Management
- Form Design Patterns
- Forums
- Fractals
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graffiti
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- JavaScript Techniques
- jQuery
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Macro Photography
- Mascots
- Moleskine Art
- Motion Graphics
- Motion Blur Photos
- Movie Posters
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Actions
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Pricing Tables
- Product Designs
- Rain Photography
- RSS Best Design Practices
- RSS Feed Icons
- Screencasting
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Smoke Photography
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase 1 2, 3
- Underwater Photography
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Version Control Systems
- Vintage & Retro Posters
- Vintage & Retro Designs
- Vintage & Retro Tutorials
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Weblog Engines
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- Wordpress Toolbox
- WYSIWYG Editors
Fresh Bookmarks
22 Free Seamless Vector Pattern Resources Perfect For Web Design
A collection of resources and articles related to vector patterns.
10 New PHP Content Management Systems
All based on PHP.
25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.
Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.
20+ CSS Data Visualization Techniques
Get inspired.
CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.
Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,
Webdesign: Five Minute Upgrade
Making Your Design Pop.
45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.
The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.
Blogroll
- Bittbox
- CatsWhoCode
- Colorburned
- Design Disease
- Designm.ag
- Deziner Folio
- Dr. Web Magazin (.de)
- Dr. Web Shop (.de)
- Freshome Blog
- FudgeGraphics
- I Love Typography
- MakeUseOf.com
- Naldzgraphics
- Noupe.com
- Pro Blog Design
- Search-This
- Six Revisions
- SmileyCat
- Spoon Graphics
- Typesites
- Usability Post
- Walyou
- Webdesigner Depot
- Weburbanist
- Wellmedicated







































































Digilee (July 4th, 2007, 12:38 am)
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.
Vitaly Friedman & Sven Lennartz (July 4th, 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.
Ben (July 4th, 2007, 12:54 am)
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.
Arne (July 4th, 2007, 1:03 am)
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 …
Vitaly Friedman & Sven Lennartz (July 4th, 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.
Cassi (July 4th, 2007, 1:16 am)
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.
Randolph Valencia (July 4th, 2007, 1:30 am)
Nice
Nicolas (July 4th, 2007, 1:39 am)
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!
Andrew (July 4th, 2007, 1:52 am)
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!
Mike (July 4th, 2007, 2:31 am)
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.
Djurdjica Selec (July 4th, 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…
volkanK (July 4th, 2007, 2:54 am)
Great list! Thanks for your works! My favorite design is CodeIgniter…
Lutfi Uzun (July 4th, 2007, 3:01 am)
Very nice ones…
What about mysite (web20) it should be in the list 2….
Link [www.lutfiuzun.nl]
;)
Arthur (July 4th, 2007, 3:15 am)
Awesome list !!! Beautiful Designs!
Merkidemis (July 4th, 2007, 3:34 am)
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.
Reinier (July 4th, 2007, 3:38 am)
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.
Paul Enderson (July 4th, 2007, 3:41 am)
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! :)
Brad (July 4th, 2007, 3:42 am)
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.
commy (July 4th, 2007, 3:45 am)
Nice collection! But if 60+ beautiful designs is not enough inspiration check out the largest design collection at Link [www.screenalicio.us] with more than 8900 screenshots.
Atomic Scrotum (July 4th, 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…
Chris Grooms (July 4th, 2007, 3:51 am)
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.
jackson (July 4th, 2007, 3:55 am)
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!
Rama (July 4th, 2007, 4:03 am)
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 (http://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!
AoE (July 4th, 2007, 4:15 am)
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.
AJ (July 4th, 2007, 4:17 am)
Thanks for the feature!
microtek (July 4th, 2007, 4:28 am)
hello..
i think the design at Link [www.justwantaquote.com] is very good…
yea….just thought i would share….nice websites tho!!
A+++++++++++++
James (July 4th, 2007, 4:30 am)
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!
memeandmeagain (July 4th, 2007, 5:05 am)
This designs is too simple and boring. Check this Link [www.artlebedev.com] . It is a best studio in whole world. Comments?
tommy Vedvik (July 4th, 2007, 5:25 am)
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 Link [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
Panther (July 4th, 2007, 5:28 am)
Excellent! Been looking for inspiration lately on a new project, thanks to you I’ve found some!
Fabio Sasso (July 4th, 2007, 5:38 am)
Excellent list, thanks for that..
Keith (July 4th, 2007, 5:38 am)
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
Matty (July 4th, 2007, 5:41 am)
Good list guys, there are some key ones that are brilliant.
Tor Løvskogen (July 4th, 2007, 5:50 am)
It’s a great list, with great designs. But what I am more interested in, is knowing what makes them good. I would much more prefer to read a in-depth analysis on a single page, than to scan thru’ 60 designs.
markus941 (July 4th, 2007, 5:52 am)
I don’t know why these people are so critical.
You guys always do a stellar job with these compilations.
Keep up the great work.
Nathan (July 4th, 2007, 6:08 am)
hey, I appreciate these lists!
Vitaly Friedman & Sven Lennartz (July 4th, 2007, 6:09 am)
Thank you for all your comments.
We are very open to constructive criticism. So if you see something which you think is wrong, please let us know, so we can improve the quality of our content in the future.
You decide, what Smashing Magazine offers to you, so please feel free to criticize us as long as you can back your criticism with sound arguments. We’d be happy to receive your feedback. If such lists are getting old, let us know. If you still would like to have them from time to time, let us know.
And thank you for your interest and participation.
Peter Uchytil (July 4th, 2007, 6:14 am)
As a designer myself, I think it can be easy to underestimate the difficulty in producing really useful designs. Not things that are just cool to look at, but ones that communicate the message and don’t get in the way. I think most of these are great examples of that. I’ll look at these and say, sure, I could do that–until I sit down and try. They may not be inspirational in terms of showing something new, but I think they are inspirational in showing what happens when you really put all the pieces together.
Stumbling (July 4th, 2007, 6:23 am)
i guess 98% of these sites are listed on Link [screenfluent.com] ?
Lee (July 4th, 2007, 6:30 am)
How could you forget Link [www.bmindful.com] ? :)
Tim (July 4th, 2007, 6:34 am)
“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”
It’s much easier to make a fixed width page look great in my opinion. Sites look more balanced with a central column, plus it leaves room for artwork/texture down the sides.
Also very wide text is hard to read, narrow columns are much easier to follow.
On the plus side, you can have 2 and a half pages open at once on your big screen
Here’s a full screen site for you:
Link [bla.st]
Youri (July 4th, 2007, 6:54 am)
I agree with Peter. These might not all be artistic masterpieces, but that doesn’t always have to be the case. Most of these designs ‘work’. Which is more important that them being pretty in the real world.
So maybe this package is titled wrong, but it’s a nice list to use as reference nonetheless I’d say. So thanks Smashing, keep ‘em coming!
Alex (July 4th, 2007, 7:10 am)
I think the problem with this list is not so much in the editing of smashing magazine it’s more to do with the actual direction of design on the internet.
Going right back to early 2000 there was still a very open style to the internet. Clearly good designs were few and far between; but when you found a design that was something fresh and new and pushed boundaries it really did inspire you. Taschen regularly published web designers alongside architects. (Though they did just publish a new web design book, I have yet to buy it).
As time has passed we’ve seen the rise of many css beauty galleries, design blogs, and the (love it or hate it) web 2.0 style movement.
There is a great move on the part of designers to follow these trends, and even designers who do try and push boundaries and come up with original ideas are so quickly drawn upon, and their ideas stylized into other site, that within just a few months they are once again, ‘one in a mass’. Just taking a quick browse though the comments so far, though there is an (unusual) trend of dismissing designs, I’m sure that many will use these as reference points, and pick styles, ideas and typography from several other sites, to create their own design.
While there is no problem with this, it is naturally part of the process of design evolution through mediums, I think in such a repetitive and flexible environment you quickly end up with many designs that, though are all technically sound and follow good practices, are little more than echoes of each other.
To just skim through this gallery (in fact, to just skim through any ‘beautiful site’ gallery from the last 1.5 years) you are met with reels of large blocked out header with simple sans-serif headers with punchy catch line sub-text, links condensed down to single words and icons denoting the meaning of single line text holders. These galleries, and resources, and design movements have single handedly made the net a much more beautiful and useable place, and in the same swoop removed drive for innovation, and quickly replicated it when found.
If you give most web designers with a natural feel of layout and color just a few simple lines of text, a handful of links, and a simple message to convey however hard they try and push against convention you can almost guarantee a fallback to 32pt Verdana and a bright or deep hued box offsetting important text.
Though I feel though much knowledge and awareness of many good practices are being learned (the greater awareness of the importance of typography, white space, block position, web standards) I think at the same time this is also the root cause of a different problem; that these fundamental basics are being learned from too-narrow of a spectrum of references.
To my mind one of the most successful and beautiful layouts is that of Link [www.nymag.com]. The sheer volume and variety of information presented, always in ever changing formats, the amount of navigation and the technical challenge of presenting it all. Yet here we have a beautifully presented, naturally intuitive, yet interestingly varied solution. The people behind this design clearly have a wealth of background experience from many different fields. If I pick, quickly, just one site off your list Link [maczone.sk] and directly flip between these two designs, I see on one hand (maczone), a technically skilled and well executed layout, but from a designer with little depth of understanding or experience beyond the basics of Verdana and centaury gothic; or inspiration beyond css galleries. On the other hand (nymag) I see years of experience, from what I expect is a mixed team of people ranging from developers through to traditional print artists.
Last year I worked on a project in London with a pair of high profile fashion photographers. When they were giving me the initial brief of concept, they presented me with a mash of magazine cutouts, newspaper clippings, layered photographs, even stills from skateboard films. Though sometimes I stumble upon a well written article (usually from a more senior designer) covering ideas to draw inspiration from other areas, I find there is a huge lack of movement to educate designers in fundamentals that are far broader and wide-reaching than just the basics of web design. Though there are many great resources around, if ask your average designer on the basics of color theory (“how do you workout which tertiary colors fall in harmony or complementary pairs?”) or basics of typography (“What font could you complement Helvetica with, with slanted stroke cuts?”) and you are met by a blank expression.
I for one am very ready to welcome a movement away from the “my site is built with standards!” period and into a period where web designers realize that their medium is just as flexible as the pages of a magine. At the end of the day every web designer is just another print graphics artist who also happens to be able to code; and I think the former still have a lot to learn as a group from the latter.
I guess I am in the minority that tend to look at designers, rather than individual pieces (I view the web in a similar context to how I would look at the furniture designers or photographers I love), and I find it slowly harder to find ones I really admire as ‘designers’ and not just ‘webdesigners’. The most acid test of the strength of a designer is the strip away all their tools and leave them with just text and lines, and see what they can construct armed just with these. If you look at the nymag site mentioned previously, you notice it is little more.
Though, there are a couple of gems that do catch my eye in the above list ;) for the most part I sigh and say “same old”, yet I don’t blame the editors, I blame the designers; because I for one can’t put together a list of 60 genuinely brilliant forward-pushing website designs anymore.
Ps; sorry for the essay! But maybe someone will read it and consider =)
egon (July 4th, 2007, 7:10 am)
I guess I *do* see the “inspirational” in these, I would love to have the design skills featured here. At first I thought these were another Wordpress theme collection and I got really excited after the first couple, but then I saw it wasn’t :( Oh well, great designs.
Karmadude (July 4th, 2007, 7:22 am)
great selection, quiet a few I have never seen before.
Paul (July 4th, 2007, 7:42 am)
Great list again. Always good to start the day looking through these lists, then get stuck into the designing.
thanks
Arthur (July 4th, 2007, 8:12 am)
I agree that this list wasn’t as good as the others it’s not due to the sites being low-rate but that the other lists were really really good and this one was just good. but either way, keep up the good work gents.
Quakeulf (July 4th, 2007, 8:30 am)
Ok, as a hobbyist webdesigner with interests in the KISS-principle, I try as hard as I can NOT to use images as part of my CSS. For my own website, I tried as hard as I could to make a functional, simple and clean site-template that is not relying on images, gradients and whatnot to make it more appealing. I really believe in keeping the use of images for other things than to deliver content to an absolute minimum.
So I believe it is time for a design list with sites, templates and so on that DOES NOT USE gradients, elaborate graphics, otherwise clever CSS-imagery and in general, images as part of the contents’ setup. Now there’s a challenge.
bugula (July 4th, 2007, 8:33 am)
i agree with the earlier posts here…some of these sites are nice but when quickly scrolling through the list i can’t help but notice how similar some of these are to one another. there are several back to back designs that are nearly identical in layout. this list easily could have been 10 sites long.
Brigitte Schuster (July 4th, 2007, 9:28 am)
I think a lot of these design can be inspiring. It depends for what kind of design work you need an inspiration. If you don’t like an overall look of a design, you might get inspirated by a detail, for example the text layout part of it.
Giorgi (July 4th, 2007, 10:00 am)
I dont actually write comments, but this time I must admit: THIS IS WORST POST ON SMASHING MAGAZINE EVER!!!
shaz (July 4th, 2007, 10:03 am)
I think that some of the designs are inspiring, but the problem is that some of the designs seem to be there only because the designer is well known - for example, Pearsonified, this is not an inspirational design no matter how you look at it, although I do agree that it is well developed.
Also, a lot of the sites on the list have been overly publicized recently, for example, 31Three - although I do agree that it is inspirational and well designed, I have read about it and seen it so many times, that it has kinda lost its “inspirational” quality.
The post was good, and most of the designs deserve the recognition, but somehow I feel that designs are sometimes judged on the popularity of the designer and not on the merit of the design itself - just my 2cents.
But, as always, great effort!
Freebit50 (July 4th, 2007, 11:24 am)
I am inspired. I am adding this to my bookmarks as a required site to review whenever I dream up a new design. It is good to have a nice catalog of designs to peruse when coming up with something new.
Dimitry (July 4th, 2007, 12:22 pm)
Thanks for the mention!
Gopinath M (July 4th, 2007, 12:30 pm)
Beautiful Designs. I would love have one among these designs for my blog Link [mgopinath.blogspot.com]
Hitesh Mehta (July 4th, 2007, 1:36 pm)
simply superb!!!!
Pablo (July 4th, 2007, 2:13 pm)
I don’t get these people who criticize Smashing Magazine editors. Just take a look at all the crap which is showcased on most galleries - for me it’s just a waste of time to browse through them. On Smashing Magazine you always find quality - yeah, there are some sites featured in this article which I personally don’t like, but overall it is a great showcase again. I am glad Smashing Magazine does the good job again. Keep the good work!
Laurens (July 4th, 2007, 2:31 pm)
Yes, thank you again! Very usable and inspirational :)
Myo Kyaw Htun (July 4th, 2007, 4:09 pm)
Ah! you rock!!!
Jhon (July 4th, 2007, 4:10 pm)
see Link [hotshadow.com]
dario-g (July 4th, 2007, 4:16 pm)
I have one question. What is great in Pownce design?????
Mostafa Mourad (July 4th, 2007, 5:11 pm)
OH!
where is my site!! :D
Link [www.designrific.com]
Quakeulf (July 4th, 2007, 5:52 pm)
Pablo:
I beg to differ. Admittedly, I do not visit many online showcase galleries because of their lack of inpsirational content, but there are many exceptions to this, for instance the excellent Link [www.lightondark.com] gallery site, which totally made me go for a light on dark style for my own site as well.
But I’d like to know just what you are looking for. Maybe you do not even know it yourself?
Dion Kesling (July 4th, 2007, 6:59 pm)
Dear Vitaly & Sven,
Thank you for including my weblog in this article. It’s an honour to be featured on Smashing Magazine. I frequently visit here to get inspired by all the articles you write and to be included here made my day.
Unfortunately not many visitors seem to like the included sites which is reflected by the number of referrers originating from this article which is 0.
I think this list contains some very inspirational websites, with here and there a less spectacular one. Of course taste is always subjective.
Anyway, thanks for including Dion’s weblog.
Dion
Mostaque Ahammed (July 4th, 2007, 7:54 pm)
WOW! great collection of sites. They are beautiful in colors, layout and content. Great post again.
Thanks
Edi (July 4th, 2007, 8:00 pm)
Loved them specially the first one
here is one more i came across
Link [www.locksontheweb.com]
Barend84 (July 4th, 2007, 9:03 pm)
Love this selection. Only the first website “31Three” is featured in a previous post.
Great work!
Tim Marshall (July 4th, 2007, 9:54 pm)
I’m kind of with Merkidemis on this post.
It’s not bad but where are all the fluid/liquid designs, we can see a big list of current decent design on any number of CSS design sites.
How about a post featuring some decent usage of flexible/fluid layouts as well as decent design in some form or other.
Fixed width sites nowadays are surely on the way out (or at least they probably should be), highlight the going forward trends instead of older trends.
Just my two pennies worth, nice list nevertheless!!
Adam (July 4th, 2007, 10:08 pm)
Wow, some rough criticism, there was a lot of time and effort put into creating this list and while I may not like/admire all the designs there are some great designs there which are of inspiration to all of us in some way .. Kudos to you SM !
Ryan (July 5th, 2007, 12:24 am)
I personally think the list is good. You can’t expect to like every design there, but just a percentage. The way I see it, if I can find 10-12 designs out of a list of 60, it’s a good list. For inspiration, you don’t need 60/60 sites to be inspired, but really, only 1 or 2. I say keep the lists coming - if you’re bored with them, just ignore this post. Those who really appreciate design will enjoy them most of the time. But maybe that’s just me.
albert (July 5th, 2007, 1:55 am)
Thanks a lot this is a great tool for my inspiration, nice comment Pablo Im with your opinion.
have a nice day
Živko Kondić (July 5th, 2007, 2:00 am)
OK, from when USABLE = INSPIRING??? This is a question for all those people who want to throw out images out of websites…not the editors, they try to make their best, and I appreciate the effort.
The web is becoming 80% of identical websites, “made with standards”. Where did all the creative people that pushed the boundaries for all these years disappear? Everything is horizontal and vertical, in other words, quickly boring.
LOL, for people nay-ing microsoft… just look at the W3C website, pure horror, there’s your standard :D
I wish people could search for inspiration in other places…or other things, like music, art, spirituality, life…not just CSS-whatever sites.
There are some really good sites in the list.
AA (July 5th, 2007, 4:30 am)
Like someone else said… its just the way the trend is now for website/blogs… I mean 75% look like they are using the same template, or a derivative of hemingway.
but there are a good 25% of them listed that are nice, beautiful or unique.
So are the other 75% inspiring? yep! Inspires me to go out and try to smash the cookie cutter mold that they are using!.
Rajib Ghosh (July 5th, 2007, 11:20 am)
Beautiful websites. Thanks so much for these.
Rob (July 5th, 2007, 3:39 pm)
FFS people!!! Thanks Smashing Magazine for taking the time to provide a list that people might find useful. If you don’t find them useful then that’s great. Good for you. I’m sure there are a shit load of SM readers who, like me, appreciate all of the goodness that SM have and continue to deliver.
Jack (July 5th, 2007, 4:43 pm)
i agree with the earlier post; thats exactly what i think when i browse thru the design. I mean, yeah, they are beautiful, but its like looking at a template with different graphics and different color. From what I observed here and from other web galleries, the design listed must has a biggg welcome section, followed by news or whatever and big footer the next (not mentioning those gradient effect etc)
I bet grid design will be the next trend after this hemingway-thingy.
Not only SM listed this ‘kinda boring’ but with beauty websites, so did other css galleries with big names like CSSRemix, CSSMania etc. You will go like, “oh sure, you have that big welcome section, that’s why you’re in.”
I think standards have actually standardize the way we think. And I dont think its a good sign. ANd to be honest with you, I am stuck with it too.
Pardon my English, its my second language.
jdee (July 5th, 2007, 5:02 pm)
nice work!
Link [www.j-dee.com]
StudioZang (July 5th, 2007, 6:56 pm)
So, there’s all these folks bashing Smashing Magazine for the list. Well, I think each person that doesn’t find inspiration here should post one website that they feel is “inspirational.”
Pretty much every website that was linked in the comments was posted as a joke or looked like a joke. The only person that I found with any meaning behind their link was Alex with New York Magazine. However, in truth I didn’t find that site very appealing at all. I prefer the Link [time.com], but that’s totally subjective.
Anyways, kudos to SM for, what i thought was, a great list.
theanomaly (July 5th, 2007, 11:31 pm)
Thanks for compiling the list. I found a few on there inspirational in one way or another.
Marino (July 5th, 2007, 11:40 pm)
The websites are just great. Nice list.
Alexander Leith (July 6th, 2007, 12:45 am)
Thanks for the list. I’ve only recently come across Smashing Magazine, and it has very quickly become a great resource for me. Lists like this are great. Like you say, these are all usable and elegant designs, and there is some inspiration that can potentially be taken from almost every one.
Considering this is free and nobody is “obliged” to be inspired by it, I’m really surprised by the bitter and cutting nature of the negative comments that a few chose to leave.
Personally I’m glad that fixed width layouts seem to be on the way back. As screens get larger fluid layouts are often ugly and unreadable. Good design is about making information easy to digest (not filling the screen or the page with text).
rietz (July 6th, 2007, 2:36 am)
Dang, really sucks to see Smashing Magazine take the downhill turn lately. Nothing inspiring at ALL in any of your last 12 posts. If anything, all I see is “inspiration” for biters. In other words, easy, simple-to-steal code that people will be ripping off for months to come. This web 2.0 crap is getting so old so fast, and the fact that you guys keep posting similar looking designs every single post is just wearing on me. I’m about two posts away from removing SM from my bookmarks. I don’t get any inspiring out of your posts anymore.
Sorry, it’s the truth.
Bob (July 6th, 2007, 3:50 am)
Here is a design that I think is inspirational. It goes beyond the current gradient design look that is popular and really adds elements together to create something that stands out.
Link [www.curiositygroup.com]
Pallian (July 6th, 2007, 4:23 am)
I think everyone here is getting bored of the usual predictable web 2.0 layout and structure - there’re some great sites out there (like the newly designed cnn.com and apple.com) where they have put in the time to come up with a great user experience… which is what I think you guys should focus on next.
Great user experience… good architecture… and why someone would stick around the site. I know Radar Networks (radarnetworks.com) is coming up with something along these lines… web 3.0, you could almost say.
Also keep an eye out for Link [www.startupbyte.com] - some new and interesting things are brewing….
jake (July 6th, 2007, 4:37 am)
hey Vitaly, you guys make great lists. when you hear people critizing your stuff that is only because they are becoming tired of it. whenever you are given alot of something really good you began to get bored of it and thats what you guys are doing. thats a compliment by the way. as for these designs why dont you take some initive from them and use a nice layout. im sorry but this one is getting to old and to hard on the eyes.
Quakeulf (July 6th, 2007, 5:19 am)
rietz:
Something tells me your social life isn’t working out the way you hoped.
SEO Position (July 6th, 2007, 5:57 am)
I’ve seen a lot of these over the past few weeks on other CSS galleries (and that’s not to be taken as a snide remark), but I would like to make a suggestion and say that if you’re going to post gallery style articles that blocking the images side by side would look cleaner IMO.
A few good sites here I took note of thought. Thanks
Alex (July 6th, 2007, 10:07 am)
Awesome list. I love when you guys do all the work for me =P
Diallo (July 6th, 2007, 12:29 pm)
I believe that all of these are beautiful. It’s quite amazing how a style is created and where designers take it. And unlike what I read a few posts above it does make me want to open up Photoshop and and work with color and space and general layout. Plus It’s important that these sites get out to more of the mainstream web. Most of all our clients are looking at designs from the mid 90s, thinking they’re cutting edge.
james (July 6th, 2007, 1:21 pm)
Maybe im just young and inexperienced but i think the designs listed are beautiful.
They are easy to use, have a clear focus, a well-thought out grid and strong branding. Understandably a few have certain similiarities but thats the way things go when trends are in style. Do you truly think there are 80 designs out there that are mind-boggling inovative in everyway possible? You only come by these gems every once in a while. Thats what makes the innovative.
For the moment i’ll gladly take these sites as inspiration :)
Zena (July 6th, 2007, 10:12 pm)
tough crowd… ouch!
To say this is not an inspirational list makes me wonder what they would find inspirational… true I have seen some of these somewhere before, but then again I have also lost alot of bookmarks during the ‘great crash’ of February and late July, so this is awesome.
I have yet to find a site that gives me more than Smashing Magazine, l love what you guys do and I think this site rocks!
thank you
count_schemula (July 6th, 2007, 11:40 pm)
Post #28, thanks.
Link [www.artlebedev.com]
Now that was inspirational.
salim madjd (July 7th, 2007, 12:47 pm)
Lots of good sites listed here. I would not call all of them inspiring but all are clean and have good layout.
To that I would also like to nominate our site: Link [www.crazymenu.com] it has a lot of function and we spent a lot of time to create a clean and minimalized site. We believe for site that provide content and information, the design should not overshadow or distract the information but help lay it out in a way natural to the eye and free of clutter so all information are quickly scanable.
Virgin (July 7th, 2007, 9:24 pm)
Simple and beautiful, that which art. Respect to the designers of these sites.
Theunis Groenewald (July 8th, 2007, 1:20 am)
The fact that I’ve already seen just about every web site showcased here is both amusing and alarming. It is, however, the fact that almost every comment made gives no proper feedback beyond the feeble I like or dislike the web sites listed that prompted me to post a comment of my own.
Looking at the showcase, I can immediately list at least eight distinguishing trends with regards to usability and design (personal opinions aside - just because it’s fashionable, doesn’t meant that you have like it). It is possible to elaborate on the effectiveness of each of the designs with regards to the products or services they provide, the audience they are intended for and the life expectancy of the designs themselves. One can ever go as far as to discuss the color palettes and their symbolic interpretation (like the adventurous and possibly fatal use of red - the color of love and lust, but also the color of blood and violence, death, hell and sin) in comparison to the site’s content.
The fact that these sites have been featured here (and everywhere else) speaks volumes about their success, yet very few here have discovered and discussed the secrets to obtaining the same volume of success in a digital world where web sites continuously struggle to be seen. Not every product, and most certainly not every web site, is meant to be inspirational. But the fact that these web sites are undoubtedly successful in their function alone is inspirational. Using W3C Standards Compliant programming guidelines ensures that a web site can be seen and used across every platform, no matter what operating system, browser (or mobile device) the viewer is using, in exactly the same way is inspirational. Keeping viewers with disabilities in mind when designing and developing a site (there are some people whose vision is completely distorted when looking at the color black) is inspirational. And ending up with a web site that functions (and to a certain extent looks) similar to the rest, aids familiarity with novice users and while they might not even acknowledge it - the fact that a web site is easy to navigate will please them more than any complicated and unclear navigational system, no matter how visually pleasing it is.
Online development (no matter which part one concentrates on) is an art form in an extremely complex environment where everyone’s an expert and critics abound. While one web site may not be as inspirational as the next, the fact that it grabbed your attention long enough to solicit a response - is inspirational …
Kukuh (July 8th, 2007, 10:17 am)
I agree when someone said that a design be always subjective for the viewers..none are bad..and to be inspiring, a design doesn’t have to be complicated in visual look..since simple design can be inspiring as well when it is fitted gud with the viewers need.. :p don’t you think
Rietz (July 9th, 2007, 4:49 pm)
@Quakeulf:
Something tells me you need to spend more time reading SM posts, considering the lackluster design of your web”sight”. Not much of a sighting.
@dedip (July 11th, 2007, 9:45 pm)
100! eheh…well I think those are all very beatiful and stylish and whatever u want..websites…but..I mean..almost half of them are all things already seen…(except for accessibility and usability I guess..)..so..don’t know why they are so special :D
phplemon.com (July 12th, 2007, 2:36 am)
Theres some really great stuff there. I’m about to start some design work and i’ll be looking for some inspiration from these sites.
Tom (July 12th, 2007, 10:59 am)
On the one side many designs are sometimes brilliant at first. But when I’m switching through some of those websites, trying to get in touch with the first steps of understanding how every website works, then I often got a bit confused. Many of those sites are looking overloaded - I just thought sometimes, that they really want to be as much as impressive as they can. It remembers me more on plain showcase like zengarden or so; not always on informational architecture.
On the other side some of them like oaktreecreative.com or tedler.com really got me in creative, clear and easy to use webdesign with a message behind.
Rob (July 13th, 2007, 6:17 am)
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.
Forest (July 14th, 2007, 4:08 am)
Muy bonitos, creo que tendré que utilizar algunos de esos diseños. Jajaja :)
Gracias..
Deelip (July 15th, 2007, 3:05 pm)
Its a nice list and huge list.
Sites are cool but I was tired of scrolling the page to button hehe.
AJ (July 17th, 2007, 4:20 am)
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!
Rajesh Talageri (July 17th, 2007, 3:13 pm)
This is awesome! The most comprehensive list of inspiring designs. Thank you God! :)
Dragoslav Lazarevic (July 18th, 2007, 10:56 pm)
Really great job. Design is subjective, but some of those sites are among best on web. Once again, great job!!!
Dragoslav Lazarevic (July 18th, 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!
Martin (July 19th, 2007, 2:17 am)
Cool web sites!
tks
Calvin (July 19th, 2007, 4:46 am)
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?
Dara (July 19th, 2007, 5:26 pm)
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 …
MsMack (July 22nd, 2007, 10:05 pm)
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: Link []
Richard (July 25th, 2007, 2:08 am)
This is great, thanks
agsu (July 25th, 2007, 7:40 pm)
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…
themegarden.org (August 2nd, 2007, 5:53 pm)
Nice collection.
Probably, I would choose some others, but it’s a question about taste.
Really useful, thanks.
Christopher James (August 10th, 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
Richard (August 16th, 2007, 10:00 pm)
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.
Jennifer (September 4th, 2007, 4:18 pm)
Great! I learned a lot here all the time!
Osvaldo Osorio (October 31st, 2007, 12:30 am)
Wow!, amazin stuff, thank you, guys!
Amy Jane (November 20th, 2007, 7:44 pm)
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….. :)
Andre L. Soares (November 26th, 2007, 8:52 am)
Wonderful. Just beatifull templates. Congratulations!
Edi (December 29th, 2007, 12:45 am)
very nice article love the design
Shek (February 10th, 2008, 10:25 am)
Just one question: how do you decide all of the above websites are usable?
Rodrigo Oviedo (February 18th, 2008, 11:19 am)
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.
suraj (April 8th, 2008, 9:44 am)
cool ones…really awesome designs
sunny beach (July 6th, 2008, 1:43 pm)
One word that describes them best: BEAUTIFUL
Raitolita (June 25th, 2009, 10:59 pm)
Thanks! :)