Website Design Checklist & Layout Plan
Reduce the need for costly revisions by planning well before starting any development. Get this typical site layout & checklist list covered and it will help ensure a smoother delivery for you and your developer. It is very common for developers to fall out with their clients, because this list is not covered properly.
Brief – Write up a Brief for yourself, your team and your developers, including the Designer and Marketer. If you do not write up a brief, then there is no point of reference for you or your developer.
Domain name – What is it, do you own it, who has control of it ? Have access available with username & password
Hosting – where will you host and can they manage your new solution. Have access available with username & password. We recommend Siteground – click here
Project manager – who will oversee the new site development for you ? Someone has to be responsible for keeping on top of things and communicating between parties.
Lead time – When are you going live and what are the Milestones before then ?
Budget – How much will it cost to build, market and maintain and what are the payment terms. Be realistic, but be very clear.
Goals & Objectives — What results do you want – set measurable targets, install metrics. Ensure you get a measurable return on your investment and have the web partners commit to making this happen. If they do not believe in the viability of your project, this is where they should walk away.
Problem – What problem will you solve ? For you or your customer – why would anybody buy what you are about to offer online?
Target Audience — Who is it – Talk to that persona or avatar. You cannot afford to spray promotion, so try to niche down as much as possible, then start engaging with that audience. Look at retargeting as an approach to stay front of mind.
Look — How do you want to be seen ? Big, Corporate, Local, Arty, ??? Make sure the look you use across your Social channels, is in sync with the look in your website.
Design — Get a Mockup done after the designer reads your Brief and sees your planned Layout. Let them know which sites you like or do not like. Much like using an architects drawings, this is the best way to stay on budget, because tweaking at the design stage might cost hundreds, but tweaking at the development stage will cost thousands.
Content — Plan a Menu structure, list the pages and then prepare good content for each one and work with the Designer on look, the developer on layout. But do have the content ready before the developer starts building.
Functionality — What smart stuff do you want in your website? Tie this down as this is where a lot of the expense comes in. especially if you need to integrate third party apps.
CMS ? – Can you edit the site and who will do that for you. This has to be a given, that you can add, edit and delete content without needing to get the developer back in to make changes.
eCommerce – How will you take money securely? Have you got your payment gateway sorted out? Ensure it will work with the web platform you want to use, whether it is Magento,, WordPress, Joomla, .Net etc
Booking – How will you handle bookings or enquiries? Is it a simple email or a plugin for booking
Digital Marketing — Who will look after this to get traffic to the site and convert visitors to buyers. The website is just a tool, so someone needs to get it found and make sure visitors convert to customers.
Measuring – Once targets are set, check the metrics regularly, so that you have a plan and can see how you are doing. If you use a Digital Marketer, get a summary report weekly and a progress meeting monthly.
Our Business website comes with unlimited pages, but here is the typical navigation layout:
Sample website Structure
– Service 1
– Service 2
- Projects or Case Studies
– Project 1
– Project 2
- About Us
– Mission Statement
- Clients or Testimonials
- Contact Us
Note: The navigation above is for demonstration purposes only and web pages can be titled at the client’s request. You have the ability to add sub-sections to your navigations. Like using Word it is a simple ‘wysiwyg’ interface, simply meaning that you can see exactly what you have and where they are. Easy to find and easy to edit or delete.
Help: Yes there is quite a bit to this and it is all relevant. So if you need assistance, just call us or email us and let us help get it right first time.