Try Tuts+ Premium, Get Cash Back!
30 Exceptional New Designs for the Web

30 Exceptional Web Designs

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!


Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://criminalexistence.com/ceforums/ shedh

    nice, very inspirational :)

    got loads of ideas from just skimming through :)

  • http://www.quizzpot.com crysfel

    i like them all :D

  • http://myfacefrends.com Myfacefriends

    nice collection thanks

  • http://www.stylerex.com Bimal

    Nice!!

  • http://www.stylerex.com Bimal

    Herez another one : stylerex.com

    • Gregorio Ramirez

      shameless plug

    • Rob

      This is a joke yes?

    • http://www.datamouse.biz DataMouse

      Really? Needs some graphic wok, IMO

      • http://stylerex.com Bimal

        What kind of work?

    • http://www.buildinternet.com Zach Dunn

      Are those marbles?

    • Ash Clarke

      ugly.

      • Jiggins McGee

        Correct, ugly.

    • Julia

      it is ugly for sure. i would rather have no portfolio at all

    • Reuben

      I like the site. Its awesome!!

    • Angry Web Designer

      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

      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.

    • http://www.help2career.com Rishi

      Enough has been said.

      Its ugly for sure.

    • http://omarabid.com Omar Abid

      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

        I find nothing wrong with the site.
        Can anyone point out something?

    • Niels

      Gratz, you got yourself some traffic. No go stand in the corner.

    • Juanjo

      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.

  • http://designsector.org/streek/blog Sunil

    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!

  • http://chrisjennings.com Chris Jennings

    I’m astonished to see my blog grouped with all these great designs. Thank you!

  • Robbert

    They are absolutely amazing! Thanks. It makes me feel like a very mediocre designer though ;)

  • Jesús Moreno

    Nice !!
    Inicio = Home
    The name of the web is tanq

  • Neil

    Great “tutorial”

    • bill

      yeah really. they paid you for this?

      • Ryan

        I agree Bill. This isn’t up to NetTuts’s standards.

  • kevinsturf

    nice set of sites here.

  • http://cssah.blogspot.com/ cssah

    really great.Thx

  • http://mahallo.net Mahallo Media

    All designs are great!

  • http://www.serj.ca/ Serj

    Thanks a lot for featuring my site!

  • http://www.altograu.eu/portfolio Sérgio Soares

    nice list
    Thanks

  • http://twitter.com/sinnix Jeff

    Nice list but some of them are a little over-engineered.

  • http://newevolutiondesigns.com Tom – New Evolution Designs

    These are great!

    How do you find all of these?

  • Rob

    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

      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

      There are some exceptional designs. They may be poorly executed or implemented as HTML but they are great “designs” none the less.

  • AnnaF

    Must see Flipick at http://flipick.com… Looks gorgeous!!!

  • AnnaF

    Must see Flipick at http://flipick.com

    Looks gorgeous!!!

  • Evan Riley

    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

    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

  • http://www.adamrobinson.cc Adam

    nice collection. nice to see my friend peter pearson featured.

  • http://www.brianswebdesign.com Brian Temecula

    Of the sites that I previewed, I liked MetaLab’s the best.

  • James

    I think I see typos on the page
    #9 should read “Gavin Castleton”
    and it should also read “#1″

  • http://www.praeterdesign.com josh

    Not a bad list… it seems the horizontal thing is getting to numerous time for me to change mine up

  • Thibault

    Nice thank you.

  • http://www.bolderimage.com Krystian

    very cool, thanks for sharing.

  • Evan

    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

    What is this? Smashing Magazine now?

    • http://www.jeff-way.com Jeffrey Way

      No – this is Nettuts+.

      • http://www.buildinternet.com Zach Dunn

        Well played

    • Shuuun

      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

    Cool. So I can add some links to cool designs and make $300???

    • Anon

      It’s 100 and that is for tut plus articles only that they offer 300!

      Stop complaining!!!!!!!!!!!!!!!!!

      • Meshach

        lol I can guess who “Anon” is. :P

        *cough* *cough*

  • Meshach

    Tuts quality has been lacking lately… :)

    • Anon

      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

        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

    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.

    • http://www.freshclickmedia.com Shane

      Yes, the “Hello…my name is _____ and I’m a web designer.” bloody great big heading has become rather clichéd hasn’t it? :)

  • http://www.khwebdesign.net/ Kent

    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.

  • http://jarrydcrawford.com/ Jarryd

    Typo on Mooty :)

    Some fantastic web sites there, motivation to get working on my own!

  • http://tuvidaloca.net Rata

    My favorites: 9, 14, 17 & 26. But the cow isn’t bad too ;)

    Nice collection.
    Than’x.

    Kind regards
    Rata

  • Brad

    I started out with a couple favorites, then found they all were! Exemplary! Well chosen and kudos to the designers!

  • Drazen Mokic

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

  • http://www.psprint.com/postcards Ashley Adams : Postcard Printing

    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.

  • http://www.imblog.info Muhammad Adnan

    great collection !

  • Q

    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

    Excellent Resource

  • http://svnote.cn steven

    good

  • http://www.gbwebdesign.nl Gert van den Brink

    Great collection. Some of them are surely going to my favorites!

    Thanks!

  • http://two24studios.com Jason Walker

    Thanks for including my site with all these other great ones!

  • http://www.peter-pearson.com Peter Pearson

    Awesome, Thanks for the feature :)

  • http://blog.insicdesigns.com insic

    some sites also posted in Vandelay Design Blog :). This site is really awesome

  • ElGuapo

    How did this site miss your top 30 list? I guess it must have been 31… oh well

    http://www.webking.com/

    • http://www.eliassierra.com Elias Sierra

      An underlined, bold and 24px size “Lol”

    • http://omarabid.com Omar Abid

      another great website from the 92 or 93 era.. must be built with the Front Page 98!!

      • http://arditveliu.com/ Ardit

        There’s a date at the bottom that says 2007. Bad ain’t it.

    • http://sneakybadger.com Jason Kempshall

      HAHAHA, good find!

    • http://www.eplejuice.com mr_nelson

      loving it!

  • http://vglab.ru/ Evgeny

    Super !

    Thanks…

  • http://jukkasoininen.com Lost

    kinda old..jukkasoininen.com