Have you ever come across a content page somewhere on the web and thought to yourself “man, this page has everything I need to know for what I’m looking for?” It’s rare I know. But every once in awhile you come across a page like this and naturally you bookmark it, tweet it, stumble it, and share it with your friends on Facebook. The page is so good you find yourself coming back to it more and more to get high quality information. I’m not talking about an entire site. I’m talking about 1 single page that is so good it you are forced to respect it.

How many pages like this have you created? Well there is a reason not every web page you come across is this level of quality, and that’s because they are difficult and time consuming to put together. But those that do are those that get all of the traffic. I call it the “Super-Duper” page for lack of a better name and I would like to show some examples and best practices of what makes these types of pages so special.

1. Apple iPad Tech Specs Page

http://www.apple.com/ipad/specs/

Notice the nice large images of the product. Also notice the “Buy Now” button neatly located at the top right location of the page.

You gotta love how the Apple Web Designers layed out all of these technical specs. A gray line that separates each section with perfect CSS for the UL tags. More images of the iPad product along with some links to other pages of additional information.

More of everything mentioned above. This section of the page also has this cool little paper like image that contains more bulleted information on it called the “Environmental Status Report”.

2. Firefox Features Page

http://www.mozilla.com/en-US/firefox/features/

Firefox does the same thing as Apple only with way more meat (content). If you look at the source code you will see that Firefox is also running a multi-variate test on the different images to see what helps the page convert better.

Notice the small infographic called “Firefox Performance Test”. This is a genius idea. Try doing what they do and integrate your own infographic within one of your content pages.

A very slick separation of content by creating a separate background color for the “Newest Web Technologies” section. This page really helps the visitor quickly browse the page and take in all the most important information.