Как составить техническое задание на разработку сайта для «чайников»

Если вы читаете эту статью, то скорее всего хотите запустить лендинг или сайт.

Но что делать, если вы не программист. А вам нужно составить техническое задание на разработку, которое обязательно попросит программист, по которому вы будете делать приемку этого сайта?

Давайте не будем усложнять и уходить в глубокие дебри HTML, а составим простой список требований.

Итак, техническое задание на разработку сайта - это свод требований к разработке:

• Требования к дизайну

• Требования к верстке шаблона сайта

• Требование к программной части и функционалу

• Требования к системе управления

• Требования к контенту и наполнению сайта

• Общие требования

Теперь по порядку. 

Требования к дизайну

Как написать требования к сайту для дизайнера, чтобы на выходе получить то, что вы задумали?

Мало просто описать сайт, как вы его себе представляете. Дизайнеры мыслят образами, поэтому простейший способ - показать на примерах, референсах. 

К моменту создания ТЗ у вас уже должен быть готов прототип сайта или обычный набросок на коленке. К этому наброску для каждой страницы вы можете приложить скриншоты интересных вам сайтов и описать, почему они вам нравятся. 

Что же касается жестких требований - это использование фирменной стилистики вашего бренда, фирменных знаков и шрифтов. Хороший тон - использовать лицензионный шрифт, который нужно покупать в онлайн-магазине. Но не старайтесь все сделать правильно и жестко ограничить дизайнера в требованиях. Дайте ему место для творчества и посмотрите, что получится. Всегда можно внести правки и не один раз!

Так же можно задать требования к общему фону сайта, как правило, это белый или любой светлый оттенок. Если вы хотите сделать сайт похожим на тот, что вам сильно нравится - дайте понять это своему дизайнеру, ему будет проще понять суть задачи.

Требования к верстке шаблона сайта

Мой вам совет - начните свои требования к верстке шаблона сайта с адаптивности или наличию мобильной версии, т.к. сейчас бОльшая часть трафика на сайте может идти с мобильных устройств. Это значит, что ваш сайт должен корректно отображаться на мобильных, а так же удобно просматриваться без потери функционала.

Так же в требования к верстке можно включить поддержку всех современных браузеров и поддержку некоторых старых версий Internet Explorer.

Рекомендую использовать как можно больше SVG изображений для векторных фигур и оптимизированные JPG для фото. 

Ах да, включите в требования к верстке - требования к оптимизации сайта, например соответствие 80-100 баллам по меркам Google Page Speed. 

Помимо оптимизации можно задать требования по скорости загрузки - сейчас это одно из самых важных параметров сайта.

Требование к программной части и функционалу

Как правильно составить функциональные требования к сайту? Самый Простой способ - создать табличку, где в первом столбце будут основные разделы и страницы сайта, а во втором требуемый функционал. В каждой ячейке, т.е. для каждой страницы сайта опишите необходимый функционал своими словами, не нужно вдаваться в термины. Лучший вариант так же приложить ссылки на референсы, примеры других сайтов. Так программисту будет легче понять, что вы от него хотите. 

Но не стоит усложнять. Не пытайтесь свой первый сайт сделать наподобие Авито, все равно не получится. Начните с чего-то простого и легкого, а по мере функционирования сайта - расширяйте его функционал.

Требования к системе управления

Для того, чтобы составить требования для системы управления - нужно выбрать нужную CMS, либо же делать собственную, что я крайне не рекомендую. Мы в Маркетикус всегда используем 1С-Битрикс по многим причинам. Главная причина - это готовый функционал. Зачем придумывать велосипед, когда есть современный спорткар, доступный за небольшие средства. 

Однако никто не мешает вам составить требования к настройке этой системы управления, например:

• Составить семантическую структуру каталога

• Создать несколько пользователей для панели управления

• Настроить платежную систему

• Создать инфоблоки и свойства для контента, в случае с 1С-Битрикс

• Настроить хостинг согласно требованиям системы управления и многое другое

Требования к контенту и наполнению сайта

У вас есть фотографии каталога и много информации для сайта? Не забудьте включить это в требования. 

Так же можно указать необходимость сжатия изображений до минимально возможного уровня, без потери качества. 

Обязательно укажите какой контент куда нужно загрузить исполнителю, сколько штук и как это должно быть на выходе.

Общие требования

Сюда можно включить любые хотелки и приблуды, но не рекомендую. 

Чем больше лишних требований, тем дороже разработка. В общих требованиях укажите ваше видение сайта, то каким вы хотите его видеть.

Для примера можете воспользоваться нашим техническим заданием