Skip to content

Our Web Design Process

A step-by-step guide to our web design process.

Design process

Intro

How It Works

Typically the web design process will begin with a meeting to discuss your requirements. Face-to-face is ideal but most of our clients choose to work remotely and are happy with video calls.

The focus of our initial meeting will be to discuss the below stages and for us to work out whether you need a rebrand, a new website, an SEO strategy or the whole package.

Branding

Design: Branding

In today’s digital world, your website will be the face of your business. We believe a company’s brand image is the single most important aspect to aligning yourself with the right clients to fuel your work. Designed right, a company’s brand image can instantly convey the nature, purpose and targeted clientele of your business.

Your website is your window to the world so how you present yourself couldn’t have more of an impact on the direction of your company. We’re happy to work with your marketing teams and their brand guidelines to outline your new brand direction and develop it for the web.

If you need help with developing your brand graphics, we can present a range of design ideas that will help create an overall theme, including a new logo. The final version will include all colour and shape variations for you to use across your site and will contain all the local SEO meta data it needs. I’ll provide a scalable vector file that can be turned into high-res JPG and PNG files.

Website: Initial

Design: Website

We’ll provide you with offline design visuals and homepage concepts that can be used for the smaller introductory section of your website. This will help us develop its general style and ‘look and feel’. We’ll produce as many versions as we need – it’s important that we’re both happy with the design direction and some clients like to see internal pages before development.

Initial Design One

Web design example showing the process

Initial Design Two

Initial design stage of a website

Initial Design Three

Designing a homepage

Initial Design Four

Process of designing a web page

Initial Design Five

Website homepage design example

Website: Full

Design: Full Web Pages

We’ll plan the page structure and analyse how your current visitors are using the site. This will help us plan the user journey and decide where your page content and buttons will be placed.

The design will then be developed and modified over several phases, enabling you to provide feedback at every stage.

Full Page Design One

Homepage design example

Full Page Design Two

Full web page design example showing the process

Full Page Design Three

Template design example

SEO

Search Engine Optimisation

A search engine optimisation (SEO) strategy should be at the forefront of any new website build. The idea that SEO should be focused on after developing a site is a misconception. Search engines such as Google determine search positioning on a long list of website factors. No longer is it just about domain name and content – SEO now extends into fundamentals like the quality of the website’s code and the server it’s hosted on.

A brand new website can be difficult to find via online searches. However with an understanding of how your search rankings are displayed you can have the ability to promote your business against a competitor and ensure you’ll be found. This is how a typical SEO strategy will develop:

  • Assess your current SEO content situation.
  • If you’re a new business, we’ll start with in-depth research into what keywords are used to target similar sites and outline the most commonly used phrases.
  • Rewrite page content to ensure your site ranks for these popular search terms.
  • If needs be, we might suggest that the design, layout and content are presented in a slightly different way to enhance the visibility of the website.
  • After the website has been created, tools will be set up for you to analyse the use of the site and the way people access your information through search rankings.

Development

Web Development

A bespoke website needs time and care when it comes to coding, so we always create bespoke code for every website we design. This enables me to ensure your site can adapt to the width of every screen that might be viewing it.

We’ll build and structure the website to ensure the site loads smoothly and efficiently, as your site speed can negatively impact the user experience. Our primary goal as a web developer is to ensure that even the most content-heavy pages load within 1.5 seconds over standard bandwidth. We never use pre-built themes or templates, which can cause ‘site bloating’ and can hinder your search rankings.

Support

Maintenance, Backups & Updates

All websites need a certain degree of maintenance. The website will need to be kept up to date to ensure it continually conforms to coding and search ranking standards and to ensure it’s protected against the latest security attacks.

Set Up Full Editing Control

This will mean that you won’t need a developer’s assistance to make changes to the site as it evolves with the business. Depending on its purpose or your experience with websites, your website could be built on one of many content management systems. WordPress is the most popular choice as its intuitive editing platform is simple to use.

Maintenance Plan

This is available to ensure your newly designed site continually runs without any issues. Back-ups of the web files are regularly taken and sent, giving you full control of every aspect. This will include regular back-ups, site security, updates and fixes.

As your business grows and adapts, your web presence will need to follow. We have ongoing relationships with the majority of our clients who continue to use us for further design work including: online marketing, advertising and social media.

More Articles

Read some of our popular articles

Make An Enquiry

Get in touch

Want to discuss your next project? Get in contact to arrange a call or meeting.

All enquiries

View More Articles

All Articles

Want to find out more about our processes and the way we work? Read more web design articles.

Design Articles