Website Design Tutorial

This is our Website Design Tutorials. We cover basic website layout, good website design guide, advice on page content, eCommerce website design, and even WordPress Website Design. This is Website Design Tutorial Page One filled with useful information. This tutorial was brought to you by Media Design Studio, a website design company in Nottingham, covering the whole of Nottinghamshire and East Midlands based in the UK.

How to Improve your Existing Site

All of this web design information on this tutorial should help anyone needing help on their own website. For anyone wanting to know how to improve their existing site, or even wanting to know a little more about web design.

Trying to design your own website can be very time consuming. It can get frustrating when the search engines cannot find you. If you are thinking of having a website designed, view our Website Design prices page to see how cheap and cost effective website design really is. Then just Contact Us with your details . We will design it for you. Ensuring you get a quality website that will work for you.

This website design tutorial is updated regularly to keep up with the ever changing concepts relating to web design.

The Web waits for no one. Furthermore, the user [and Google] is king. Websites should be designed for one person, and one person only. THE SURFER. Try your best to keep the user happy. To keep all users happy. A good Web design is worth its weight in gold. Your website will be your storefront . It can mean all the difference between a casual surfer and a serious customer. One who will spend their money with you time and time again.

A Web developer needs to wear many hats these days. From programmer to PR rep to market researcher. Making your site all it can be involves much more than putting together a few graphics and your contact information on a single home page. A great deal of hard work must go in the design of a website. Far too much for me to include everything on an online tutorial, after all many people spend years in college to learn about all the aspects.

Web Design is an art, a trade and a skill

Website Design is an art, a trade, and a skill. It is not for the lazy or faint hearted. Many people like to think they no a great deal about web design, and the chances are they do, about design!! They may not know about

  1. HTML
  2. PHP
  3. MySQL
  4. CSS
  5. Alt tags
  6. Search engine optimisation
  7. W3C Validation
  8. Meta tag
  9. Javascript and jQuery
  10. FTP Software
  11. Domain names and Hosting
  12. Name servers
  13. IPS tags
  14. Content Management Systems
  15. Responsve Web Design
  16. (…..I could go on forever) I feel you get my point….

So where to start? Any of these sound familiar:

  1. How do I create my own website?
  2. What are the basics of website design?
  3. What is html?
  4. How can I make my Website a success?
  5. How can I make money from my website?
  6. Will visitors like my website?
  7. How can I get my websites visitors to keep coming back?
  8. How will I know if my website works properly?
  9. Where can I get help for my web design?

We will hopefully answer many of those questions on this website. If not drop us a line [0115 929 9994], we’re always happy to help. Here are some good outlines to follow when embarking upon designing a website or even having a go yourself. Here goes:


Firstly, categories help your visitor move about your website quickly and efficiently. If visitors get frustrated, chances are they will lose interest and find a site easier to navigate. Well defined categories often require a lot of planning and quite a bit of thought, but the time is well spent. Well defined categories may mean the difference between a buyer and someone who just surfs on in frustration.

Be A Site Visitor First: 

We mean that you should pay attention. Pay attention to the design of other websites. Note navigation that works Notice what entices you to look further and what frustrates you to the point of irritation. Next, we suggest you put yourself in the shoes of your target website visitor. What do you want to find and how do you go about finding it? Pretend a little here, forget that you have ever seen the site before or that you know its content. Really challenge yourself to find what doesn’t work well.

Firstly, look for intuitive ways to find Website Page Content.

  • What clues are used to get you where you want to go?
  • What elements of the websites design help you on your way
  • Which elements of the design hinder you.
  • Which parts of the websites design do you like and why?

Get opinions from others and then listen well. It’s hard to take criticism. But you really need people to surf about the site and tell you what elements of the web design does not work for them.

When you hear “I couldn’t find my way home” don’t chalk it up to them being an idiot not able to find their way out of a paper bag. Instead, realize that while clicking on the banner with the logo seemed obvious to you, it wasn’t to someone else. They have probably just told you what your visitor are experiencing when they visit your website.

Web Design Consistency and Predictability:

Sounds pretty boring, doesn’t it? There are only certain things in life we enjoy that are consistent and predictable, and web design, if it is going to work for you, should be one of them. We all want to make our website just a little different and try new things. But listen up! Try your creativity when writing your content. Most Internet surfers these days are looking for information (a massive percent of them actually). So give it to them. Giving people what they want it truly the way to “make friends and influence people”. That is the way people would be willing to spend their hard earned cash with you. It also generates you a more professional profile and make you sound like you know your stuff!

