Website Building Process

- Process in which we build a website.

Our approach to building Websites

We understand that building a new website or updating your older website can be a daunting task. Over the last 18 years we have built thousands of websites. Below you will find an outlined and itemized process of what you can expect when working with KetchupConsulting.com


1. We talk, usually via Zoom, Skype or in person

Before we start working together, we’ll schedule  some time to have a chat about your project. We’ll usually do this on a live video call or in person and discuss what you want to achieve from your new website. This all depends on the site of your project.

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. We work only with clients who we can truly help, which is why this call is important. We’ll also discuss your budget, and we can give you an indication of what we charge.

2. Fill out our customer Questionnaire

Following on from our initial call, we will 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 personalized quote

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. We will then Research the Build

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 unturned before moving forward with any designs.

5. We then go over 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 we 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 the main colors 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.

6. We then go over the Mockup

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 use Adobe Photoshop to pull together all of the pieces from our planning to create a mock up. 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 to Photoshop. 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 numerous times throughout the mockup 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.

7. You get to 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.

Once we are happy with the mock-up, we’ll send you the homepage design via a video link. In the video, we’ll walk you through the design and talk you through each element one by one. By using a video, you get to see the full design as if it were a real website. 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.

Please note

Some of the items on the mock-up 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. Currently, your mock-up is still a static document; the extra content can be added later on in the process.

8. You give us your Feedback

Once you’ve watched the video 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.

9. We Continue with designs

Once we have the homepage nailed down, we then design the layouts for your other pages. You will generally have a couple unique layouts to choose from for your website. A homepage, an inner page and a blog page. We’ll design the additional pages using Photoshop like we did before. The colors and style will match the homepage, but the structure will be different.

10. We 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 yourname@yourdomain.com, info@yourdomain.com, sales@yourdomain.com and enquiries@yourdomain.com.

11. Mobile friendly test

We will then test your website on different sized screens to see how it looks. During the website build stage 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.

12. Yoast SEO plugin

We will then install the Yoast SEO plugin to your website. This is the tool that will allow you to optimize 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.


So there you have it, our entire web design process from start to finish. We didn’t want to focus on the technical aspects of what we do. Instead, we wanted to show you the broad outline so can see what’s involved when designing a website. Hopefully, we have answered a few questions along the way. But if you have anymore, feel free and fill out the contact form below.

Start the Conversation Now!