6 Methods to Make Your Website Standout
Posted in Design StylesMar 06, 08 | 09:31 am
Steven Snell
A goal of most designers is to make their projects stand out in some way. With millions of websites online and more being added everyday, creating something unique is increasingly difficult. Each designer has a different approach. Here is a look at 6 things you can do to make your site standout.
1. Large Background Images
One of the easiest ways to create a unique design that is sure to stand out is to use a large background image. The images can enhance the layout of the page and make it more complete and visually appealing. With CSS, the background image is simple to add, and it can drastically change the look of an otherwise routine website.
Web Designer Wall is a well-known site that makes good use of a large background image. The site/blog uses a fairly standard two-column theme layout, but the background image gives the site a look that is anything but standard.
For more designs that feature large background images, see Fadtastic’s Big, Bold Backgrounds.
2. Unique Layouts
Most websites use one of a handful of common layouts. By thinking outside of the box and creating something a bit more unique, you can certainly standout from the crowd. The layout of the site is a big factor in usability and effectiveness, so be sure that whatever you come up with still works for you and for the user.
MelissaHie.com effectively uses a unique layout to differentiate from other sites. The site is really just one large page, and the navigation leads you from one section of the page to another. When you click on a link you will slide to the next section until you eventually arrive back at the start.
To see more examples of creative layouts, see 20 Websites With Unique Layouts.
3. Creative Navigation
The navigation of a website plays a large role in the appearance and the usability of the website. From an appearance perspective, navigation gives the designer a great opportunity to be creative and introduce other elements and rollovers into the design. The look and attractiveness of navigation should never overtake the need for usability, but even with a usable and accessible navigation scheme there is plenty of room for creativity.
BenHulse.com features a creative navigation menu that uses color to interact with the large image on the homepage. The picture includes 7 rows of color on the floor. The 7 navigational links are lined up above the rows of color on the floor, and upon hovering over a link an underline appears that matches the corresponding row of color on the floor. It’s a creative way to make the nav bar different, and it even enhances the effect of color on the design.
4. Minimalism
By using a minimalistic style you can stand out by not trying too hard to standout. I an effective minimalistic design does not simply lack substance, it achieves balance and attractiveness without the need for excessive design elements.
Finch uses a minimalistic approach to creative an attractive website that is different from most competitors because it is free of clutter and it doesn’t rely on a lot of images and pictures to achieve the look.
For more sites that use minimalism effectively, see 25 Beautiful, Minimalistic Website Design.
5. Improved Logo or Branding
The look of a website can be enhanced or held back by the quality and effectives of the logo and/or branding that is used. A very effective logo can greatly improve the look of a site and help it to stand out from the competition. Many websites don’t have quality logos, so this provides the opportunity to stand out.
To see some examples of great logos, see 15 Wonderfully Simple Logo Designs.
6. Horizontal Layout
If you really want to stand out, one sure way to accomplish this is by using a horizontal layout. Obviously, most visitors are used to scrolling vertically, so horizontal layouts are kind of a love-it-or-hate-it style. The Horizontal Way is a showcase gallery of horizontal designs, and appropriately it uses a horizontal layout itself. There is no vertical scrolling necessary, just left to write, similar to a book.
For more examples of horizontal layouts you can view the gallery at The Horizontal Way.













inspiring commentary
March 6th, 2008 at 9:35 pmSteven Snell
Hey Mubs,
Congrats on launching the blog and thanks for having me as a part of it.
March 7th, 2008 at 11:32 am» 6 Methods to Make Your Website Standout | Most Inspired Blog Webcreatives
[...] 6 Methods to Make Your Website Standout | Most Inspired Blog Related StuffWhat type of designer are you? : Alicia Harper Design20+ Free Web Design Ebooks And GuidesQuestions to Ask Yourself When a Design is Coming Up Short of Your Expectations | Vandelay Website Design99 Graphic Design Resources10 Reasons Web Designers Should Blog | Vandelay Website DesignVirtual Hosting Blog » Inspiration Overload: 100 CSS Galleries You Need to Check OutGrid Designer 2UniqueCSS.com | The Most Unique CSS Designs. Here.Freeware Software for Web Designers | TechnoTarget12 Steps to Creating a Professional Web Design | Professional Web Design Blog [...]
March 7th, 2008 at 12:31 pmWeekly Links - March 7th | Vandelay Website Design
[...] 6 Methods for Making Your Website Stand Out at Most Inspired. [...]
March 7th, 2008 at 6:42 pmsir jorge
Great article, good points.
March 10th, 2008 at 5:55 am6 métodos para hacer que tu página destaque
[...] traducción de mostinspired) Diseño web | Permalink | 0 | [...]
March 10th, 2008 at 9:41 amJames Carr » Blog Archive » links for 2008-03-10
[...] 6 Methods to Make Your Website Standout (tags: webdesign tips inspiration) [...]
March 14th, 2008 at 5:39 am[網摘] 20080314 « Oceanic | 人生海海
[...] 6 Methods to Make Your Website Standout 我突然想買繪圖板了 o_O [...]
March 31st, 2008 at 8:09 pmThis Month In SEO - 3/08 - TheVanBlog
[...] 6 Methods to Make Your Website Standout [...]
April 1st, 2008 at 9:44 pmThis Month In SEO - 3/08 | TheVanBlog
[...] 6 Methods to Make Your Website Standout [...]
April 14th, 2008 at 7:21 pm» Cosas a tener en cuenta a la hora de diseñar
[...] continuación entonces, les comentaré acerca de un artículo publicado originalmente en MostInspired, en donde nos habla de algunas formas para hacer que nuestro diseño se [...]
April 30th, 2008 at 7:27 pmCosas a tener en cuenta a la hora de diseñar « Blog’s CSoer
[...] continuación entonces, les comentaré acerca de un artículo publicado originalmente en MostInspired, en donde nos habla de algunas formas para hacer que nuestro diseño se [...]
October 10th, 2008 at 3:07 pmAlanya haber
very good… Thanks you very much !
January 28th, 2009 at 11:35 pm[網摘] March 14th 2008 - My Habari
[...] 6 Methods to Make Your Website Standout我突然想買繪圖板了 o_O [...]
September 4th, 2009 at 9:42 amAstryd
Great read. Thanks for the tips.