Best‎ > ‎

Website Designs

The gadget spec URL could not be found
The gadget spec URL could not be found
The best web designs to learn from.

Video in Background


Freedom! Networks

YouTube Networks

Creative Nation

Clean Design


Call to Action


HTML5 themes with a WYSIWYG editor to build a custom website very quickly with hosting by Wix

Great


YouTube

MCN

Video


Faces

Changes each refresh!

Games


Not as Good

So Bad

Unique


Better












www.pinterest.com

















No trailing / in URL!






(Download and run web installer - amazing GUI)












Need

Clear sections
  1. Branding
  2. What is it?
  3. Value proposition

See

Designs by Maryann


Clean Designs

Uses WebSockets with Google sign-in

Uses HTTP with Google sign-in (but need to specify domain)

Responsive Designs

Avada

Sundance

YouStats

Good Designs


Aggregators

WordPress themes

Portfolios

"U Rise" Design Analysis by Neel Singh

Tips

Clear mission statement: what do you do answered in 5 seconds to first-time visitors

Good examples

Create a powerful video site

Bad examples

Lots of game imagery, no clear "what it is" (it is "cloud gaming")

Better example of "what it is" but too much text

Graphics and text

More graphics, less text, "Learn more" links for details

Good examples

Bad examples

Clean design, too must text

Clean design

Lots of whitespace!

Good examples


Create account

Sign-up is gorgeous!

Create some kind of point system (like Linked In, only uses % complete)

Web 2.0 style

Best

Verygood
http://videohive.net - WordPress, very fast

Good
Okay

Mention

Video


Okay

Custom style

Best

Verygood

Okay

Top $x


Full-width scrollers

http://www.gm.ca/gm/english/vehicles/chevrolet/cruze/feature-hub

Footer


Web browser games sites

http://aeriagames.com/
http://lekool.com/

Games websites

WoW
MMO Hub

Curse

Wikia

Blogs

China Unleashed

FoodPress

Featured on WordPress!

Angled text!



Clean, better than most blogs

Stores


Forms

Clean, friendly

Get to input your credit card
Excellent required inputs UI

Long sales copy


Design Collections

Logos
http://web2list.com/logos/?max_count=150

The Best Designs

Documentation

Introduce a new version

Flash


Web 2.0

Clean

Sexy
cuil.com

404 page

Video

Logos

Nice list of partner logos

Pre-launch page, style 1


Homepage, style 1








Homepage, style 2


http://www.mailchimp.com/

Free project management and invoice tool


Best ad landing page


Click ad


Best




Clean, above the fold, simple, best-of-the-best conversion page designer

Apparently good for conversions (Havind)




grooveshark.com




Verygood























































(also signup form)


















Apture embed multimedia

Social Gold (bought by Google)


Good



Clean homepage with hover effect!






http://www.onesuite.com/

www.bunchball.com (gamify.com main competition)
http://37signals.com/
http://www.getresponse.com/
http://linkvana.com/
http://modxcms.com/
http://www.pubmatic.com/ 
http://topsy.com/

http://www.formstack.com/
http://www.passpack.com/
http://compete.com/
http://www.campaigner.com/
http://www.kozenguide.com/
http://www.ancestry.com/
http://www.erepublik.com/
http://www.clearspring.com/
http://www.wibiya.com/
http://www.stribe.com/
http://stormseed.com/
http://bootuplabs.com/
http://www.getgambit.com/
http://getmiro.com/
http://www.simplyhired.com/
http://communityengine.org/
http://www.biobabybett.de/
http://www.wireshark.org/
http://livingsocial.com/
http://www.flow.org.tw/
http://www.constantcontact.com/
http://yieldbuild.com/
http://www.meebo.com/
http://bbpress.org/
http://compete.com/
http://www.analyticdesigngroup.com/
http://xtimeline.com/
http://www.etherpad.com/
http://www.webyog.com/en/
http://tinymce.moxiecode.com/
http://www.gatesfoundation.org/Pages/home.aspx
http://www.scoopler.com/
http://twitvid.io/

Poor


Not good, but works well

http://www.changedetection.com/

Not good

http://www.surveymonkey.com/
http://compete.com/
http://skrbl.com/
http://www.openlayers.org/

Obsolete
http://www.phoenixdragoons.com/

http://eat-rotic.com/

Web 1.0

Dark
http://www.theesa.com/

Menu

http://www.gatesfoundation.org/Pages/home.aspx

http://www.nvidia.com/page/home.html

Unique down-arrow hover effect

Design principles

http://www.masternewmedia.org/information_design/information-design-principles/web-20-design-simple-social-design-components-20071017.htm

Search Input Box

http://www.citysearch.com/

Drupal Skin

http://drupal.org/project/themes?text=warcraft
World of Warcraft

http://drupal.org/project/colourise
Colorize

Business

http://www.basecamphq.com/
Free 30-day trial
Clean, simple HTML
Try to cancel and get offered 50% off!
Nice cancel confirmation page assuring you will not get called again (left in peace)
http://37signals.com/cancel?p=1

Resume


WordPress


Flash

Jewelery
http://www.patricia.co.jp/

http://www.imaginationcubed.com/

Comments