Home Portfolio Web Design E-commerce Web Optimisation Graphic Design Web Development Contact Us Blog

Website Design Process

The process of designing and building a website explained

Web Design Pricing Web Design Features Web Design Services Web Design Portfolio

Website Design and DevelopmentAn Overview

So what, exactly, is the difference between web design and web development? A web designer is more concerned with how the site looks and how easy it is for the end-user to utilise, whereas a developer is more concerned with how the site is created and works. Websites are developed using a range of programming languages. These can create both flat pages (using HTML for instance) which simply publish information, and dynamic languages such as asp.net and PHP, which allow website content to change when either the user or the operator interacts with them. An example of this would be an online address book, where the user can select specific data.

Modern web development allows user interactions with a database, server or any data not on the web page using AJAX. The innovative thing in this is the page doesn’t need to reload to return new images or data from external files, giving a more rewarding user interaction.

Business Web DesignsWhy have a website?

Most, if not all, of your current customers will visit your website at some point. It may be to find your address, phone number, information on products and services or just to see if you have a good website. Possibly all of your prospective customers will visit your site to get an idea about your business.

A website may be the first opportunity to make an impression on customers looking for your products or services, therefore it is crucial to have a that reflects your business. Once you have a site that will convert visitors to be customers, the next step is to make sure it can be found.

Internet Marketing & SEOHow to attract customers

Just having a website that looks great isn’t enough to attract new customers. Appearing at the top of SERPs (Search Engine Results Page) for the right search terms is the best free advertising you will ever get. Itís also the way that most of your customers will be looking for your products and services.

At CWS we have professionals in every area so you do not need to outsource to an expensive SEO company. We are able to offer competitive optimisation that works. The advantages of having one company doing your design, development and SEO results in both cost and time savings.

Your web site needs a number of key elements to feature high up in the SERPs. Although we quote separately to improve the ranking of a web site, no website leaves our offices without at least the basic elements of Search Engine Optimisation built into the web design.

Design Technologies

The web designer will bring your website to life using a number of technologies to create branding and a professional look. The main objective of any design is to convert your visitors to the goals of your business. A service company like a dentist would aim for the visitor to fill out the contact us form or call to make an appointment. Whereas an E-commerce store would have a primary objective of selling as many products as possible.

A show or society may wish for the visitor to be tempted to visit and a blog would be trying to attract regular readers and interest in the articles. All of these goals will require a different type of site to better convert visitors and your business will need to adapt your site for your target market. If you have a target customer base of over 50 you may want to keep the site simple and less dynamic, with clearer calls to action.

Having a professional design and well structured website will stop new visitors bouncing from your site as soon as they arrive. However, there are a number of ways to keep customers on your website and interested in your products or services. Here are a few ways to improve your return on investment (ROI):

  • Have clear calls to action e.g. if you would like the customer to fill in your contact us form have links to it on every page.
  • Utilise web technologies to save time and contact your customers e.g. Have an autoresponder on your contact us form with a link back to your website.
  • Use all the emails from your contact forms to market your services.
  • Make sure your site is easy to navigate e.g. have a clear menu structure in the same place on every page.

Web designers utilise a number of software programmes, techniques and technologies to produce designs. Here are a few of the main tool used:

  • Sketches: when first meeting clients initial concepts may be drawn by hand to help visualise ideas.
  • Story boarding: create ideas quickly by outlining content, navigation and design elements.
  • Site map: draw up a site map plan in the early stages of the web design.
  • Adobe Photoshop: create graphics, buttons and manipulate photos ready for the web design.
  • Adobe Fireworks: rapid prototyping - create the complete website in design view and then export to images for the client to view.
  • CSS: style up the website using cascading style sheets. CSS allows the website to be quickly changed and saves on space, improves optimisation and is extremely powerful when used properly.

Development Technologies

Once the web design has been created, developers will make it all work. Here are a number of the technologies and methods we may employ in building your website:

  • HTML: Hypertext Markup Language is the standard language used to display text and images on websites.
  • XHTML: Extensible Hypertext Markup Language is an extension of HTML used in the application of XML.
  • PHP: Hypertext Preprocessor is a widely used server side scripting language. Much of your web design will be brought to life with this code.
  • ASP.NET: A very powerful microsoft scripting language that allows our programmers to build dynamic web sites and web applications.
  • JAVASCRIPT: an object-oriented scripting language used to add interactive features to webpages.
  • JQUERY: Lightweight JavaScript library used in the creation of animations, server requests and communications.