Five awesome website design techniques you should emulate

Some websites just seem to have exactly what you want, exactly where you’d expect it to be. Here are five of them:

carnival-cruise-websiteCarnival Cruise Lines: Carnival understands that a broad range of visitors browse their website. Its layout makes it easy for everyone from the casual surfer seeking information to the guy with his credit card in hand who wants to book his cruise, like, yesterday, to get what they want fast.

The top navigation is simple and drops down to reveal several options, a rolling promotion catches visitors’ attention, and secondary boxes cater to booking, planning, information and an e-mail sign-up. All the fun stuff is above the fold, while more mundane links to specific information is below the fold (yet still very easy to navigate). The designers pulled off a directory-size footer without detracting from aesthetics.

prestashop-websitePrestashop: Many websites have a similar concept, but Prestashop’s combination rollover/fly-in pitch block takes the cake. Icons help important copy stand out, while buttons prompt visitors to learn more or download the free shopping cart. Web space is at a premium, and this clever design allows the Prestashop designers to contain all the content of a large informational page in a succinctly striking box without losing impact.

wealthy-affiliate-websiteWealthy Affiliate University: Wealthy Affiliate uses a similar click-and-drag technique at the top of its home page to contain a lot of information in minimum space — though for a slightly different reason. The top slider acts as bullet points for the pitch below, which is essentially long copy promoting membership in an affiliate marketer education program. What’s ingenious about this strategy is that Wealthy Affiliate is likely using it because they know some people will respond to long copy and others will respond to short copy, so the use of this technique appeals to both types of audiences and reinforces both ideas.

seo-book-websiteSEOBook: I love the simplicity of this website design. Notice how the oversized logo with a top center position relates to the tagline: “Learn. Rank. Dominate.” Right away, you feel that you’ve come to an authority.

auglaize-county-webiteAuglaize County: This website contains enough information to service an entire county, yet navigation is clear and simple. The most popular links are graphically intertwined with a photo slideshow block, and notice how they’re sized down on interior pages compared to the home page.

There are literally thousands of incredible website designs. What are your favorite techniques?

6 Responses to Five awesome website design techniques you should emulate

  1. professional finance May 29, 2011 at 10:02 am #

    good and incredibly educational info.

  2. Brian June 1, 2011 at 7:58 am #

    Thanks for the compliment professional finance! See if incorporating any of these techniques into your linked website helps increase conversions.

  3. baby contest June 21, 2011 at 4:39 pm #

    Hello my family member! I want to say that this article is awesome, great written and include approximately all vital infos. I¡¦d like to look more posts like this .

  4. Brian June 22, 2011 at 9:12 am #

    Thanks for your feedback, baby contest! I’m glad you liked my post. I’ll keep your comments in mind as I plan future posts. The one thing about design trends is that they’re constantly evolving, so it’s easy for us bloggers to consistently highlight new trends in this dynamic field.


  1. 12 awesome Microsoft Word Business Card Templates - January 17, 2012

    [...] this set Visit and get your free business card design templates. Here are five awesome website design techniques you should emulate to help you make an outstanding [...]

  2. Create Abstract Colorful Balls illustration in Photoshop CS5 - February 13, 2012

    [...] Here’s another CSS tutorial that will help you make an awesome website design. [...]

Leave a Reply