Hiring someone to build your website is not an easy to decision to make. Every web designer is different, and their process is likely to be completely different too.You might have a number of questions and concerns, but, without spending hours on the phone speaking to dozens of web designers, how will you know who to choose?This is why I wrote this article.I wanted to lay it all out on the table and show you our entire process from start to finish, so you know exactly what you get when you hire us.Below, I’ll walk you through the normal steps we use to create a high-performing website that works FOR you!
1. We talk, usually via Video Call.
Before we start working together, we’ll book in some time to have a chat about your project. We’ll usually do this on a live video call and discuss what you want to achieve from your new website.
We’ll take a look at your existing site (if you have one) and we’ll go through your ideas for the new site. We can use this time to talk about your goals and objectives so that we have a better understanding of how we can help.
Essentially, this call is to work out whether we are a right fit for each other. I work only with clients who I can truly help, which is why this call is important. We’ll also discuss your budget, and I can give you an indication of what we charge.
Following on from our initial call, we may send you a website questionnaire to fill out. This will allow us to gather additional information so we know as much as possible about your business before we start designing and building it. The more information we have, the better the finished product.
3. We send you a quote / invoice.
Once we have all your requirements, we will send you a full proposal for our services, including all the website features you requested. We may also include additional elements that we think would work well for your website. More often than not, the fee for our services is similar to the price we discussed on the call.
We can also include a quote for creating your website content. Most of our clients hire us to write the text for their new website. This is an option for you, too.
4. Domain name
We then move onto the technical aspects of the process. We will register your domain if you haven’t already done so. If you have already done this, then we will use a temporary domain, which we’ll work on while we’re building your site.
Even though we register (and purchase) the domain for you, you will own it. It will be registered in your name.
Along with your domain name, we’ll also purchase hosting. This will allow us to install a coming soon page if needed and set up your email accounts so you can use them while we’re building your website.
If you already have an existing site, this will happen on a holding domain and we will switch when we are go live ready.
6. Setup of emails
It’s time to register your email accounts. This is where you get to decide which emails you’d like to use. You can have as many as you like. A few popular choices are firstname.lastname@example.org, email@example.com, firstname.lastname@example.org and email@example.com.
7. Add coming soon page
Once we’ve installed your build software, we will add a “coming soon” page. This means we can start working on your website and we don’t have to worry about your customer stumbling across a half-built website. Instead, they’ll be greeted with a nice, under construction page.
Using the information you provided on the initial call and the questionnaire, we will begin our own research. We will do a deep dive into your world, learning as much as possible about your industry and your competitors. We’ll perform some keyword research to find out what your customers search for online. During this time we’ll look at dozens of different websites, leaving no stone upturned before moving forward with any designs.
9. Initial concepts
Once we have enough information from the research, we then move onto the planning stage. This is where the fun begins. This is the creative part that I personally love the most. We’ll start by sketching out some layouts on a whiteboard. We use a lot of post-it notes and marker pens to come up with a basic wire-frame of your pages. This begins the initial framework of your new site.
We’ll also discuss internally the main colours we’ll be using and taking into account what you already have and what we would recommend. We’ll decide on the best use of fonts and where to place your headlines and content for the most impact. We’ll also decide where your calls to action will go and how to ensure they are clearly displayed for your users.
10. Draft #1
The next stage of the process is to take all the rough sketches and post-it notes and turn them into a work of art. Your website. We present you with a fully working 1st draft within weeks to pull together all of the pieces from our planning. We’ll position each element one by one and add some content to bring it to life.
Everything from your logo to your social media icons will have its own rightful place. Every inch of the design will be considered, informed by the research and concepts we’ve previously completed. Some of the initial ideas won’t work when we add them. And that’s fine. At this stage, there will be a lot of testing and trial and error along the way.
Chances are the design will change a few times withing the draft stage until we are happy. This is one of the most import steps, and we’ll keep working on it until we have something that looks spectacular, is user-friendly and ensures maximum results.
11. You see the design
This is the fun part for you. This is the first time you get to see the design since we’ve started working together.
We will arrange a time to go through everything we have created & we’ll explain why we’ve designed it the way we have and you’ll get to experience it before we move forward with the rest of the project.
Some of the items on the draft will act as placeholders. This means if we are waiting for images and text from you, we may use stock images temporarily until we have all the correct information.
Once you’ve seen our creation and had chance to reflect on what you’ve seen you can tell us what you think. You can also ask us any questions, and we can discuss what you want to change, if anything. This is your opportunity to let us know if we’ve missed out any key information so we can add it before moving forward with the build.
13. Continue with designs
Once we have the overall draft nailed down, we then design the layouts for your other pages.
We then install any relevant plugins to your website. Plugins are like website add-ons, and we’ll use them for most of the advanced features on your site. There are over 45,000 plugins to choose from, another great reason to use WordPress. Things like image galleries, contact forms, and social media sharing buttons can all be added by using these pre-made applications.
We may also adapt the plugins to make them look more in keeping with the style of your website.
15. API integrations
Aside from using plugins, we may also need to integrate additional applications from third-party websites. Services like MailChimp and PayPal use APIs so they can communicate directly with your website. Think of them as plugins on steroids. They will make your life easier and most major companies make their software WordPress friendly.
16. Test contact forms
We’ll go through your website, testing all of the contact forms, ensuring that they work properly and that emails go to the right place.
We can edit the form so you can gain any relevant details you’ll need from your prospect. We can also add more email recipients, meaning multiple people can receive your enquiries.
17. Mobile friendly test
We will then test your website on different sized screens to see how it looks. During the website build stage (step 16) we assigned a different layout depending on the size of the device e.g. iPhones, iPads, laptops and desktops. However, we’ll still need to check it to make sure looks OK now that we’ve added plugins.
18. Page load speed
If you have opted for our website optimisation option we need to check one last thing before we feel comfortable releasing your website to the world. We want to test your page load speed to make sure the site is running as quickly as possible. Google advises that all websites should load within 5 seconds to avoid any kind of penalty.
We use a number of tools to confirm your new website is as quick as it can be and we might even install some additional features to improve it if it needs it. The quicker your website loads, the better the experience for your users.
19. Cross browser test
If you have opted for our website optimisation option, there are many different web browsers, Chrome, Firefox, Safari and Internet Explorer to name a few. Each browser will display your website slightly differently. There’s no real way to avoid this but we do make sure to catch any major differences and glitches.
20. Yoast SEO plugin
If you are continuing to do online marketing with us we will then install the Yoast SEO plugin to your website. This is the tool that will allow you to optimise your website so that search engines can find you more easily. We will set it up for you and use it to verify your website with Google in the next step.
21. Submit sitemap to Google Search Console
If you are continuing to do online marketing with us, using Yoast, we can connect your website directly to Google. This means they can provide you with extra data about your website, and send you an email if you have any errors going forward.
We then provide Google with a list of web pages from your site so they can start listing them in search results. This is known as your “sitemap”. Chances are they would find your site over time anyway but this way they will keep their records up to date every time you make a change to your site.
22. Google Analytics
If you are continuing to do online marketing with us, once we have given your site to Google, we can then create your visitor tracking account. Instead of using fancy plugins for this, we use Google Analytics. This is a free tool that Google provide to show you everything you need to know about your website visitors. This will show you everything from monthly visitor numbers to the most popular pages. It’s a very valuable tool which you want to keep an eye on.
23. Rank tracking
If you are continuing to do online marketing with us, we’ll add your website to our rank tracking software and keep an eye on how well you perform. From the day we launch we’ll have a record of your Google rankings and keep track of how they adjust within a month of launching. The main reason we do this for you is to make sure there aren’t any technical issues affecting your website’s performance.
So there you have it, our entire web design process from start to finish. I didn’t want to focus on the technical aspects of what we do. Instead, I wanted to show you the broad outline so can see what’s involved when designing a website. Hopefully, I’ve answered a few questions along the way. But if you have anymore, feel free to get in touch 🙂