Example of requirements specification for website development

73
An example of a requirements specification

In the terms of reference should be present in an explicit form all the functional and visual elements of the future site.

If something you "thought", but not recorded in the terms of reference, it is possible to be in a situation "unfortunately, it is not within the scope of the Treaty and we can do it for additional payment".

For this reason, when you choose WebStudio, it is important to compare not just the price of sites, namely, the specification (requirements specification):

  • How many pages will be rendered,
  • what is the quality of design
  • what functions will
  • how to edit the information
  • whether training for working with the admin,
  • does SEO,
  • how many pages filling included in the price.

All this is clearly spelled out in the TOR!

Let's see an example of requirements specification on the website for the wooden houses:

Website development on CMS [nazvanie] with unique design and responsive layout for mobile devices, clean valid code, good structure.

>

Installation and configuration of CMS (the content management system [nazvanie]) with the ability to edit the information on the website through the admin panel.

d>

2.12

Stage

Name of service

1

Design custom website design (layered editable psd format)

1.1

Prototyping (design concept) of the site with the catalog structure:

  1. Main (2 options)
  2. About the company
  3. The projects directory
  4. Project details
  5. A portfolio of our work
  6. Job details
  7. Production
  8. Milestones
  9. Reviews
  10. Price (services and prices)
  11. Article
  12. Article (text page)
  13. Contacts

1.2

Redesign, stylized logo of the company

1.3

Custom design desktopNoah version (desktop, tablet in landscape orientation):

  1. Main (2 options)
  2. About the company
  3. The projects directory
  4. Project details
  5. A portfolio of our work
  6. Job details
  7. Production
  8. Milestones
  9. Reviews
  10. Price (services and prices)
  11. Article
  12. Article (text page)
  13. Contacts

1.4

Custom design the mobile version (smartphone):

  1. Main (2 options)
  2. About the company
  3. The projects directory
  4. Project details
  5. A portfolio of our work
  6. Job details
  7. Production
  8. Milestones
  9. Reviews
  10. Price (services and prices)
  11. Article
  12. Article (text page)
  13. Contacts

1.5

Custom design a tablet version (tablet in portrait orientation):

  1. Main (2 options)
  2. About the company
  3. The projects directory
  4. Project details
  5. A portfolio of our work
  6. Job details
  7. Production
  8. Milestones
  9. Reviews
  10. Price (services and prices)
  11. Article
  12. Article (text page)
  13. Contacts

1.5

Banner design for website (for the slider on the home page) 3 — PC.

1.6

Use the licensed photo for design.

2

Layout and programming

2.1

Layout (html/css/js) website design, mobile responsive, valid and cross-browser.

2.2

Coding on a smartphone according to the design of the mobile version.

2.3

Coding on a tablet according to the design of the tablet version.

2.4

2.5

Installing and configuring modules. Programming. Development of patterns of output of standard pages of the website (integration design).

2.6

Setting of key fields a description of each page: title, description, keywords, h1.

2.7

Developing image slider for the home page. With the ability to add/modify through the admin panel.

2.8

The Projects directory with a set of parameters: image, name, short/long, description, short/long, area, price 1, price 2, design, equipment, photo gallery. With the ability to add/modify through the admin panel.

Dynamically generated List of projects search filter and sort.

Card detailed description of the project.

2.9

Filtering and searching for projects in the directory in the parameters (area, price, features).

2.10

The printed version of the project page.

2.11

Development of feedback forms. Submit form to the administrator email address (Customer):

  1. To order call (name, phone)
  2. To change the package (name, tel, email, message)
  3. Order project (name, telephone, email, or the assignment for the project, attach a file)
  4. To know the value (name, tel, e-mail, attach file)
  5. To consult (name, phone, message)
  6. Order in 1 click (name, phone)

Install and configure the "captcha" (image ReCaptcha from Google).

Programming "pop-up" modal elements (pop-up modal window for feedback forms).

Bringing the site into compliance with the Federal law of 27.07.2006 N 152-FZ (ed. from 22.02.2017) personal data: accommodation on site privacy Policy (standard or onsite) / notification on personal data processing when sending the application site in the form of "tick" / consent for treatment (before you submit the form, or the form is not sent)

2.13

Sending copies of the letter to the email Client (if indicated contact e-mail). Layout a simple letter to the Client (a simple text email).

2.14

Directory of Articles with a set of parameters: image, name, short/detailed description brief/detailed. With the ability to add/modify through the admin panel.

Dynamically generated List of articles with a brief description.

Card detailed description of the article.

2.15

Interactive Map of built objects with labels, clicking on which navigates to a detailed description of the constructed object: image, name, short/long, description, short/long, area, photo gallery, link to the project. With the ability to add/modify through the admin panel of the website.

2.16

A Feedback section with a set of parameters: image, name, short/detailed description brief/detailed video. With the ability to add/modify through the admin panel (no registration, publish the site administrator).

Dynamically generated List of reviews with a brief description.

Card detailed descriptions reviews.

2.17

Programming "pop-up" modal elements (pop-up modal window for feedback forms).

2.18

Photo gallery of albums (viewOTR thumbnails of photos and enlarged images, with the possibility of turning), with the ability to add albums and photos in them through the admin panel.

Dynamically generated List of albums with a short description.

Detailed view of the album.

2.19

The development of SEO-the right structure and the withdrawal of the main menu ("top menu"), adapted for mobile devices.

2.20

The English version of the site with localization of all elements of design and the possibility of page-by-page switching language versions.

2.21

Configuring the administration panel of the website for self-service website content Manager:

  • setting easy add/change pages
  • customize the visual editor
  • protection against malfunction of the website random actions in the admin panel.

3

Domain name, hosting

3.1

Domain name registration in COM zone.

3.2

High-performance hosting [nazvanijem].

3.3

Set up corporate email on the domain.

4

Publishing a website on the Internet, filling, basic optimization

4.1

Installation of counters of statistics and Analytics of visits to the site.

4.2

Setting NC (human-friendly url for SEO).

4.3

The filling of the Contact page (using the markup schema.org).

4.4

Content (text and graphics A4 page at 100% scale, 10 PCs A4), according to the materials of the Customer. Proofreading, text formatting, optimization andimages.

4.5

Create and set up the technical file:

  1. Sitemap.xml
  2. Robots.txt
  3. .htaccess (setting gluing www)

4.6

Translation of the website to https.

Development time (be sure to specify in the TOR):

  1. Prototypes: 10-12 days
  2. Design based on the prototypes: 20 days
  • 1-option 7 days (after receiving all necessary information and photos).
  • 2-3 days to make adjustments. Control edits.
  • 2-3 days for corrections. Agreement.
  • Subsequent versions – the same.
  1. Layout and programming. Publication on the Internet: 25 days (since the adoption of the design, no filling)
Share this post

Comment (0)

Comments are missing

Leave your comment



Want to get new knowledge and knowledge?Sign up for a useful newsletter!