Web design process - how do we do it?

First meeting/discovery

This is when we find out exactly what it is that you need in order to produce a web presence that works for you and your clients. Enabling us to design and build the website to the very highest standard reflecting the organisation’s profile.

In this article, we will use a real client as an example. In this case, a website we designed in June 2017, for Bidwell’s Self Drive Hire.

The following is an outline of the design process using a simple brochure website as an example.

Create style tile for colours and typography

Style Tiles are a design deliverable consisting of fonts, colours and interface elements such as links and buttons that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

Example style tile:

Bidwells self drive style tile

Create wireframe for page layouts

Wire Frames are also known as a page schematic or screen blueprint. They are a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.

Plan and design the layout for the home and interior pages, based on ‘signed-off’ style tile and wireframe(s)

The home page or landing page of the website. Probably the most important. It must be impactful and grasp the attention of the viewer. Engaging them and encouraging them to explore your content.

Homepage Wireframe

Internal pages such as this hire page are just as important. In this case, this is where the viewer is encouraged to interact with the website by phoning or emailing the website owner.

Hire page wireframe

And ultimately, the contact page/section. Containing all the information with various contact options.

Contact page wireframe

HTML web page creation

Code webpage(s) based on signed-off designs above. We use responsive, mobile-friendly web design techniques to provide optimal viewing, easy reading and a navigation system with a minimum of resizing, panning and scrolling, across a wide range of modern devices including mobiles, tablets and smartphones.

CMS and eCommerce integration

Integrate an open-source content management system (CMS) which will allow the website administrator too easily manage content, with a minimum of technical knowledge, within a defined design framework.

  • Create a ‘spam resistant’ email enquiry form.
  • Provide appropriate graphics as required.
  • Link social media.
  • Metadata insertion.
  • Search engine optimised (SEO) code ensuring the site is Google friendly.
  • Cross-browser and user testing throughout.
  • Insert Google Analytics code.
  • Upload Google Sitemap.
  • CMS training supported by online documentation.
  • Ongoing support.

Link to live website

“I asked Andrew Talbot Design to create a new website for our wide range of pool and snooker tables. The results have been amazing. Great feedback from customers and increased sales. It couldn’t be better.”

Tim Franklin – Pool and Snooker

Let's start a conversation

Please complete our website contact form if you have a question regarding any of our services or if you would like to drop us a quick line about something completely different. Or, better still, just call us.

0117 927 3300

Opening times: Monday to Friday 08.30 to 17:30. Weekends 11:00 to 15:00

We look forward to working with you.

HTML 5CSS 3JavascriptTextpattern CMS Software for Bloggers and Content ManagersWordpress Blogging Software DevelopersZenCart Professional eCommerce Software SpecialistsMagento