Найти в Дзене

Чеклист: Как составить ТЗ для разработки сайта?

Ситуация: Вы - руководитель, без технического бекграунда. Вы хотите сайт, есть идея, но нет понимания, как составить для него ТЗ. Конечно, в одиночку вы не справитесь, но оно вам и не нужно. А что вам нужно - это подготовиться к разговору с выбранным вами IT агентством. Рассказываем по пунктам. Честно говоря, мы не знаем, какими инструментами вы владеете и сколько времени у вас осталось до созвона с новым подрядчиком. Поэтому предлагаем два варианта: самый простой и для продвинутых. Итог: чем детальнее и прагматичнее вы опишите содержание, интеграции и элементы дизайна сайта, тем точнее будет оценка, тем меньше риск «дорого и долго», и тем быстрее пройдут переговоры. Простой план-минимум позволяет стартовать, план-максимум — минимизирует споры и экономит время. А если совсем не хотите возиться, вот план-ультима: обращайтесь в ForgeHive. Мы предлагаем услуги по составлению ТЗ бесплатно и делаем это в кратчайшие сроки. Если у вас есть запрос на разработку ПО, напишите нам.
Оглавление

Ситуация: Вы - руководитель, без технического бекграунда. Вы хотите сайт, есть идея, но нет понимания, как составить для него ТЗ.

Конечно, в одиночку вы не справитесь, но оно вам и не нужно. А что вам нужно - это подготовиться к разговору с выбранным вами IT агентством. Рассказываем по пунктам.

Честно говоря, мы не знаем, какими инструментами вы владеете и сколько времени у вас осталось до созвона с новым подрядчиком. Поэтому предлагаем два варианта: самый простой и для продвинутых.

План-минимум

  • Обозначьте цели вашего сайта. Можно почитать статьи о них, можно просто поштормить вашей командой, можно даже просто задать себе вопрос "Что этот сайт должен делать?"
    Варианты ответа: рассказывать о компании, принимать заказы, калькулировать стоимость, продвигать продукт или акцию, принимать загруженные файлы и тд.
    Это - база. По типу вашего сайта подрядчику уже будет на 50% понятно, что нужно делать.
  • Подумайте, чем сайт будет наполнен. Составить список необходимых элементов, желаемых компонентов и идей для разделов, которые у вас в голове начинаются с "Было бы круто...".
    Можно еще ранжировать их по степени важности: основное, дополнительное и "
    если хватит денег".
    Не забудьте про
    администрирование сайта. Если в нем будет обновляющийся блог или личный кабинет, нужно продумать фнукционал и этой части.
  • Прикиньте, какие сторонниеэлементы вы бы хотели видеть. Если вы хотите интегрировать карту с отображением ваших локаций, автоматический плеер видео, платежную систему, отслеживание отправлений или какой-нибудь чат-бот служы поддержки, обо всем этом лучше заранее сказать. Все эти элементы стоят денег и будут учитываться при составлении ТЗ.
    Как правило, компании педоставляют доступ к API (к примеру, карт) на персональных условиях для разных сайтов. Чем раньше вы запросите эту интеграцию, тем быстрее получите расчет стоимости по ней.
  • Выберите устройства, на которых будут открывать сайт. Конечно, хороший сайт должен работать на всех, но какие-то точно будут в приоритете. Если у вас расчет на мобильных пользователей, эту версию будут проектировать в первую очередь. Может быть, даже предложат разработку приложения в качестве альтернативы.
  • Соберите референсы. Найдите хотя бы 2-3 примера сайтов и подпишите, что именно вам в них нравится, а что нет. Это могут быть сайты из вашей ниши, а могут - просто внешне похожие. К коротко добавьте: «нравится: структура главной, крупный CTA, фильтр товаров» или «не нравится: мелкий шрифт, перебор анимаций».
    Это даст агентству чёткое визуальное и функциональное понимание ваших ожиданий — дизайнеру и менеджеру будет гораздо проще предложить корректный вариант и скорректировать бюджет под ваш вкус.

План-максимум

  • Составьте карту сайта. Это файл или документ со всеми страницами, кликабельными элеменами, документами и тд. Лучшая практика: также продумать все сценарии пользовательского поведения (с какой страницы можно будет куда перейти). Не забудьте про хедер, футер и все скучные юридические разделы.
    Чтобы все нарисовать есть бесплатные онлайн-сервисы, за пару дней можно разобраться в интерфейсе Figma или Miro. На крайний случай - нарисовать логику в виде древа можно и в таблице или простом текстовом документе.
    Также, это очень полезно, чтобы самому не забыть все детали и посреди разработки не объявлять, что нужен еще раздел "Избранное".
  • Подготовьте дизайн. Можно сделать хотя бы простой макет с цветовой гаммой и одним примером экрана, а можно и полноценный проект с библиотекой компонентов, всеми версиями экранов и состояний. С последним фронтендер может работать напрямую.
    Если у вас есть готовый дизайн-проект, разработчики почти сразу смогут назвать вам цену. Конечно, ИТ агентства, как правило, предлагают свои услуги по разработке дизайна, но если вы еще сомневаетесь в его выборе - можно заказать дизайн у отдельного человека, а потом приходить с ним к разным подрядчикам и уточнять стоимость разработки.
  • Соберите контент-реестр. Если у вас уже есть все тексты, картинки и базы данных (с товарами, например), которые будут располагаться на сайте - супер! Отправляйте их, чтобы разработчики учитывали наполнение при планировании дизайна и производительности.
    Если наполнения еще нет, сделайте таблицу: страницы - кто отвечает за текст/изображения - когда будет готово. Это поможет уже в работе. Частая причина задержек - отсутствие материалов. А так и вы, и подрядчик, получите понимание, когда и что будет предоставлено.

Итог: чем детальнее и прагматичнее вы опишите содержание, интеграции и элементы дизайна сайта, тем точнее будет оценка, тем меньше риск «дорого и долго», и тем быстрее пройдут переговоры. Простой план-минимум позволяет стартовать, план-максимум — минимизирует споры и экономит время.

А если совсем не хотите возиться, вот план-ультима: обращайтесь в ForgeHive. Мы предлагаем услуги по составлению ТЗ бесплатно и делаем это в кратчайшие сроки.

Если у вас есть запрос на разработку ПО, напишите нам.