Be creative when designing your websites graphics

Be creative when designing your websites graphics. Choose your colours wisely (but nothing to brash, bright or ugly!). Finally customise your content – do not try it with your navigation system. Visitors don’t like to figure out how to move about a website. Surfers want predictable and consistent navigation, so stick with it and be creative elsewhere. Many want to move about quickly and if you do not allow them to do so, they’ll be off in a flash! After all, navigation is not where you want your visitors to focus. Speaking of navigation, have two different systems with at least one navigation system not dependent on graphics. Not everyone surfs with images on and many sight disabled people do surf the Internet.

Loud Colours Do Not Equal Creativity

Creative web design does not mean you should make your visitors pull out their sunglasses! Cutting edge design work does not mean using colours no one else would think of using. Nor does it mean showing that you can use every font colour available. Believe it or not, cutting edge designs are often so simplistic that others miss the boat with their gee-whiz effects and whirling graphics. Unless you are selling graphics, you certainly don’t want your graphics and visual effects to down- play your content. Images and colours are enhancements, not the main focal point of a website design. Keep it simple!

Use Technology as a Friend, Not a Distracter

Once again, there is a lot to be said for simplicity and subtlety when talking about web design. New technologies are developed every day, but this doesn’t mean that you have to incorporate each and every one in your site to demonstrate your abilities. Indeed, some technology is overused. Let’s re-phrase that – most new technology is overused. Especially at the beginning. Everyone wants to show their ability to grasp the latest and greatest and unfortunately, their attempts usually go overboard until they lose their fascination of the new look.

For example, a bit of animation is nice, in the right place, at the right time, for the right site. But, be wise, a 1-minute Flash movie feels like an hour on the Internet. Not too many people are going to wait around for it. Don’t get me wrong, animation is cool, but a little goes a long way. In essence you get to experience what every cook has experienced for years – it takes hours to make, but people want to consume it in a very short period of time. Don’t try to elongate their experience.

Dont Force your Visitor to Suffer!

While we are speaking about technology and things going a long way, unless you are a musician or selling music, please opt out of music files. Most of us have a different preference in music. Should we want music while we surf, we play our own. Audio files slow your page loads and irritate many visitors. Some of us surf late at night and don’t wish to wake our households to the tunes of Doggy Dog. Having said that, there are places where music is just the right touch. If you really believe your site is the place (and please think this over long and hard), tone it down with options for increasing volume if necessary and give surfers the chance to opt out quickly.

Great Web Design

Face it, great web design really is about understanding and conveying an image – a picture that speaks volumes if you will. Again, I’m going to remind you that the subject matter of the website should be the focus, not your really cool design. Through your words, design, navigation system, colours, graphics and technology, you convey an image. Remember this when you first begin planning your web design. Before you decide what the site will look like and what it will contain, ask yourself what is the image you want to convey.

Web design should leave an impression a feeling

So what is the impression this particular site needs to convey?

  • Do you want people to laugh?
  • Does the company you are designing for have a conservative image (such as a legal site)?
  • What is the purpose of the website’s product or service?
  • If you are designing a website for lumberjacks, leave a subtle impression of wood. Remember, don’t scream “wood” with tacky, dark, wood paneling, just leave the “feel” of wood with perhaps small graphics of trees and flora, using greens and browns for your site colours and a few small tools used by lumberjacks.
  • If you are after a professionalism concept don’t shock your visitors with bright colours, flashy graphics, tons of animation and cartoons. Use fine photographs, subtle colours, simplistic mouse-overs and a conservative layout.
  • Use a compelling writing style void of unsubstantiated claims and “used car salesmanship”.

Check and recheck your spelling Check your grammar and punctuation. Provide oodles of knowledgeable content, scholarly articles and links to other professional sites with the same type of content. Avoid banner ads and pop-up windows like the plague. Repeat Visits Last but not least, give your visitor a reason to come back….

Continually add new content, update your articles, verify site links monthly, and offer new contests, newsletters or other content that keeps visitors checking back. Finally, please remember to reward visitors with what they expect (updated content and an ever growing site) when they do return