How to plan your new website

Your new website is important. It’s potentially business critical, could be the end of you, or the start of your best years in business ever. That’s why you should take time and plan it.

Here’s a few things to keep in mind when thinking about starting work on that new, shiny website that will scare the competition away and bring you infinite amounts of business 😉

Start of by creating a wishlist

There are many aspect of this, but the two key priorities in the first step of creating a wishlist should revolve around what you want to get out of the website and more importantly, what your clients need to achieve easily with it.

What your website should do  for you:

What your website should do for your clients:

Remember, your website is mainly for your clients, not for you.

Consider your your budget, and don’t forget about SEO and marketing

A website costs money. A good website costs more money than perhaps a not so good website. As the saying goes; “- you get what you pay for”. Clearly, not all cheap websites are rubbish, and the horror stories I’ve heard about companies spending hundred of thousands of pounds on websites that are virtually unusable. Scary.

Costs might include:

A good web design company will listen to your needs, help you prioritise your goals and KPI’s, then create something that works for you (and your clients) within your budget. Talk to them, be honest about your budget, then possibly consider a staggered launch adding on functions as you can afford it.

You can also keep your budget down by writing your own copy, finding suitable images and producing your own screencasts. Also, many come to us with the site structure and wireframes done saving time and budget.

Sadly, all too many people think that a website is the magic portal that will bring infinite success and rivers of gold without any input, maintenance or marketing. Hate to be the party pooper, but forget it. Once your website is live, that’s when you need to continue your effort and write blogs, track keywords and page rankings, look for inbound links, send out marketing emails, spend time building a social community and optimising text content. The work just goes on and on.

A good website is a great investment that can pay for itself quickly with the right input. A website that is mismanaged, or left to collect dust, can be a complete waste of money.

When it comes to choosing a web/digital company, don’t just chose based on your current budget, but also consider ongoing costs. It can prove to be a very false economy to go with the cheapest option as it can turn out to be very expensive in the longterm, either as they hide the true cost and take you to the cleaners once you sign the dotted line, or what they produce at a “bargain basement price” simply doesn’t work for you.

Create the site structure, content, and then wireframe all pages

Content is what your site visitors are coming for, so the content should drive the site structure and wireframes. What you have on your website is clearly completely up to you, but here are some general pointers:

Site Structure

The site structure is usually an excel spread sheet or a bunch of post-it notes showing the structure of all pages and how they link together, as explained on Yoast’s website. Don’t confuse this with a sitemap which is used for submitting your site to Google.


Wireframing is absolutely key and can be done to many various levels of detail and testing. If you are building a mobile friendly, responsive website, you start by doing the wireframes for the lowest resolution screens (usually 320 to 480 pixels flexible)  first as this forces you to decide what the most important things are on each page as you will, in most cases, have to remove object to fit on a mobile screen. You also usually tile objects on a mobile screen, so again you have to decide what goes to the top. This is then transferred to the wider, tablet and desktop versions as per below.

Wireframe example

Wireframe example for a responsive website, click for larger version

Don’t forget to make sure your content fits and works for each of the wireframes.

Once all wireframes are completed, your web design company can start waving their magic wand and start work on the web design itself. If the project is complex, sometimes a prototype website is built before the design is done.

The web design process should be iterative and involve honest and constructive feedback from both parties. After the web design is signed off, the development starts and soon you will have your hands on that new, shiny website.

Bet you can’t wait!

Wrap up

All web design projects are different and above are just some points to help you get going. If you feel that I have missed out something essential, or have your own tips, please feel free to comment below.

comments powered by Disqus