I've compiled a list of 30 exceptional web page designs for your inspiration. Most of these are relatively new; so they'll hopefully give you some ideas for your next project! Enjoy!
1. Alexarts
Alex uses a very simple but modern interface for his site. Click on any of the sections, and a popup displays.
2. Pampaneo
Pampaneo uses excellent graphics and illustrations to tell a story.
3. Juan Diego Velasco
Juan uses a one page layout and vivid colors for his site.
4. Metalab
Metalab has a very clean and usable interface, as well as some nice JavaScript effects.
5. Serj
Serj features great graphics and a simple and effective layout. Sometimes, simplicity is key.
6. Peter Pearson
Peter also uses a neat one page layout and some cool image effects.
7. Cactuar.in.the.Phailbucket
Cole uses excellent vector illustrations and a great choice of colors in his design.
8. Fred Maya
Fred focuses on simplicity, colors, and usability for this nice design.
9. Galvin Castleton
This album site uses a one page horizontal layout and excellent photography.
10. Chris Jennings
Readability is key.
11. Guerra Creative
Excellent graphics and easy to read content.
12. 84 Colors
Cristiana's thinks outside the box with this different layout.
13. Feed Stitch
Feed Stitch's site is a fun, creative, and super creative!
14. We Bleed Design
We Bleed Design uses images creatively to animate the transition through sections.
15. Motty
Mooty's site uses a great illustration in the header, and the content's presentation is excellent.
16. Cerity
Jonathan's portfolio offers a neat interface for viewing his work.
17. Creative People
CreativePeople's page has excellent graphics and an interesting layout.
18. Brooklyn Fare
Brooklyn Fare's site is a wonderful example of how a company's site should be presented.
19. Tierra Virtual
This agency's site uses an animated header, and has a modern feel.
20. Merixusa
Cute illustrations -- a creative showcase of their work.
21. Food, Inc
Simple and clean site with nice graphics.
22. Inicio
Beautiful choice of colors here.
23. CCSI
CCSI uses clean graphics and a nice scrolling text effect to draw the reader in.
24. Loodo
This website fits a lot of content into a small space -- seemingly with ease! It also makes use of a cute and creative navigation section.
25. Guifx
Bells and whistles don't always get your point across. Sometimes, simplicity and ease of use is key.
26. Vyniknite
All websites mustn't look identical. Even something as simple as a unique header can make a huge difference.
27. two24studios
Great textures, typography, and navigation in this dark website.
28. Illusiv
Very creative desktop-like interface.
29. Duirwaigh
What a background! Though not appropriate for every site, this one definitely makes an impact.
30. BKWLD
Wonderfully effective, with plenty of white space. What more could you ask for?
Final Words
I hope you found some inspiration here. I know I did! Be sure to leave a comment to share any additional sites with the rest of us. Good luck on your next project!
- Follow us on Twitter, or subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
User Comments
( ADD YOURS )shedh June 29th
nice, very inspirational
got loads of ideas from just skimming through
( )crysfel June 29th
i like them all
( )Myfacefriends June 29th
nice collection thanks
( )Bimal June 29th
Nice!!
( )Bimal June 29th
Herez another one : stylerex.com
( )Gregorio Ramirez June 29th
shameless plug
( )Rob June 29th
This is a joke yes?
( )DataMouse June 30th
Really? Needs some graphic wok, IMO
( )Bimal June 30th
What kind of work?
Zach Dunn June 30th
Are those marbles?
( )Ash Clarke June 30th
ugly.
( )Jiggins McGee June 30th
Correct, ugly.
Julia June 30th
it is ugly for sure. i would rather have no portfolio at all
( )Reuben June 30th
I like the site. Its awesome!!
( )Angry Web Designer July 1st
People like you shouldn’t be advertising your services as graphics/web designers/developers.. You’re only making the web worse by doing so.
Learn how to design/build websites properly before trying to sell yourselves as “highly talented” web designers.
( )Christian July 1st
Are you serious? If you guys “specialize in HTML, CSS, jQuery and PhotoShop” then I’d hate to see what you’re sh*t at. Back to engineering fellas. You haven’t got the faintest idea what’s involved in building a website.
( )Rishi July 4th
Enough has been said.
Its ugly for sure.
( )Omar Abid July 4th
whenever there’s something of very “low” quality, always indians are behind it!!!! In SEO, Coding, Freelancing… you are everywhere biding very low and delivering stupid, sh*t work.
Sorry kumar, for being the first (and may be the last) indian to do high quality work!
( )Confused July 5th
I find nothing wrong with the site.
Can anyone point out something?
Niels July 20th
Gratz, you got yourself some traffic. No go stand in the corner.
( )Juanjo August 6th
To start with, if you claim your work is detailed, at least check your spelling dude, “Designed and Deveoped”???
Second, your graphics interfere with the purpose of the site; is hard to find the navigation menu past the (abstract?) art and those… balls.
Third, er , why should I go on? Good luck with your company, but I guess you won’t be getting too many letters from the fans of your work.
( )Sunil June 29th
wow that was amazing. Metalab was my favorite but they are all pretty good. I haven’t gone through all of them but will do.
Thanks for this. Really helpful!
( )Chris Jennings June 29th
I’m astonished to see my blog grouped with all these great designs. Thank you!
( )Robbert June 29th
They are absolutely amazing! Thanks. It makes me feel like a very mediocre designer though
( )Jesús Moreno June 29th
Nice !!
( )Inicio = Home
The name of the web is tanq
Neil June 29th
Great “tutorial”
( )bill June 29th
yeah really. they paid you for this?
( )Ryan June 30th
I agree Bill. This isn’t up to NetTuts’s standards.
kevinsturf June 29th
nice set of sites here.
( )cssah June 29th
really great.Thx
( )Mahallo Media June 29th
All designs are great!
( )Serj June 29th
Thanks a lot for featuring my site!
( )Sérgio Soares June 29th
nice list
( )Thanks
Jeff June 29th
Nice list but some of them are a little over-engineered.
( )Tom - New Evolution Designs June 29th
These are great!
How do you find all of these?
( )Rob June 29th
I skipped through a few of these and looked at a print preview, wow what a mess.
Some pass web developer toolbar accessibility checks, others don’t.
I wouldn’t call this ‘exceptional web design’
( )Neil June 29th
Good catch. Got to love people who call themselves “web designers” yet know very little HTML. I recoded a site a few months ago that looked great in the PSD, but each page was JUST a graphic, with image maps for linkage!
( )Rob June 29th
There are some exceptional designs. They may be poorly executed or implemented as HTML but they are great “designs” none the less.
( )AnnaF June 29th
Must see Flipick at http://flipick.com... Looks gorgeous!!!
( )AnnaF June 29th
Must see Flipick at http://flipick.com
Looks gorgeous!!!
( )Evan Riley June 29th
Really stunning websites here. Although some have been mentioned a lot, there are some that are absolutely amazing that I haven’t seen before, Thanks for the post
( )Jon Purcell June 29th
Peter Pearson site im my eyes is great i love it dont get me wrong there all great but that one just stands out for me great work
( )Adam June 29th
nice collection. nice to see my friend peter pearson featured.
( )Brian Temecula June 29th
Of the sites that I previewed, I liked MetaLab’s the best.
( )James June 29th
I think I see typos on the page
( )#9 should read “Gavin Castleton”
and it should also read “#1″
josh June 29th
Not a bad list… it seems the horizontal thing is getting to numerous time for me to change mine up
( )Thibault June 29th
Nice thank you.
( )Krystian June 29th
very cool, thanks for sharing.
( )Evan June 29th
These are mainly portfolio sites. How about some designs when the challenge is actually hard, the business requirements are strict and well defined, and the stakeholders are diverse? This is silly.
( )CSS Ninjalito June 29th
What is this? Smashing Magazine now?
( )Jeffrey Way June 29th
No – this is Nettuts+.
( )Zach Dunn June 30th
Well played
Shuuun June 29th
hard but true. Nice websites but, erm.. what is the point of this article?
( )Hmm, dont get a rest, just because the image gallery a few days ago was amazing
sam June 29th
Cool. So I can add some links to cool designs and make $300???
( )Anon June 29th
It’s 100 and that is for tut plus articles only that they offer 300!
Stop complaining!!!!!!!!!!!!!!!!!
( )Meshach July 1st
lol I can guess who “Anon” is.
*cough* *cough*
Meshach June 29th
Tuts quality has been lacking lately…
( )Anon June 29th
Did you see the one before? I bet you didn’t know that. You just like to complain. If you think you are better, why don’t you make one?
You also need to add some extra articles like these so they are refreshing and inspire us. Nettuts need to have these once in a while!
( )Meshach July 1st
Why hide under an “Anonymous” to insult me?
I’m not going to answer your questions because it would only lead to more bashing.
But I will say this: Getting $150 for putting together a list of nice websites is interesting to say the least.
The Lou June 29th
A lot of these designs are pretty amazing, but it almost seems like they all have some checklist where they need to make sure that they put, “Hello…my name is _____ and I’m a web designer.” As creative as these designs are, you’d think there would almost be a better way to accomplish the task of describing your site without having almost identical intro text with many of your peers. I’m all for being clear about the goal of the site, but I also think that some ways of doing things are way too over done. I’m not trying to be derogatory, though, ’cause the talent on this list is amazing.
( )Shane June 30th
Yes, the “Hello…my name is _____ and I’m a web designer.” bloody great big heading has become rather clichéd hasn’t it?
( )Kent June 29th
I think this list is a bit underwhelming. Many of the sites simply feature a large photograph or background image and little else on top of that. http://cssremix.com/ and http://www.cssheaven.com/ are much better design inspiration resources.
( )Jarryd June 29th
Typo on Mooty
Some fantastic web sites there, motivation to get working on my own!
( )Rata June 29th
My favorites: 9, 14, 17 & 26. But the cow isn’t bad too
Nice collection.
Than’x.
Kind regards
( )Rata
Brad June 29th
I started out with a couple favorites, then found they all were! Exemplary! Well chosen and kudos to the designers!
( )Drazen Mokic June 29th
@Neil This is posted in Articles, not in Tutorials.
Thanks for this collection, atm. i am building my own portfolio so this comes really good for little inspiration.
@Rob
They are exceptional from the visual aspect, most of them. Apart from that you are also right, Webdesign is not just graphicdesign.
( )Ashley Adams : Postcard Printing June 29th
When it comes to web designing, it’s so easy to end up creating something that looks like yet another of the millions of websites out there. It lacks originality, freshness and that special edge that helps a site stand above the rest. As a smalltime designer myself, I’ve faced similar problems time and again.
That’s why, I find such lists as this very helpful. Almost always, I end up learning something, feeling inspired and greatly motivated to start thinking afresh.
This is a very inspiring list. Thanks.
( )Muhammad Adnan June 29th
great collection !
( )Q June 29th
Thanks for the list!
I’m sure everyone’s noticing the new design trend with portfolio websites….
“Hi, my name is _______. I am a ________.” I think it’s great to sell what you do right off the bat like that, but at this point isn’t it getting a little over used? I guess I just think it would make you blend in rather than stand out to start your page off looking exactly like everyone else’s portfolio does.
Anyone have any thoughts/comments on this?
( )Ejaz June 29th
Excellent Resource
( )steven June 30th
good
( )Gert van den Brink June 30th
Great collection. Some of them are surely going to my favorites!
Thanks!
( )Jason Walker June 30th
Thanks for including my site with all these other great ones!
( )Peter Pearson June 30th
Awesome, Thanks for the feature
( )insic June 30th
some sites also posted in Vandelay Design Blog
. This site is really awesome
( )ElGuapo June 30th
How did this site miss your top 30 list? I guess it must have been 31… oh well
http://www.webking.com/
( )Elias Sierra July 3rd
An underlined, bold and 24px size “Lol”
( )Omar Abid July 4th
another great website from the 92 or 93 era.. must be built with the Front Page 98!!
( )Jason Kempshall July 5th
HAHAHA, good find!
( )mr_nelson September 9th
loving it!
( )Evgeny June 30th
Super !
Thanks…
( )Lost June 30th
kinda old..jukkasoininen.com
( )imran zahid raju June 30th
so nice…
( )looserizback June 30th
great!
( )Shorter Master June 30th
Great Designs man, just to correct you, there’s a typing mistake for “Mooty” accidentally written as “Motty” in the title.
( )Mujtaba June 30th
Just got a load of ideas by just scanning through this page,
( )and here is one more nice design (though not exceptional ): http://www.dynamicguru.com/mujtaba/
e-Muškarac.com June 30th
This is great!
( )coyr June 30th
Great list!. Juan Diego Velasco site is beautifull, great work for everyone
( )DemoGeek.com June 30th
I would love to retire to that Serj Island, looks beautiful!
( )Jonathan Olsen June 30th
Thanks for featuring me with all of the other nice designs! Appreciated.
( )Dario Gutierrez June 30th
Great list and awesome sites.
( )e11world June 30th
This is a good list! I got inspired by a few of the designs here and will hopefully try and re-design my site early next year to make a top 30 list like this.
( )Kasper Lau July 1st
Truly nice work on some of them.
( )Jan July 1st
Sorry, but I do not think that this is such a cool, super, amazing ,great…whatever… list of great designs as many of you are saying.
I’m wondering why author pick just these pages, but anyway at least it is good way to make promo for some pages, as author say: “Most of these are relatively new” – so let’s make some promo LOL
please do not kill me for this comment
( )duellsy July 1st
Some really impressive stuff here… lists like this are very humbling!
( )Illusiv July 1st
Thank you for featuring my blog!
( )Martyn Web July 1st
I like the Brooklyn Fare for the simplicity of the design, the Feed Stitch for the header and colours used and then Creative People just because the imagery is awesome and completely random.
Great list.
( )Eckard Hunrichse July 1st
Hi, thanks to put our website.
( )hoping like to all of you.
Atte tanq.
Media Contour July 1st
Such a diverse collection of different techniques and methods for web design. Some seem too simple and too focused on advertising rather than presenting a visually pleasing, easily usable website. Overall, great work.
( )Website Design July 1st
Very Nice Collection Guys
( )Tou Lee July 1st
I really enjoyed this list! Gave me some awesome ideas for my next project. The one that I thought was quite awesome was the animation for the Food, Inc. site. Does anyone know how they probably did that animation?
( )Jonathan Olsen July 3rd
It’s made with JavaScript if you check out the sourcecode.
( )Fred Maya July 2nd
Wow, thanks for the mention and link to my lil’ portfolio, I am truly honored to be listed amongst these very inspirational designs. Its also been great to browse around some of the sites & portfolios that I had not seen before!
I’m more of a lurker than a commenter, so I’ll take the opportunity to say this: I have frequented the tuts sites for some time now, I really think the creators and writers here do awesome work so please keep doing what you do
( )Rishi July 4th
Not bad.
( )Chris July 4th
Great-thanx so much for this superb overview!
( )lhoylhoy July 4th
I’m inspired! but I can’t even copy even the worst one in the list! hehe! but i’m inspired!
( )tech guy July 5th
Amazing collection here. Ive bookmarked and shared
Thanks for sharing these quality post.
( )Martin July 7th
What I hate about these kind of collections is that almost all of the sites are for designers or design agencies. Most of this stuff doesn’t work in the real world and does not work for business.
They are pretty, I’ll say that.
( )Stefan July 8th
Just stumbled across this site by Twitter. Most of these designs are awesome. Thanks for this great collection!
( )Freelance Web Designer July 8th
Nice work for all of them
( )John July 8th
Owltastic. It’s just too pretty to not be listed here. http://owltastic.com
( )Ashwani Sharma July 8th
Amazing design, really great.
( )Now I’ve lot of ideas for my next projects
Thanks…
landscape Photography July 11th
Awesome collection of site design, really inpirational and great food for thought. Thanks!
( )Alex Abramov July 11th
Very nice list! Thanks for featuring my site, guys!
( )Kid July 23rd
Many Thanks…..
Great Collection….
Hope you make another
( )yanggun July 23rd
that’s cool!
( )web designs July 24th
Really an expectional one its really awesome ones 5 out of 5 for all.
( )NOT IMPORTANT August 30th
Booooo, most of them are so samey… You got paid for not much…
( )Xicom Technologies November 19th
Great designs to follow!!
( )thanks for sharing.
Xicom - Web Development November 19th
Amazing collection here. Thanks for sharing these quality posts.
( )