Posts Tagged ‘nice layouts’

List of well designed websites

Thursday, July 23rd, 2009

Below are a few simple but well designed sites and Why!!

  • Mozilla.com
  • Iconbuffet.com
  • Boldchat.com
  • Enhancedlabs.com
  • Protolize.org
  • Sumagency.com
  • www.teamviget.com

Mozilla.com

Clear, open, fresh, simple. When you arrive at this site, you’re under no doubt what the site does, or where to start looking for what you want. The design is positive and happy.

mozilla.com screenshot

Iconbuffet.com

The site sells icons, so it lets the icons rule, showing its wares from the first page.

The colours and typography are solid & strong, projecting a trustworthy brand while not getting in the way of the proposition.

iconbuffet.com screenshot

Boldchat.com

Boldchat provide a great live chat service for web sites, which is a very wide market to address.

So the site design is clean, smart, and shiny, using clean copy and smart imagery to communicate the core messages in a compact space.

boldchat.com screenshot

EnhancedLabs.com

Another icon maker, doing bigger, richer icons, so the the site showcases them bigger & richer.

Bold, flattish colour creates a strong first impression and still lets the product stand out.

enhancedlabs.com screenshot

Protolize.org

Tony Yoo’s collection of recommended web resources is a great example of strong graphic elements balancing to make a site that’s bold and easy to use.

Big text, simple nav, high usability, all wrapped in strong colour and finished off with nice graphical touches.

protolize.org screenshot

Sumagency.com

Acres of balanced white space, easy-read text and cute content graphics combining to tell a simple story.

sumagency.com screenshot

I just love the concept with the wall metahpor that this website uses. I also think that the way this site works with all the interaction and movement being done with CSS is very cleaver.

vignet

What Do you think?
When you go to a website that you like do you know why you like it?
Do you even think about why you like it :)

Website Favicons

Tuesday, October 14th, 2008

A favicon (short for favorites icon) is an icon associated with a particular website or webpage. They are also know as website icon, shortcut icon, url icon, or bookmark icon. You can your favicon and use it with your website (or webpage) by several means, and most web browsers will then use it. Browsers which support favicons typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. New browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title.

Favicon image types

Most modern browsers will recognize PNG, GIF, and JPG formats for favicons, but Internet Explorer doesn’t so it is best to use the ICO format, which works in all browsers.

How to make a favicon file

I generally use a free online favicon creator site like http://www.faviconprime.com where you can upload a jpg png or gif and have the site create an ico file for you to download and upload to your website.

There is also an ico creator plugin for Photoshop as well as other pieces of software that you can use to create your ico file.

Code for your favicon

Once you have your favicon, you need to add this line of code to the within the head of your HTML document so your favicon can be found:

<link rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon” />

and voila you should have your own nice favicon for your website.