The specifications are a very important document to define, delimit and communicate about a project to external providers. In this article, we will talk about the design of a specification for the redesign of a website. We explain how to write it and offer you a template to download at the end of the article.
To prepare the redesign of your website you will have to establish a specification to provide then either to a web agency or to freelance providers who will work on this redesign.
At the end of this article, Snoweb offers you a template of specifications to download in PDF format and to fill in according to your information.
"The specifications formalize the needs in the case of a website, intranet or mobile app project. It presents the context, the objectives to be achieved, the level of quality, the constraints and the scope of the project."
The specifications are therefore a document that includes all the objectives, features and axes of your future website as well as the various technical, design and editorial constraints to be taken into account. This document has several advantages:
Another practical aspect of the specifications is that it allows you to ask yourself the right questions before launching into the design of your website's redesign. The questions that you must face are :
This type of specifications allows to detail the whole project: from the beginning of the project to the deliverables, by detailing all the needs.
Here is a list of elements to be found in the type of specifications:
Present your company and your activity. If you have an e-commerce, present your products or the services you sell.
In this article, we talk about website redesign, but it can be the creation of a website, an app, a software, etc.
Indicate if you want to present your activity, sell products, write a blog, propose your services or make your portfolio.
Describe your customers, if your site is BtoB, BtoC or both.
If so, display your logo, colors and typography. If you don't have a visual identity, explain what you would like to have, what inspires you or what you like in other logos.
Detail your statistics: the number of visits, contacts, monthly sales. Also talk about your referencing: on which keywords are you positioned?
List the photos, videos, illustrations, texts that are already on your website and that you want to keep.
It is important to define a deadline for your redesign so that your provider knows the time frame in which he must work.
For example: a designer, a writer, a developer, an SEO manager.
For each of the service providers you plan to work with, detail each mission that will be entrusted to them.
This second type of specifications is particularly aimed at technical profiles such as developers. It details all the technical requirements and constraints of your project. This type of specification must be written by a person with a technical background in order to understand what he/she is writing but also to be sure of the quality of the content indicated.
We find in this specifications :
Brief summary of the steps that we detail just below!
We advise you to mix the functional and technical specifications in order to have a complete specification and detailing the whole redesign. Here are the details of each part.
On the first page of your document, present your company and your project. You don't need to make a big description, go to the essential so that your reader understands quickly your activity. Then, explain the reasons why you want to redesign your website and finally present your target. You can detail it with the following criteria:
Also list your competitors and what differentiates you from them (offer, message, communication, target, etc.). Then, detail your marketing strategy and your communication channels: this will allow your provider to better understand your vision and/or to better guide and advise you.
To finish, present all the interlocutors of the project (internal or external to the company) by indicating
This allows the service provider to directly address the right person in case of a particular request. This is a real time saver!
The needs of your site can be multiple or unique. Here are some examples of needs:
At this stage, you can also define other needs such as :
The needs of your users are not necessarily the same as those of the site.
To do this, analyze your current website by looking at:
You should also ask yourself why your prospects should come to your site and not to your competitor's? Ask yourself if your support is understandable enough? Think about the need for a chat bot for example.
It is not essential but rather interesting to define as soon as possible the KPI of your future website. You can then follow the progress of its data weekly, monthly or annually. This allows you to see the health of your site and its evolution over the weeks.
Here are some data to think about:
The functional analysis consists in working on the sales tunnel of your site. Lets take the example of an e-commerce site:
Simple purchase tunnel:
Your prospect consults a product then adds it to his cart. He chooses a delivery method, enters his personal information and selects a payment method, then pays.
Worked purchase tunnel:
Your prospect consults a product and then compares it to other similar products that you offer. He adds his product to the cart and adds or not a promotional code. He logs in or creates a customer account. Finally, he chooses a delivery method, enters his personal information and chooses a payment method and then pays.
|Simple purchase tunnel
|Worked purchase tunnel
View the product
Compare the product
Add to cart
Add a promotional code
Add personnal informations
You must not forget this part which is one of the most important. Even if it is often difficult to do so, you must define different constraints related to your website redesign:
Here, we talk about design! If you do not have a graphic charter, please indicate it. Your provider can either make it or direct you to someone who does. In this case, indicate what you would like to have as a logo or examples of things you like (color, shape, typography, slogan, ...).
On the contrary, if you have a graphic charter, you must indicate in the specifications :
Presentation of the logo in all its forms and aspects.
The colors of your logo and all the elements of your identity.
The typography(s) used on your logo and communication materials.
Declinations of the logo according to the support or the background color.
Rights of use of the logo and especially the prohibitions.
Presentation of the logo on different media: business card, website, networks...
To work on the ergonomics of your website, ask yourself the right questions. Namely:
For more specific cases, in an e-commerce, do users need to have suggestions of similar products?
For a blog, do articles need to be sorted by tags?
Find out more about website usability.
There are two cases. On the one hand, you have content. Ask yourself if:
On the other hand, you have no content. So you need to think about what content to create and who you're going to use to create that content.
When we talk about content, we are talking about :
Find out more about how to optimize your content.
You must present the technical aspects of your future site. First, your domain name: is it still available? Then, with whom is your site hosted and is this hosting to be taken care of by the provider?
You must also think about all these points:
Last step and not the easiest, it is about defining an average budget and a schedule. Indicating your budget is not pejorative, on the contrary! It will allow your future service provider to offer you the most suitable quote according to your budget. You should also indicate your deadlines and the key dates of the project so that the service provider can tell you if it is feasible or not for him.
Snoweb has designed for you a template of specifications. Download it and complete it directly from your PDF reader.
With this template, don't bother with the heavy task of making your specifications page by page. Snoweb simplifies things for you by offering you a pdf template that you can fill in directly from your browser or from a pdf reader like Adobe Acrobat.
Don't miss any step and on some points, like your needs, don't hesitate to detail a lot. Add in the appendix some images presenting your ideas or your competitors, it will help to understand your needs.
These specifications are the basis of your project and it is thanks to them that your service providers will understand your needs and give you a good price.
Find our selection of articles for your website
WEBSITEThe complete guide to creating a website
You want to create your website but you have many questions? Our guide answers all your questions simply.
WEBSITEDark or light mode? Which one to choose and why?
In this article we explain the advantages of dark mode and why it is better for your eyes.
WEBSITEWhat should a quote for a website really contain?
This article outlines the questions you should ask yourself before requesting a quotation and the points that it must contain.
WEBSITEWhat is a customized website?
There are several types of custom-made websites, depending on your needs. We detail them point by point in this article.
WEBSITEWhat current websites can I use for inspiration?
We take a close look at 6 websites from your daily life to show you their strengths and weaknesses.
WEBSITEIs maintenance mandatory on my site?
We explain what maintenance consists of, on which types of website it is essential and the rates.
Alexis Le Baron