If you are thinking about getting a new website, read on to find out how a good website planning process will make it more effective.
Web design and build can be quite complicated. It’s very important to plan your site way before you get involved in any design or build – this will help to ensure it does its job once live.
At Toast, we have an ever-evolving website design and build process that includes a lot of focus on website planning. Planning is always done first and informs all other stages of the project.
Web development process steps do vary from project to project, so the below is just a guide to how we do it – there’s no magic website checklist for clients that will cover everything you need!
1 Preparation
Depending on who you’re working with, they should have their own project set-up and initial discovery stages.
Brief
The first thing we do is to write up a concise brief for the project – this is over-and-above anything that was written at the proposal stage.
This brief serves to cover-off all the key requirements of the site and what it needs to do – proposals are often quite lengthy, so this just lifts all the fundamentals that the project needs to achieve.
Benchmarking
If you’ve got a current site, make sure you benchmark it using website planning tools like SEM Rush – this will give you a report on how good your existing site is, any errors and what keywords rank where.
If you’re replacing an existing site, the new one should be better and more importantly, should not lose you any of the current rankings you have. This is a crucial stage of the website planning process.
We offer a free site audit here.
Functions
Here we firm up what the site needs to do from a functional perspective. What plugins will be needed to accomplish your requirements and how will these be used.
Content review
Are you going to be using the content from your current site? If so, we take a look at it to check the on- and off-page SEO and the overall quality of the existing content. If you’re planning to replace all the content on your site or remove a lot of it, careful consideration needs to be given to ranking content and SEO.
Testing your hosting environment
A good site that sits on cheap under-performing hosting will always underperform itself. A quick review of your hosting and server speed is done here to show you how good the current setup is. This is often an area that’s overlooked during website planning – but it’s a very important stage.
Key dates
We then like to get the key stages into our project calendar and set some deadlines – some for us, some for you. This way we know what needs to be done, by when and if they’ll be any bottlenecks on the project.
Google Accounts
At Toast, we generally ask our clients to set up a free Google account if they don’t already have one – this allows us to quickly and easily share documents and keeps one copy of everything in one place – making it easier to update and review.
Sitemap
One word: lots of work. The preparation stages are a good time to start thinking about this (even if you’ve done it already) – revisit it and refine it.
2 Research and Planning
This is where we take a close look at your current site (or your competitors if you’re not online yet).
Keyword research
We run your site through our SEO tools to get lists of keywords for you and your competitors. These then go into spreadsheets for analysis so we can start to get a handle on how and where your site ranks and what content we’re going to need or improve. These keywords are also mapped to your sitemap so we can identify and content gaps or opportunities.
Moodboards
These form the initial stages of the design work – we collect found designs that we feel are in the same ballpark as what you’re looking to achieve visually. Nothing is copied – it’s really just a prompter to start talking about the look and feel options for the site and any creative preferences you (and your team) may have.
Personas
Some initial discussion on who the site is talking to, what they need from the site and the ways in which they will interact with the site. These personas will influence the final sitemap, design, information architecture and site journeys.
Depending on the size of your site and how complex it is, we’ll either spend a fair bit of time on working these through, or we’ll outline them to influence the following stages of the project.
3 Wireframes and website design
Wireframes
This stage includes pulling all the information together from the previous stages and putting together some initial wireframes for the site home page.
We look at content, hierarchy, user experience and a wide range of other factors during wireframing stages to explore the optimum layout and content for the site homepage.
Design concepts
Once the wireframes are signed-off, we start on the creative work. Our design process is probably similar to other agencies you may have worked with, but we also like to work quite loosely on the initial design work.
We don’t produce three concepts and ask you to choose one – we work up more designs and then work collaboratively with you to develop these.
The creative work MUST work with the wireframes, personas and site objectives – we don’t build sites that look pretty and don’t perform.
The design is a crucial element of a web project, but it’s only one element and will not convert visitors on its own.
Feedback
We ask for a lot of feedback on all our projects. This helps keep the project on track and moving. It also means that we can agree to things stage-by-stage rather than be progressing too far too quickly and having to then change everything (which gets expensive).
4 Site Build and content
This stage of the project involves setting up the development site (and keeping it hidden from Google and the public). We develop new sites on our own servers so they can be backed up and each stage of work can be rolled back if required.
Installing and configuring WordPress
We only build sites on WordPress, so the first stage is to get this all setup and our to install our bespoke theme. This creates what we call a ‘skeleton site’ – it’s basically the framework of your new site with no content or design/build work done.
Building out the homepage
Once approved, we then build out the homepage to the approved visuals. There’s always some disconnect between what you see on a flat visual and what you then see in the browser. Getting the pages up at an early stage means you can see them working in the browser.
Functionality
We also start to build in the required functionality at this stage – this will include anything on the homepage, such as sliders and other requirements for the rest of the site.
This is another side to website planning – the functions. It’s important that we know everything you want the site to do at this point.
5 Top level pages
While the homepage build is in progress, the content and design team will then focus on the other top-level pages of the site.
Wireframes
We go back to the wireframes (see the earlier website planning stage) for each top-level page that requires it – again, planning the content based on the personas and site journeys identified in earlier stages. We’ll do desktop and responsive wireframes as required.
Design
These pages then go through the same design process as the homepage – with initial concept visuals and development of the designs for approval. All design work is based on the content requirements and the overall approved style from the homepage, so this stage often requires fewer rounds of development and tweaks.
Page build and on-page SEO
As each top-level page of the site approved it moved to the build team to be built out. This includes template creation in WordPress as well as custom fields for page-specific content.
During this stage of the process, we also get the content loaded and stuck into the on-page SEO (based on the research conducted earlier).
This process is repeated for each top-level page.
