1. Главная
2. Кейсы
3. Техническое задание

Техническое задание на сайт-каталог стройматериалов

Пример ТЗ по кейсу Стройбаза «Южная»: каталог описан таким, каким он работает на ugbaza.ru. Так выглядит документ, который мы составляем до начала работ: что есть на сайте, как ведёт себя каждая страница и как проверить, что всё сделано.

1. Общие сведения

Назначение	Сайт-каталог стройбазы в Кольском районе Мурманской области: ассортимент пиломатериалов, отделочных и общестроительных материалов, ЛКМ, инструмента и товаров для бани с ценами, прайс-лист, услуги покраски, контакты.
Аудитория	Частные застройщики загородных домов, бань и саун, строительные бригады, юридические лица, покупающие пиломатериалы по безналичному расчёту.
Главная задача	Покупатель находит нужный материал, видит цену и единицу измерения, скачивает прайс-лист и связывается со стройбазой удобным способом: по телефону, в мессенджере или по почте. Заказа и оплаты на сайте нет: наличие, размеры и итоговая стоимость уточняются у менеджера.
Язык	Русский.
Кто наполняет	Сотрудники стройбазы — через панель управления: разделы, товары, цены, фотографии, тексты страниц, файл прайс-листа.

2. Структура сайта

• Главная
• Каталог: Пиломатериалы; Общестроительные материалы; Утеплители, плёнки, мембраны; Двери, лестницы, мебельные щиты; Товары для бани, сауны; Товары для загородного дома; ЛКМ, малярный инструмент; Инструменты, метизы, СИЗ; Зимняя продукция; Дренажная система. Внутри разделов — подразделы (п. 4.1).
• Услуги
• О нас
• Контакты (с картой проезда)
• Вакансии
• Прайс-лист — файл PDF, ссылка в шапке (раздел 6)

Шапка: логотип, два телефона с набором по нажатию, ссылка «Прайс-лист — Скачать PDF», меню с выпадающим «Каталогом». На телефоне — нижняя панель: «Главная», «Навигация» (выезжающее меню разделов каталога и страниц), «Контакты». Подвал: короткое описание компании, разделы каталога, ссылки на страницы компании и карту проезда, почта, телефоны, адрес, кнопки WhatsApp, Telegram, ВКонтакте.

3. Главная страница

1. Слайдер: девиз «Главное в строительстве иметь надежную базу!» на фоне фотографий; на каждом слайде кнопка «Каталог» ведёт в свой раздел (пиломатериалы, доска обрезная, товары для бани, товары для загородного дома, весь каталог).
2. Полоса из трёх коротких тезисов об условиях для покупателей.
3. «О нас» — с какого года работает стройбаза, чем торгует, логотипы марок лакокрасочной продукции, дилером которых она является.
4. «Контакты» — адрес, режим работы, телефоны, мессенджеры, почта и Яндекс.Карта с точкой стройбазы.

4. Каталог

4.1. Разделы

Дерево разделов в два уровня и больше: раздел верхнего уровня показывает плитки подразделов с фото и названием, конечный подраздел — список товаров. Пример: «Пиломатериалы» → «Доска обрезная», «Доска сухая строганная», «Брус», «Брус сухой строганный», «Обшивочные материалы», «Погонажные изделия», «Слэбы, сухара КЕЛО», «Терраса»; «ЛКМ, малярный инструмент» → «Краски», «Лаки», «Масла», «Пропитки» и другие.

Над списком товаров раздел может показывать текст-уведомление. Пример — в разделе «Доска обрезная»: правила продажи древесины через ФГИС ЛК для юридических лиц, покупающих по безналичному расчёту.

На каждой странице раздела — хлебные крошки до главной.

4.2. Товар в списке

Поле	Что видит покупатель
Фото	Главная фотография товара, по нажатию — переход в карточку
Название	Название с размером или маркой, ссылка на карточку
Цена	Цена в рублях; если у товара несколько вариантов (длина, объём тары) — с приставкой «от» и минимальной ценой
Единица	Единица, к которой относится цена: м³, шт и т. п.

5. Карточка товара

