Web Site Design Ideas

While designing a web site it is crucial that the site is attractive, fast-loading, user friendly, focuses on your content and has a high stickiness factor to it (that shows how long the visitor stays on your site). Instead of making very complex designs with less content or bare designs with cluttered content, we recommend that you find the right balance between both.

Give importance to Layout and Navigation

A clean layout and neat navigation that uses a lot of white space enhances your site's look. Try to keep the focus on your content. That is why we recommend using dreamweaver templates for your site - all pages or a group of pages have one basic design and only the content varies - this way even if your site is a little distracting due to necessary effects, your design is noted once (hopefully with a appreciative eye :-) and then the visitor focused on the content automatically. Read our important article on Web Design Tips before you start designing your site.

If you have too many links then you should use drop-down menus or flyouts for your main topics. If you have Fireworks or Dreamweaver then macromedia drop-down menus are one of their most popular in-built "Behaviors". Otherwise you can use our own copy-paste code for drop-down menus in the article SmartWebby Drop-down Menus (This article is part of our Simple DHTML Guide a collection of copy-paste DHTML snippets written especially for designers).

Enhance the Look and Feel of your site

Some design elements greatly enhance the look of your site. We have described some of our favorites below. Most of them require Macromedia Fireworks (the graphic editor that we recommend), which generates all the HTML and JavaScript code involved, so all you have to do is go ahead and design a fabulous site!

Example 1: This example uses Swap Images, Rollover Buttons, Curves, Vector Shapes, Paste Inside, Drop Shadow. View/Buy complete site using this design: Template 7 - Food

Simple Rollover Buttons & Images

Here, a button or image changes itself on rolling over it (onMouseOver event) and reverts back to the original image on rolling out of the web object (onMouseOut event). Click here to learn how to easily do it using Macromedia Fireworks.

Rollover Swap Images

Here, a group of web objects [web object - a slice, hotspot, or button] trigger the change in the display of another graphic on rolling over them (onMouseOver event) and reverts back to the original image on rolling out of the web object (onMouseOut event). Click here to learn how to easily do it using Macromedia Fireworks.

Graphic and Photo Effects

You might have notices some cool sites and wondered "how did they do that?". Most "wow" sites use various graphic and photo effects. What you need to become an expert at is, how to use these effects in the correct amount and not over do it. Read our immensely popular Graphic Design Ideas article to learn how to use these effects, and more.

Site Interactivity

Macromedia Flash is very useful to add interactivity to your site. 95% of the world's browsers have the Flash Player plug-in, so you don't have to think about compatibility as long as your movie can be played by lower versions of the Flash Player. Try having a HTML and Flash Sections "Entry (Splash) Page" if you have a heavy movie to accommodate users on slow connections.

Interactive Applications: To make your web site more sticky you can add a few simple interactive applications like site polls, surveys, a guest book, an event calendar, newsletter sign-up, etc. There are many applications on the net but you need to choose them carefully if you do a lot of online business. You can check out our some of our Flash and ASP/PHP products, that will bring your site to life:

Related Links:

Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!

FREE Flash Actionscript & Animation Guide
Learn Flash the easy way using these easy-to-follow tutorials! Get your basics right or learn advanced flash actionscript!

Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization

This page is part of the SmartWebby's Free Web Design Guide, a collection of free web design tutorials, articles, tips and guidelines on effective web site design. From web design tips, techniques and ideas to HTML, CSS Styles, Fireworks and Dreamweaver tutorials you'll find all you need to know about web design right here!

SmartWebby.com is the web design flagship website of Jandus Technologies, a global provider of 'smart, innovative & fresh' best web design and rapid web programming services - highly professional, of top quality and globally affordable. Operational since January 2001, we have successfully built professional web sites for clients from all over the world (USA, UK, Canada, Australia, India, Greece, Denmark, Singapore, etc.). By creating attractive low-cost web designs that are W3C standard compliant, load-time and search engine optimized, we beat our competitors hands down comprehensively - in value, time and pricing. We specialize in Rapid SEO Web Design using Adobe Tools; W3C compliant tableless CSS & HTML/XHTML programming; Rapid ASP.net, AJAX, ASP and PHP web programming for database driven web sites and ecommerce web design; Quality Logo Design, Flash Animation and Interactive Flash Programming. No matter what your requirements are, our team of highly trained experienced web designers is capable of delivering a website that's over & above your expectations. Write to us for your free web design quote today! Also check out our Custom Web Design Packages and Professional Dreamweaver Templates for easy DIY websites templates.