Как написать ТЗ на дизайн сайта: шаблон и примеры для заказчика

Когда предприниматель заказывает сайт и говорит дизайнеру «сделайте красиво», результат почти всегда разочаровывает. Не потому что дизайнер плохой - просто у каждого своё понятие о красоте. Техническое задание на дизайн сайта (ТЗ) - это документ, который переводит ваши ожидания в конкретные требования. Он экономит время, деньги и нервы обеих сторон. В этой статье разберём, как составить такое ТЗ самостоятельно, что в него включить и каких ошибок лучше избегать с самого начала.

Зачем нужно ТЗ на дизайн

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

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

Что включить в бриф для дизайнера

Бриф и ТЗ - смежные понятия. Бриф собирает общую информацию о проекте, ТЗ детализирует технические и визуальные требования. На практике для большинства проектов их объединяют в один документ. Вот что должно войти в базовый набор:

• Название компании, сфера деятельности, география (город, Казахстан, СНГ, международный рынок).
• Цель сайта - продажи, генерация заявок, имиджевое присутствие, информирование клиентов.
• Тип сайта - корпоративный, лендинг, интернет-магазин, портфолио.
• Основные страницы и структура: главная, о компании, услуги, портфолио, контакты и т.д.
• Требования к адаптивности - мобильные устройства, планшеты, десктоп.
• Технические ограничения - если сайт разрабатывается на конкретной CMS или платформе.
• Сроки и этапы - когда нужен первый макет, когда финальная версия.

Не нужно быть техническим специалистом, чтобы заполнить эти пункты. Ответьте честно на каждый вопрос - это уже даст дизайнеру 80% нужной информации. Если что-то не знаете, так и напишите: «по рекомендации исполнителя».

Описание целевой аудитории и стиля

Дизайн сайта должен нравиться не вам лично, а вашим клиентам. Поэтому описание целевой аудитории - один из ключевых разделов ТЗ. Укажите: кто ваш покупатель, сколько ему лет, чем он занимается, что для него важно при выборе. Например: «мужчины и женщины 30-50 лет, владельцы малого бизнеса в Алматы и Астане, ценят надёжность и профессионализм, принимают решения взвешенно». Это сразу задаёт тон всему визуальному решению.

Раздел о стиле лучше описывать через ощущения и прилагательные: строгий и деловой, живой и современный, тёплый и домашний, технологичный и минималистичный. Дополните это цветовыми предпочтениями - укажите корпоративные цвета из вашего брендбука или просто скажите, какие оттенки вам близки, а каких вы хотите избежать. Если есть фирменный стиль (логотип, фирменные цвета, шрифты) - обязательно приложите к ТЗ все файлы.

Референсы и антипримеры

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

Референсы - это примеры сайтов, которые вам нравятся визуально. Важно: не обязательно из вашей ниши. Вы можете показать сайт зарубежного банка, потому что вам нравится его строгость и структура, или сайт дизайн-студии, потому что нравится типографика. Соберите 3-5 примеров и кратко прокомментируйте каждый: «нравится верхнее меню», «нравится как оформлены карточки услуг», «нравится цветовая гамма». Это сильно ценнее, чем просто ссылки без пояснений.

Не менее важны антипримеры - сайты, которые вам категорически не нравятся. Укажите: «такой стиль точно не нужен» и объясните почему. Слишком кричащие цвета, перегруженность элементами, мелкий шрифт, анимация везде - всё это поможет дизайнеру понять границы. Антипримеры часто информативнее референсов, потому что люди лучше знают, чего не хотят, чем что хотят.

Частые ошибки в ТЗ на дизайн

Даже опытные предприниматели допускают одни и те же ошибки при составлении технического задания. Зная их заранее, вы сможете избежать типичных проблем:

• Слишком расплывчатые формулировки. «Сделайте современно и красиво» - это не требование. Уточните: какой стиль считаете современным, какие цвета, какие примеры нравятся.
• ТЗ пишет один человек, а согласовывают другие. Если решение принимает несколько людей - директор, маркетолог, учредитель - согласуйте ТЗ внутри до начала работы с дизайнером.
• Нет информации о конкурентах. Укажите 2-3 конкурирующих сайта - дизайнер поймёт рынок и сможет предложить что-то, что будет выделяться.
• Отсутствие технических требований. Если у вас уже есть сайт на конкретной CMS или платформе, это важно указать - дизайн должен быть реализуем технически.
• Игнорирование мобильной версии. Более половины трафика в Казахстане приходит с мобильных устройств. Требования к мобильной версии - обязательный пункт.
• Слишком детальный контроль без экспертизы. Не стоит прописывать конкретные пиксели отступов или точные hex-коды цветов, если вы не дизайнер. Задайте вектор, доверьтесь профессионалу.

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

Как оформить ТЗ: простой шаблон

Не нужно использовать сложные системы или специальное ПО. Достаточно обычного документа в Google Docs или Word со следующей структурой: блок с информацией о компании и проекте, описание целевой аудитории, цели сайта и желаемый стиль, список страниц и их содержание, референсы с комментариями, антипримеры, технические требования и сроки. Этот документ займёт 2-3 страницы, но сэкономит несколько итераций правок. Передайте его исполнителю до начала работы - и попросите подтвердить, что всё понятно.

Если вы планируете разработку корпоративного сайта, лендинга или редизайн существующего ресурса - в Pozhidayev помогут составить ТЗ вместе с вами на этапе брифинга. Это входит в стоимость работ: корпоративный сайт от 500 000 ₸, лендинг от 200 000 ₸, редизайн от 350 000 ₸. Работаем удалённо по всему Казахстану - от Алматы до Уральска. Оставьте заявку, и мы разберём ваш проект подробно.