• Галерея фотографий; фото открывается увеличенным поверх страницы.
• Название, цена («от», если вариантов несколько) и единица измерения.
• Описание. Цены по вариантам даются в описании: строками («4 м — 23 000 руб/м³, 230 руб./шт.») или таблицей «Объём — Цена». Для ЛКМ — назначение, способ применения, расход, время высыхания, характеристики.
• Строка «Наличие, размеры и стоимость уточнять по телефону».
• Хлебные крошки: раздел товара и главная.

Корзины, оформления заказа и оплаты на сайте нет.

6. Прайс-лист

• Файл PDF формата A4, который готовит и загружает сотрудник стройбазы. Сайт его не формирует.
• Ссылка «Прайс-лист — Скачать PDF» — в шапке на всех страницах, файл открывается в новой вкладке.
• В начале файла: название, режим работы, адрес, телефоны, почта, адрес сайта и дата, на которую действуют цены.
• Позиции сгруппированы по товарным группам (доска и брус, вагонка, доска пола, террасная доска, обшивочный материал и т. д.), у каждой группы указана единица цены: за м³, за м.п. или за шт.
• При обновлении сотрудник загружает новый файл; ссылка в шапке сразу ведёт на него.

7. Услуги

Страница «Услуги» описывает покраску пиломатериалов в цеху стройбазы:

• расценки за м² для одного и двух слоёв, отдельно для объёма до 30 м² и от 30 м², по типу материала: кроющий, лессирующий, масло;
• что входит в стоимость каждого варианта;
• дополнительные услуги с ценой за м²: грунт, упаковка, межслойное шлифование, браширование;
• этапы покрасочных работ;
• частые вопросы.

8. Контакты и связь

• Страница «Контакты»: адрес, режим работы по будням и выходным, два городских телефона, WhatsApp, почта, ВКонтакте, Telegram, магазин на Авито, Яндекс.Карта с точкой стройбазы.
• Телефоны во всех местах сайта набираются по нажатию, почта открывает почтовую программу, ссылки на мессенджеры и соцсети открывают соответствующую страницу.
• Ссылка «Карта проезда» в подвале ведёт на страницу контактов.

Заявок через формы на сайте нет: покупатель связывается со стройбазой по телефону, в мессенджере или по почте.

9. Контентные страницы

• О нас — история с 2014 года, перечень ассортимента по группам (пиломатериалы по породам, отделочные материалы, покрытия для пола, погонаж, столярные изделия, утеплители, металлопрокат, ЖБИ, опоры ЛЭП, крепёж, инструмент, банные аксессуары), марки ЛКМ и компьютерная колеровка.
• Вакансии — список открытых должностей и телефон для связи.

10. Технические требования

• Адаптивная вёрстка: на телефоне меню разделов открывается из нижней панели, сценарии разделов 4–8 проходятся с телефона.
• Человекопонятные адреса разделов и товаров: номер и название латиницей.
• Сайт работает по HTTPS, запрос по http переадресуется на https.
• У каждой страницы — свои заголовок, описание для поисковиков и канонический адрес. Заголовок и описание по умолчанию собираются из названия раздела или товара; у отдельного товара их можно задать вручную.

11. Приёмка

Работа принимается, когда каждый сценарий проходит на компьютере и на телефоне:

#	Сценарий	Ожидаемый результат
1	Меню «Каталог» → раздел → подраздел → товар	Каждый шаг открывается; хлебные крошки ведут обратно до главной
2	Открыть подраздел с товарами в нескольких вариантах	У каждого товара фото, название, цена и единица; у товаров с вариантами — «от» и минимальная цена
3	Открыть карточку товара и нажать на фото	Фото открылось увеличенным; в описании видны цены по вариантам
4	Сотрудник меняет цену товара в панели	Новая цена — в списке раздела и в карточке
5	Нажать «Прайс-лист — Скачать PDF» в шапке	В новой вкладке открылся PDF с датой цен на первой странице
6	Сотрудник загружает новый прайс-лист	Ссылка в шапке на всех страницах ведёт на новый файл
7	На телефоне нажать номер в шапке, затем WhatsApp и Telegram в подвале	Открылся набор номера, затем чаты стройбазы в мессенджерах
8	Открыть «Контакты» через «Карту проезда» в подвале	Карта показывает точку стройбазы, рядом адрес и режим работы
9	Открыть сайт по адресу с http://	Переадресация на https://, страница открылась без предупреждений браузера