Many of the most popular websites have some very attractive designs. If you take the time to browse more websites, you will be surprised on the vast number of unique ways in pulling off a good web design. You might think that the designers of the website is well-rounded in coding skills which is true but much of the website is the product of a creative and organized mind. Even if you have all of the coding experience you need, you won’t be able to come up with a great design if you skip the planning phase. Make your plans as early as now even if you lack the coding skills because the planning phase is all about letting your creative juices flow and setting the framework so you know exactly what to code for.
Form your Site Structure
A site structure helps you determine how many pages will be in your website and how these webpages link with one another. It also gives you an idea regarding the overall look of your homepage, navigational bar or tree, and sitemap. Forming the site structure is as simple as drawing a tree diagram on a piece of paper consisting of boxes which represent webpages and lines that connect them together. There are no real rules in designing the tree either so execute your most preferred method in mapping out your site.

Make a Mockup
One of the limitations of coding or even using a web design tool is the inability to come up with the design that you have in mind quickly. This is where mockups can come in handy because you can go straight to the point and draw out your website without restrictions. If you never designed a website before, the least you can do is draw your preferred layout on a piece of paper. If you have a graphics design application, use its features to draw site elements. Don’t worry about the feasibility of coding because HTML combined with CSS, JavaScript, Flash and other web technologies make a lot of things possible. Coming up with a good mockup can even help professionals design your website if you plan on asking for help.
This mockup will serve as a guide when you start coding. It puts your objective into focus so there are less chances of you straying away from your intended design as you try to match the codes to get your desired look. This step should also be simple if you made your site structure first so you can plan how many types of templates you need to make for different sections of your site.
Decide your Color Scheme
The mockup can take some time to make especially if you want your website to stand out. If you find yourself stuck with the creative process, you can make things a bit simpler if you figure out your preferred color scheme. There are various online color scheme generators that only require you to supply one or two primary colors. The color scheme generators will do the rest in coming up with matching colors. Restricting yourself to this particular scheme can help you move forward in designing the rest of your site’s elements.
You can go on and on with the preparations but having at least these three nailed down will make things a lot easier in designing a website.
