Awesome Web 2.0 Sites for Design Inspiration

Ranked #160 in Internet, #6,100 overall

Awesome Web 2.0 Sites for Design Inspiration

Jumping on the Web 2.0 bandwagon? Use these sites as a model of inspiration: ranging from Web 2.0 storefronts, to product and software sites, business services and more - these Web 2.0 sites will inspire you and show how proper website layout means top notch usability!

Bookmark and Share

Top-Notch Web 2.0 Site Designs

A look at the best of Web 2.0 Eye Candy

This page has a running list of some of the most incredible, impressive looking, well-implemented or easy-to-use Web 2.0 sites I've seen. It was meant as a gallery for web designers looking for inspiration to "modernize" their own sites, or to see what some of the industry's best have done to make their site more appealing and credible to users. Pay attention to other elements, such as navigation, calls to action, logos, and text style.

Typical Components of Web 2.0 Site Design

  • Lots of space: Web 2.0 sites tend to have a lot of wide-open space. It's a contrast from the 90s, where the trend was to make usage of every square inch of a website's home page with links, banners and applets. White space is embraced to a major degree, as it calls attention to important buttons and links.
  • The "Less Is More" Mentality: By putting less on the page, you're drawing more attention to the elements that matter: content and call-to-action buttons. "Clutter" and Web 2.0 simply do not mix - this is a new era of design psychology.
  • Gradients: Merely a design element, gradients are used in Web 2.0 site design to give a clean, soft impression that's easy on the eyes.
  • Large Fonts: Huge headings are a popular trend in Web 2.0 design - headings are usually taglines that describe or summarize what a website is about in just a handful of words. It's a huge benefit to first-timer usability, especially since new visitors would like to "get to the point" without having to read an intro paragraph.
  • Dramatic Color Contrast: Another typical element seen in Web 2.0 design are bright colors (particularly neon colors) that accent site elements including menus, separator bars and footers. Many sites use this same neon color for their hyperlinks and headings, as well. Sometimes, the contrast between bright neon colors and charcoal or light gray text are put in unison for a dramatic effect.
  • Eye Candy Logos: In Web 2.0 logo design, it's almost expected to see logos have a shiny plastic luster, or a soft gradient. Most Web 2.0 fonts are similar to basic Arial, Tahoma or Helvetica, and are simple. The colors used within the logo are also typically mimicked on other site design pieces to create a sense of uniformity.
  • Huge Buttons: Calls to action (buttons that prompt you to "Get More Information," "Download Now," "See A Demo" or "Buy Now") are typically gigantic in Web 2.0 design. They're also attractive, featuring a color that strays away from the rest of the website's schematic. These buttons are typically isolated by a great deal of space, making them very easy to notice.
  • Reflections: Product images, screenshots and icons can be seen as having "reflections" underneath them, as if they were standing on top of a new laminate floor. It's a stereotypical design element of Web 2.0.
  • Lots of Icons: Web 2.0 icons are always in vector format, which is the standard format created by software such as Adobe Illustrator and Flash. They're attractive and clean looking, and are used to either draw attention to a website's sub-categories, a product's individual features, or anything else that the web designer wanted to help associate for a viewer.
  • Exaggerated Web Form Fields: Huge form fields add to usability and draw attention to sign-ups and registrations. Instead of typing in a search, a username or anything else into a tiny web field, Web 2.0 has evolved them into massive interactive boxes with large text that makes things easy to see. For a good example, look at Tumblr.com's huge fields.

You Might Also Like...

Loading

Got Feedback?

submit
  • Reply
    skygate Jan 24, 2012 @ 12:17 am | delete
    If you have a business anywhere in the United States and are planning to start your website project with the help from website designing companies, you probably already have noticed the huge number of design studios all over the States. You will find a wide spectrum of services, packages and prices offered by these companies. However, you can narrow down your search to a local website designing firm. Skygate Media is a national web services firm that offers you local services through their web designing network all over the country. Ask for further details by sending a mail to info@skygatemedia.com.
  • Reply
    dsl1980 Dec 12, 2011 @ 2:09 am | delete
    how can i increase traffic to my blog related to Free wordpress themes
  • Reply
    dking82 Dec 3, 2011 @ 1:37 am | delete
    This is a great list, thanks! Once I reach level 11 I'll be happy to add this lens to my Featured Lens modules!
  • Reply
    ana_nimoss Oct 16, 2011 @ 11:31 pm | delete
    Never knew that looking at websites can be so much fun. Great lens.
  • Reply
    dsl1980 Sep 28, 2011 @ 1:31 am | delete
    how to drive traffic to my free wordpress themes site
  • Load More

by

Pixelrage

Hi, I'm Mark, and I go by the screenname "Pixelrage" - thanks so much for checking out my work here on Squidoo! If you need to get in touch with me,... more »

Feeling creative? Create a Lens!