The Website Design Studio
 
 
 
 

Return to article list

The website design process

This article looks at the universally agreed principles of good website design and the process the Website Design Studio uses to develop a website.

Website design objectives

When designing a site, we always keep the following objectives in mind:

  • The website should be designed to suit the indented target audience
  • The website contains useful, focused content
  • The website graphic design not dominate the site – it should complement the content
  • On each page, there should be a common navigation system, preferable at the top and bottom of the page
  • The navigation system should be simple and intuitive to use
  • The web pages should be designed so that they are easy for a search engine to find
  • The web pages should be designed so that they download quickly

Here is a sobering thought: visitors to websites are notoriously impatient. First impressions are critical. If the site takes a long time to appear, or the navigation system is complicated, or the content is confusing, or something does not work, you can be sure that your visitor will hit the back button and be out of your site in a flash.

The design process

Each project is different, so it not possible to cast a web design process in stone. However, most projects follow a process similar to this:

1. Initial discussions – by email or telephone:

The initial stages involve discussion about the objectives of the site, budget, number of pages required, design ideas and content.

Budget: Our websites tend to range in cost from £99 for a simple, one page site, to over £600 for a large, 30 plus page site. Most ‘average’ sites fall somewhere in the middle. The cost of your site depends on the number of pages, the complexity of the graphic design, and any special features you have on your site. Before you commission anyone to produce a site for you, decide what your maximum budget is and inform the web designer. That way, there will be no nasty surprises.
Number of pages: We will need to you give us some idea of the number of pages you will require. You will also need to decide if you require image enlargements (so when a visitor clicks on an image, a larger version of the image is displayed - this is particularly applicable to artist and photography sites).
Design Ideas: Some clients already have ideas about how they want their site to look and work. Some even have existing artwork which can be used on the website to maintain the company theme. If you have no fixed ideas, looking at competitor websites can be a great start. If you send us links to websites that you particularly like the look of, this is a great help to us as it gives us an ahead on the graphic design side of things, and also from a content point of view.
Content: You will need to provide the text content for each of your pages. If you are not confident in your writing skills, we offer a copy writing service where we take your content and re-write it so it has a professional touch that will impress your visitors.
Add-ons: We will discuss any optional add-ons you may wish to have with your website such as search engine optimisation and statistics so you can see who has been visiting your website, how many times they have called, roughly where they live etc.

2. Hosting and domain names:

We will arrange the hosting for your site and register a domain name. We can also put up a temporary holding page for you while your site is being developed. This is useful as you can include some basic information about the site, and your contact details in advance of the site launch. It also means you can begin using your website address on any promotional literature.

3. Draft page designs:

We will provide several (3 normally) design concepts based on your requirements. It will usually take around a week to provide these initial web site designs. These drafts are essentially mock-ups of how your website will look and feel. They will not work – you will not be able to click on anything. But they will give you a good idea what you site could look like.

We will expect you to offer comments on these mock-ups - good or bad. Design is a very personal thing, so we don't expect you to like everything we produce. But we will note your comments and revise the designs to your satisfaction.

4. Create template web page:

Taking the agreed mock-up as a blue print for your site, we will then begin the next stage which is the build stage. Here your site will begin to take shape as a proper working website. Changes to graphic design are difficult at this stage which is why we ask you to sign off at the mock-up stage.

5. How long will it take to create my website?

We can produce an average website is a week if a client has all the text and images we need ready to go on the site. In practice, it is unusual for clients to have all the information ready as it takes time to collate. Most of our sites take a month or so to develop from start to finish. However, we should point out that is very unlikely you would be waiting for us to complete work for you! The onus is usually on the client compiling the content (unless you want us to compile the content for you of course).

 

Please contact The Website Design Studio for a friendly, no obligation discussion about your website needs.

Tel: +44 (0)1903 879362
Email: info@thewebsitedesignstudio.co.uk

 

Return to article list


Glossary

Animation
Any graphic that moves on your website. Animations are often created in a programming language called Flash – hence the term Flash animations.

Below the fold
Content of a web page that is not seen by the visitor unless the visitor scrolls down the page.

Blog
Blog is short for web log. It’s a web page were the owner can easily add short updates (known as posting). It is particularly useful for online diaries.

Blogger
The author of a blog.

Blogging
Blogging is the act of posting on a blog.

Bookmark
A link to a specific web page, stored by your browser in your favorites section.

