Mar 11th

Featured Areas in Web Design: Examples & Best Practices

Featured Areas in Web Design: Examples & Best Practices

Whether it be for a portfolio, or a blog, there are many instances when you want to make your viewer see a particular message displayed in bold at the top of your web design. There are various trends that web designers use to get their message across, and I have compiled a list of the best practices and examples in designing a featured area for your website.

Slider Boxes

The use of sliding boxes to display dynamic content has become very popular over the past couple years to pull aside content and let users know you want them to view it.  The trend among web designers is to use these fairly simple actions to display featured designs in their portfolio.  It looks like designers are moving away from flash (I realize there are still those who love it) for dynamic content in web design, and using other alternatives to create the same effects in a more compatible, and efficient way.  Here are a few examples of creative uses of slider boxes within websites.

OH! Media

Senso Studios

Two24Studios

Design Junction

Idealist Consulting

Designs Genius

Studio Bennett

SpoonGraphics

Branded07

MonoFactor

James Lai Creative

Galan – Interactive Media

Dino Latoga

Crush + Lovely


Large Images Catch the Eye

There is nothing like getting right up in your face with a large vibrant image.  This will always pull the viewers eye into what you want them to see.  There are plenty of bad ways to do this, but when done right, you can create something beautiful.   Here are some practices of using large thumbnails, or images, to draw the view into the site.

Mike Precious

Webgrapes

Henry Jones

Tony Geer

Leigh Taylor

Andrew Bradshaw Media

idsgn

Authentic Style

Large Typography

Typography can be a beautiful thing.  I’ve shown you 50 Stunning Pieces of 3D Typography, and now it’s time to display how you can make a visually appealing featured area based around type design.  As simple as these are, it can be a real feat to create.  Simple is not always the easiest choice, but here are some beautiful examples of it working with typography to get your message across.

New Concept

Jeroen Homan

Works4Sure

Winnielim

Rikcat Industries

Danny Blackman

Cabedge

Gain best expertise in web designing with testkings online web designing course and become expert using 640-802 videos and 70-680 tutorials.

Related Articles

Written by Matthew Heidenreich

Matthew Heidenreich is a freelance designer from St. Louis, Missouri. He enjoys teaching others how to create interface and web design tutorials. Find his work on his site, DeviseFunction. You can follow him on Twitter @Spicypepper.

Share Your Thoughts8 Comments

  • Dani April 10th, 2010 at 2:37 pm

    polished looks, but some are too busy for my taste

  • fgaeg April 15th, 2010 at 10:55 pm

    hello, instantshift has released Essential Guidelines for Featured Content in Web Design – http://www.instantshift.com/2010/04/15/essential-guidelines-for-featured-content-in-web-design/ and this page are included on the post, thx

  • Expert Melbourne Website Design February 3rd, 2011 at 8:23 pm

    Thanks for your insight, really got us thinking more about slider boxes and the various ways they can be used.
    Great read, Cheers Matt!

  • Luke July 14th, 2011 at 1:19 am

    This was a great read. Well written and informative with some very slick examples too.

    KEEP UP THE GREAT WORK :)

  • Fairy Gnome Statue Sculpture October 22nd, 2011 at 2:14 am

    Very elegant design.I love it, especially the typography. Keep up the good work.

  • Marybeth Flanders January 21st, 2012 at 9:32 pm

    Wonderful, what a weblog it is! This weblog presents valuable facts to us, keep it up.

  • Bay Area Web Designers March 1st, 2012 at 1:24 am

    Your attractive Website Design gives boost to the customer satisfaction and interactivity. Many of the customers are themselves unclear about their goals and needs.

Leave Your Response