Process

Building a website isn’t easy, particularly at a time when people are accessing web content using different browsers and different devices, such as phones and tablets. Web development projects are notorious for delays, overrunning costs and for being disappointing experiences. We try really hard to make sure that our projects run on time, to budget and at that you have a positive outlook on the whole experience! We do this by abiding by a robust process with multiple steps, so we never go too far without everyone agreeing that we’re working to the specification and are completely happy with progress.

Step 1 - Initial Meeting & Proposal

As you would expect, the project unofficially starts with a meeting, where we gather a whole host of information that enables us to put together a proposal which has our initial suggestions of the build and the budget required. We work out the budget based on the number of page templates (different page styles) that we need to create, this is then multiplied by an average cost per template and any specific functionality is then added on top.

Step 2 - Discovery Workshop and Agreement

Once you’ve looked over the proposal, asked any follow up questions and are happy with what we suggest and the associated costs, we set up a discovery workshop with you and key members of your team. It is in this session that we really drill down in more detail around your business, market, target audience, competitors, strategy and brand and iron out any additional features that may be needed. That allows us to rubber stamp the final specification and budget, sign the agreement and officially start the project.

Step 3 - Wireframe

From the information we get in the discovery workshop, we internally sketch out a low fidelity wireframe, which lets us develop the user journey and structural layout of the site. Once we’re happy with the flow that we have developed, we put together a high fidelity wireframe, which is much more detailed. Rather than send this across in an abstract document, we develop it using HTML code so that you have the framework of a working website to review. By doing it this way you can really start to appreciate how your customers will work their way through the site and how your content will be delivered.

Step 4 - Design Phase

When we apply your feedback to the wireframe and it is signed off, the style tile is put together. This is like a digital mood board, with a series of web elements displayed visually so you get a real sense of how the site will look and how it sits with your wider brand. When approved we apply this design direction to the wireframe, essentially creating a fully designed and functioning ‘front-end’ website. By front-end, we mean the site as you and your clients would see it, which is a much better way of working that sending over a series of PDFs with designs on. We get much better results when you can click around the site and understand how your clients will feel when doing the same.

Step 5 - Content Planning

When we’ve made any changes or amends you want, you'll be able to see how the site works from a content perspective. This will allow you to start putting the copy together and working with us to identify appropriate imagery to support it. We find that the creation of content is the biggest hold up in any web project, so while we're building the 'back-end' of the website, you can be getting that in place to add to the site once the content management system is linked up.

Step 6 - Technical Development

The final stage is the biggest phase of the project and that is integrating the content management system, normally Wordpress, with the front-end of the site and creating all the custom fields that allow you to add and edit content after the site is handed over to you. We don’t just hand the site over to you, we provide documentation and training to help you make ongoing edits and get the most from your website.

Step 7 - Testing Schedule

After you have approved the final site, we undertake a full programme of tests and fixes across multiple browsers and devices, both manually and using simulation software, so that when we move the site from our staging server to the live hosting environment, it works perfectly for your customers to enjoy and has the positive impact you, and they, want.

If you want to work with an agency that has a sensible and professional process to make sure your website development is right, first time, with no hidden surprises, contact us and we’ll start with that meeting we mentioned at the top of the page.

Get in touch