Website Design & Development

Before we start working together, we’ll book in some time to have a chat about your project. We’ll 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.

We’ll also discuss your budget, and I can give you an indication of what we charge.

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.

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.

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.

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 wireframe of your pages. This begins the initial framework of your new site.

We’ll also discuss 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.

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 mockup. 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.

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 mockup, 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 mockup 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 mockup is still a static document; the extra content can be added later on in the process.

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.

When we are happy with the designs, 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.

Hosting

Along with your domain name, we’ll also purchase hosting. This will allow us to install a coming soon page and set up your email accounts so you can use them while we’re building your website.

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.

We will then create all of the pages for your website. Usually, we’ll just add blank pages with the titles, to begin with.

If this is a redesign of an existing site, we’ll also need to make sure that the URLs for these pages are the same as the old site. This isn’t always possible, so we’ll need to be extremely careful setting up redirects as we don’t want any broken links when you launch your new website.

Once we have added your blank pages, we then need to choose how each page will look by selecting the relevant template which we created in step 16. Generally speaking, the homepage and the blog page will be unique, but most of the inner pages follow a very similar style.

Add Menu items

We then add your menu items to their assigned position. This is where we choose which pages will appear within the main navigation area of your website and order them appropriately.

You may have more than one menu on your website (e.g., sidebar, header, footer, etc.) so we’ll need to be careful not to duplicate pages. We also need to keep in mind the end user and how they can navigate through the site easily.

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.

Api Integration

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.

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.

If this is a redesign of an existing site, we’ll need to ensure all of your old pages are correctly transferred over using 301 redirects as we said in step 17. On occasion, you may not want to keep the old pages, or you might want to change the URLs. That’s fine. But we will need to set up 301 redirects for each page you plan on changing.

Essentially, we’ll communicate with Google exactly what you’re changing, so it knows where to redirect traffic if users land on a specific page in the search results.

Take this example below:

Old URL: exsistingwebsite.com/about-us
New URL: exsistingwebsite.com/about

We’ll make sure that if your old URL is displayed on Google, the page will automatically redirect to the new one. So no lost traffic.

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

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.

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.

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.

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.

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.