Brochure website
A simple website designed to give information about the owner’s products or services.  

Browser
A program on your computer that allows you to look at web pages. Examples include Internet Explorer, Fire Fox and Netscape. There are others.

Comment
A piece of feedback left by a reader on a blog.

Compression
A way of packing data in order to save storage space or for faster download time. It is commonly used when preparing photographs for presentation on the web. Photos that have not been compressed take a long time to download.

Content
Anything that is included on a web page including artwork, text and photographs.

Discussion board
A discussion board is a general term for any online "bulletin board" where you can leave and expect to see responses to messages you have left. Or you can just read the board.

Domain name
The address of your website. (e.g. www.thewebsitedesignstudio.co.uk)

Domain registrar
A domain registrar is a company or organization involved in registering domain names on the Internet.

Email
Typed messages that can be sent to other users of the internet (providing both the sender and the receiver have email addresses.)

Email address
An address that can be used to send and receive emails.

Email forwarding
A way of forwarding emails to another email address.

Flash
Software made by Macromedia that created animated sequences for inclusion on a website.

Forms
A way for website visitors to communicate with the website or other people instead of sending an e-mail. Typically forms may ask for a visitor’s name, address, email address and details of any enquiry.

GIF
A GIF is a type of image file. It stands for Graphic Interchange Format. It is best used for artwork with flat colours.

Hits
The number of times a web page has been viewed on the internet.

Home page
The first page you see when you view a website.

Host
A computer connected to the internet that stores website pages.

HTML
Stands for Hypertext Markup Language. This is the language that web pages are created using.

Hyperlink
A link on a website that points to another web page (sometimes known as hotlinks)

Images
Artwork or photographs displayed on a web page.

JPEG/JPG
Stands for Joint Photographic Experts Group ( the name of the committee that created this file format).  JPEG is best used for photographs for the web.

Keyword
Keywords are words that are key or important words. Users type in a keyword in the search engine to find the relevant websites associated with that keyword.

Link
See hyperlink

Link building
Is a technique where you create reciprocal links with websites with the intention of increasing the popularity of a web page, thus helping increase a web page's position in the search engines. The more inward links a web page has, the more likely it is to be noticed by a search engine.

Link popularity
How popular a web page is based on the number of back links it has.

Mail box
A sort of letter box where your email are stored before you view them.

Masthead
An image placed at the top of a web page to tell the visitor what page they are on.

Mailing list
A method of using one email to sent do multiple email addresses.

Mouse over
A change on a website (e.g. a photographic changing) when the curse is passed over it.

Navigation
The way a visitor moves from page to page on your website.

Navigation links
Highlighted word or phrase that by clicking, allows you to jump to another web page or website. Typically navigation links that move you around the pages of a website are found at the top and bottom of a web page.

Navigation structure
A map or flowchart of the relationship between pages on your website.

Online shop
A website with the facility for visitors to pay for goods bought from the site.

PDF files
Stands for Portable Document File. PDF files are a good way of displaying documents on your website.

Reciprocal link
A link between two websites.

Rollover
A feedback cue that is activated when the mouse cursor is moved over a particular element or button on a web page.

Search engine
A tool for search the web using keywords. Google, Yahoo and MSN are examples of popular search engines.

Search Engine Optimisation (SEO)
Making you website as attractive as possible to search engines, thus increasing your chances of being on the first page, or, better still, first position on the search results list. A number of factors are important when optimising a website, including the content and structure of the website's copy and page layout, the HTML meta-tags and the submission process.

Shopping cart
A virtual shopping cart where visitors can store goods to buy before payment on a shop website.

Splash page
A website's introduction page, usually using flashy of Flash graphics.

Statistics
Information on how many visitors a website receives, where they come from, which pages they look at, how long they stay on the site for etc.

Submission
The process of submitting a new site to search engines for inclusion in its database, so that the site appears in listings.

TIF or TIFF
A file format for graphics used on a website.

Templates
Ready made websites or web pages that can be adapted to meet specific needs of a new website owner.

Traffic
The number of visitors that view a website.

URL

Stands for "Uniform Resource Locator". It is the address of a web page. URLs begin with http://. For example the URL of this website is http://www.thewebsitedesignstudio.co.uk.

W3
World Wide Web

W3C
World Wide Web Consortium

Web design
Web design describes the process of designing a web page or website.

Web designer
A person who designs websites.

Web performance
The time it takes for a page to load.