Home :: Web Design Blog

Web Design Process - How Do We Do It?

Posted:

First meeting/discovery

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

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.

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 to arrange 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.

Internal pages are just as important. The product or services page, for instance, is where the viewer is encouraged to interact with the website by buying or contacting the website owner. Further to these options, another contact section and supporting information may be contained at the bottom of each page or position on a dedicated page, as required.

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 to easily manage content, with a minimum of technical knowledge, within a clearly defined design framework.

  • Create a ‘spam resistant’ email enquiry form [if required]
  • 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.
Website design and development
Need More Information?

Free website migration service when you host with us

Website Health Check

Is Your Website Responsive?
We test to see if your website renders correctly on mobile phones and tablets with different screen sizes, making it a desirable experience for users on mobile devices

Does It Load Quickly?
If your website is slow to load users may get frustrated and leave. A faster website means a much better experience for your customers

Is It Easily Found?
Keeping your SEO up to date means search engines will rank your website higher therefore more potential customers see your website.

“Clarke Brothers Scaffolding have been working alongside Andrew Talbot Design for 10 Years, during this time we have had our website built and maintained to a high standard. Our domain name and emails are also managed by Andrew Talbot. Any problems that we encountered are always dealt with speedily and efficiently.”

Richard Clarke – Clarke Bros

Contact Us

Email Direct

+44 (0) 117 927 3300

Get A Callback

Follow Us

FaceBook Twitter Instagram

Stay Safe.

Made for sharing

Good To Go England
© 1999 - 2021 Andrew Talbot Design Limited.
Registered in England and Wales No. 05737190.
Ashton Hill Farm, Weston Road, Failand BS8 3US.

Terms of use / Privacy policy / Cookie policy / Work for us

Secured by PayPal UKWDA The UK Web Design Association Valid CSS!