Recommended articles on this topic
Posted: Wed Jan 29, 2025 9:34 am
How to describe the structure of a resource in the technical specifications for website development
Using a tree (hierarchical) diagram, you can describe the structure of a website, its main sections, elements, pages, and determine the connections between them.
Through elements
Cross-cutting blocks and structures are elements that appear in one form or another on all pages. There are four such elements:
The website header is located at the top of the pages and usually contains a logo, section menu, contact information and other elements.
The footer is located at the bottom of nursing homes email list all pages of the site. Often, the same information is indicated here as in the header.
Sidebars are side columns that have various widgets. An example would be a sidebar with filters and a category menu on an online store page.
Windows and forms that appear when you click a button or perform another action.
Unique pages
The amount of work for a designer and web developer is affected by the number of unique sections and pages that make up the site. Therefore, each page with a unique structure and design must be described in the technical task.
Company Marketing Plan: Double the Company's Profits
KPI for the sales department: how to calculate and implement
How to get 3 times more clients for 2 times less
Unique pages are templates on the basis of which other pages with similar content are created. Performers spend a lot of effort on creating unique pages.
To make it clear what we are talking about, we have prepared descriptions of such pages. They are presented briefly, but when you draw up the technical task for the development of the site, you will have to describe the pages in more detail.
News in a blog. Has cross-cutting elements (header and footer) and additional ones (article title, announcement, cover image, release date, text and comment form).
Online store product page. It has the following cross-cutting elements: header, footer. There are also additional blocks: a panel for filtering products, a list of products by category, a block of recommended products.
In these examples, we have shown how you can describe a unique page that will automatically create similar pages.
Other pages
Sometimes clients forget that the technical task should include a description of additional pages. Here is a list:
A typical test page, according to the template of which new pages are created that are not unique. In the process of working on the design, include in the TOR the elements that are needed for the design of the text, i.e. headings, lists, paragraphs, pictures, videos, etc.
An error page that tells the user that they were unable to open the link they needed. These pages offer great opportunities for creativity. Take advantage of this to surprise your visitors.
The search results page is an important block on the site. If the search results are presented conveniently, it can increase the conversion to sales.
Authorization/registration page. The form for registration or login to your personal account should be convenient.
How to correctly describe the functionality of a resource within the technical specifications for website development
Don't forget about the technical side of the site. If you want your web resource to be as convenient as possible in terms of functionality, then describe all the necessary details in the technical specifications. Otherwise, you will get a sheet of code lines that only a full-time programmer can manage. List of possible site functionality:
CMS (WordPress, Joomla!, Bitrix, etc.).
Application form.
Modal windows.
Sliders.
Gallery modules.
Page and SEO modules.
Compression and caching modules.
Map with location mark.
Online calculator for cost calculation.
In this section, you should also include a description of the hosting requirements and its settings. We recommend choosing a reliable provider that can guarantee high speed and offers favorable prices for service.
Using a tree (hierarchical) diagram, you can describe the structure of a website, its main sections, elements, pages, and determine the connections between them.
Through elements
Cross-cutting blocks and structures are elements that appear in one form or another on all pages. There are four such elements:
The website header is located at the top of the pages and usually contains a logo, section menu, contact information and other elements.
The footer is located at the bottom of nursing homes email list all pages of the site. Often, the same information is indicated here as in the header.
Sidebars are side columns that have various widgets. An example would be a sidebar with filters and a category menu on an online store page.
Windows and forms that appear when you click a button or perform another action.
Unique pages
The amount of work for a designer and web developer is affected by the number of unique sections and pages that make up the site. Therefore, each page with a unique structure and design must be described in the technical task.
Company Marketing Plan: Double the Company's Profits
KPI for the sales department: how to calculate and implement
How to get 3 times more clients for 2 times less
Unique pages are templates on the basis of which other pages with similar content are created. Performers spend a lot of effort on creating unique pages.
To make it clear what we are talking about, we have prepared descriptions of such pages. They are presented briefly, but when you draw up the technical task for the development of the site, you will have to describe the pages in more detail.
News in a blog. Has cross-cutting elements (header and footer) and additional ones (article title, announcement, cover image, release date, text and comment form).
Online store product page. It has the following cross-cutting elements: header, footer. There are also additional blocks: a panel for filtering products, a list of products by category, a block of recommended products.
In these examples, we have shown how you can describe a unique page that will automatically create similar pages.
Other pages
Sometimes clients forget that the technical task should include a description of additional pages. Here is a list:
A typical test page, according to the template of which new pages are created that are not unique. In the process of working on the design, include in the TOR the elements that are needed for the design of the text, i.e. headings, lists, paragraphs, pictures, videos, etc.
An error page that tells the user that they were unable to open the link they needed. These pages offer great opportunities for creativity. Take advantage of this to surprise your visitors.
The search results page is an important block on the site. If the search results are presented conveniently, it can increase the conversion to sales.
Authorization/registration page. The form for registration or login to your personal account should be convenient.
How to correctly describe the functionality of a resource within the technical specifications for website development
Don't forget about the technical side of the site. If you want your web resource to be as convenient as possible in terms of functionality, then describe all the necessary details in the technical specifications. Otherwise, you will get a sheet of code lines that only a full-time programmer can manage. List of possible site functionality:
CMS (WordPress, Joomla!, Bitrix, etc.).
Application form.
Modal windows.
Sliders.
Gallery modules.
Page and SEO modules.
Compression and caching modules.
Map with location mark.
Online calculator for cost calculation.
In this section, you should also include a description of the hosting requirements and its settings. We recommend choosing a reliable provider that can guarantee high speed and offers favorable prices for service.