Как составить грамотное ТЗ на разработку сайта
ТЗ на разработку сайта – это техническое задание, в котором должны находить отражение конкретные ожидания клиента. Другими словами, этот документ нужен для того, чтобы сайт действительно отвечал возложенным на него надеждам и исправно выполнял свои функции. У каждого клиента свой перечень требований к разработке сайта. И это – правильно, но выражаться они должны в конкретных цифрах и понятиях, а не в абстрактных “хочу, чтобы все было красиво и качественно”. Если веб-разработчик не будет знать, в чем именно заключаются потребности клиента, то вряд ли он сможет их удовлетворить.
Итак… В этой статье мы расскажем, как написать ТЗ на создание сайта, чтобы в итоге исполнитель сделал именно то, что хотел от него заказчик.
Для чего нужно задание на разработку сайта?
Заказчик получает следующие “плюсы”:
-
Сможет заранее определить величину стоимости работы веб-дизайнера и поймет, за что именно будут заплачены деньги.
- Получит возможность четко изложить перечень функциональных требований к сайту.
- Сможет контролировать выполнение задания в соответствии с пунктами плана, изложенными в документе.
Техническое задание для сайта – это возможность и для заказчика, и для исполнителя быстро согласовать базовые вопросы по разработке и подстраховать себя на случай, если возникнут какие-либо дальнейшие разногласия. Конечно, ТЗ – это не договор, это совершенно разные вещи. Теоретически без технического задания по разработке сайта можно обойтись, но на практике это приводит к не очень хорошим результатам.
Как составить ТЗ для сайта: основные правила
Перед написанием ТЗ дайте клиенту заполнить бриф, в который включите следующие пункты:
- Какой тип сайта нужен заказчику: интернет-магазин, сайт-визитка, крупный портал, landing-page (одностраничник)?
- Имеется ли уже у клиента сайт и если да, то чем он не устраивает?
-
Какие сайты ему нравятся и чем (пусть укажет до 5 ссылок).
- Какую структуру сайта клиент бы хотел видеть (какие страницы необходимы)?
- Чем занимается компания клиента, какая у нее ЦА?
- Каковы основные каналы привлечения ЦА: сарафанное радио, соцсети, сайт, наружная реклама и т. д.
Техзадание для создания сайта разрабатывается уже на основе брифа, что достаточно сильно облегчает исполнителю задачу. Основные параметры он уже будет знать. В идеале ТЗ веб-разработчик, дизайнер и заказчик должны составлять вместе, в тесном сотрудничестве, но на практике часто происходит так, что готовит его сторона исполнителя. Это связано с тем, что клиент часто не знает специальной терминологии и различных параметров, которые должны быть прописаны в документе. Во многих случаях оказывается проще пояснить клиенту каждый пункт, после чего должно произойти согласование или корректировка.
Какие пункты включить в ТЗ?
-
Срок сдачи сайта.
Это очень важно, дает клиенту возможность прогнозировать период получения результата, а исполнителю – разумно распределять усилия.
- Объем работ и конкретные задачи. В этом пункте ТЗ для сайта необходимо четко указать весь планируемый объем работ, который следует разбить на ряд последовательных этапов.
- Описание каждого этапа. Здесь проводится еще большая конкретизация ТЗ на разработку сайта. Прописывается, что за работы должны быть выполнены, если возможно представить данные в количественном выражении, то нужно это сделать.
Какого-либо идеального срока сдачи сайта не существует – в каждом случае необходимо отталкиваться от особенностей проекта. Разработка сайта на готовом шаблоне может занять 1-2 недели, а вот если веб-ресурс будет создаваться с нуля, то в этом случае может потребоваться не менее месяца. Если речь идет о крупном портале-многостраничнике, сроки будут увеличиваться пропорционально сложности проекта. При описании каждого этапа указываются движок сайта, особенности дизайна, структурные элементы ресурса, наполнение контентом и т. д.
Требования к сайту
Чем более четко будут прописаны требования, тем лучше. Все их можно разбить на следующие группы:
-
Сценарии использования веб-ресурса.
-
Особенности структуры страниц.
-
Требования к системе навигации по сайту.
-
Особенности юзабилити (удобства ресурса для пользователей).
-
Требования к дизайну (цветовые решения, общая стилевая концепция и т. д.).
-
Функциональные и технические возможности сайта.
Техническое задание на создание сайта должно в обязательном порядке регламентировать содержание главной страницы ресурса. Следует прописать, что должно быть размещено в шапке сайта, нужен ли логотип, номера телефонов, формы обратной связи, интерактивные элементы для пользователей и т. д. Пристальное внимание необходимо уделить навигационному меню. В ТЗ следует прописать, нужен ли каталог и каковы должны быть его особенности, предусмотреть необходимость блока с акциями и спецпредложениями. Важный момент – выбор движка. Чтобы помочь клиенту сделать правильный выбор, задайте ему наводящие вопросы о том, кто будет заниматься публикацией контента, администрированием и обслуживанием сайта.
Грамотно составленное ТЗ должно помогать клиенту и исполнителю лучше понять друг друга. Заказчик сможет более четко выразить требования, а разработчик – воплотить имеющиеся у клиента ожидания.
Как правильно составить ТЗ на создание сайта
Как писать ТЗ? Инструкция Team-B по заполнению технического задания на разработку сайта.
- «Но Вы же утвердили уже техническое задание!»
- «Техническое задание?? А мы думали ТЗ — это точка зрения и у нас их уже несколько!»

Что такое техническое задание
Техническое задание — это документ, в котором фиксируются все требования заказчика по будущему проекту. Чем подробнее в нем изложены все требования, тем лучше исполнители понимают, что от них требуется. С правильно заполненным ТЗ больше вероятность, что все останутся довольны результатом работ.
Главная цель технического задания — исключить несогласованности и ошибки в работе над проектом
Пользы от заполнения технического задания много и для каждой стороны она своя:
Заполнение ТЗ поможет заказчику понять:
- На что потрачены средства: составление ТЗ помогает увидеть общую структуру ресурса и понять что и как будет работать.
Есть возможность пересмотреть свои пожелания по будущему сайту, пока работы по созданию еще не начинались.
- Насколько компетентна организация: когда техзадание написано грамотно, понятным языком и указаны все необходимые параметры и будущие работы, это дает понять, что клиент обратился к хорошим специалистам. Если же в документе можно заблудиться, есть лишние пункты или наоборот чего-то не хватает, стоит задуматься о смене подрядчика
- Сколько времени потребуется на создание сайта: без заполнения технического задания понимание того, какие конкретно работы будут проведены, довольно туманно. Разработка ТЗ решает эту проблему и заказчик точно будет знать когда ждать готового сайта.
Польза для разработчика:
- Точное понимание того, что хочет заказчик: бывает такое, что сам клиент не до конца понимает, какой результат он хочет увидеть. Заполнение ТЗ помогает понять конкретные пожелания заказчика. И, кроме того, дает возможность тратить меньше времени на различные правки.
- Показать свою экспертность: понятное и четко заполненное техзадание показывает клиенту компетентность специалистов и дает уверенность, что все работы будут выполнены на высшем уровне.
Основные правила написания технического задания
Одно из важных правил составления грамотного технического задания — клиент обязательно принимает участие в составлении ТЗ
Можно организовать брифинг на котором заказчик предоставит всю важную информации о продукте:
- подробно расскажет о продукте и его особенностях;
- опишет фирменный стиль компании, предоставит брендбук
- опишет свою целевую аудиторию, кто будет посещать готовый сайт;
- даст понять какие цели он преследует созданием сайта;
- предоставит понравившиеся ему примеры сайтов, на которые можно будет опираться при работе;
- расскажет о сайтах конкурентов. Какие фичи у них есть, а в чем их слабые места и т.
д
Текст ТЗ должен быть однозначным
Когда нет внятного ТЗ
Все формулировки должны быть четкими и точными. Некорректно писать в тз, что сайт должен быть красивым, или сайт должен быть удобным, или сайт должен выдерживать большой трафик. У всех разное понимание красоты, удобства и тд.
Как не надо |
Как надо |
|
— Сайт должен быть выполнен в минималистичном стиле и соответсвовать фирменному стилю/брендбуку компании, в интерфейсе использовать цвета: #…..,#…..,#…..; шрифты:*пишем общепринятые названия шрифтов; |
-Сайт должен быть удобным |
-На главной странице сайта должны быть формы обратной связи, калькулятор. |
-Сайт должен быстро загружаться |
-Скорость загрузки страниц сайта должна быть не меньше 85 баллов по Google PageSpeed Insights |
-Сайт должен выдерживать большой трафик |
-30 тысяч посетителей одновременно |
Также необходимо указать следующие характеристики:
-
Тех.требования: сайт будет разработан на движке или на конструкторе. Выбрать на каком конкретно;
-
Структура будущего сайта: Удобнее всего будет сделать схему, на которой будет показана иерархия страниц и их примерное название.
На этом этапе целесообразно будет обдумать так же стратегию SEO продвижения, если она необходима. А она однозначно будет необходима молодому сайту.
- Вид страниц. Необходимо описать то, как будет выглядеть каждая страница сайта. Лучше всего будет набросать примерный эскиз.
- Контент. Расписать какой контент будет на сайте, сколько его будет конкретно на каждой странице и т.д.
- Дизайн. В каком стиле будет выполнен сайт, какие шрифты и цветовая палитра будут использованы.
- Адаптивность. Указать под какие типы устройства должен адаптироваться сайт.
- В каких браузерах он должен работать. (чаще всего во всех современных и актуальных)
- Описать сценарии использования сайта. Это можно сделать в следующем виде: действие пользователя > ответное действие сайта > результат
- Важно утвердить обязанности каждого специалиста: какие конкретно работы должен будет сделать каждый из членов команды, работающей над проектом.
- Также не забудьте дать определения всем профессиональным терминам, чтобы клиент понимал что есть что и не было непонимания с его стороны. Можно сделать отдельный файл-приложение со всеми определениями.
Комментарии разработчиков
Мы взяли небольшое интервью у ребят разработчиков нашей команды и они поделились самыми важными моментами, которые нужно учитывать при составлении технического задания:
—Что важно обязательно писать в тз?
Один из самых важных пунктов — это пользовательские сценарии. В ТЗ важно досконально прописывать взаимодействие пользователя с сайтом, учитывая каждый возможный клик по кнопкам, пунктам меню, изображениям и т.д. Особенно это касается проектов, в которых присутствуют блоки с нестандартным функционалом (например, процесс оформления заказа).
—Какие самые частые ошибки вы встречаете в тех задании на сайт, может есть какие-то важные моменты, которых не хватает?
Во первых часто не хватает пользовательских сценариев, о которых я уже сказал. А во вторых, среди клиентов распространены случаи, когда тех.задание очень короткое и не хватает каких-то важных пояснений. Например, в ТЗ написано «добавить калькулятор», а где его расположить, какие пункты в нем должны быть, не написано. Тут мы никак не сможем понять, что конкретно заказчик имел в виду и скорее всего потом придется вносить правки. Но особо увлекаться в заполнении техзадания тоже не стоит. В ТЗ, которое сильно расписано, можно потеряться и упустить какой-то важный момент. В общем нужно найти золотую середину, чтобы было все необходимое и ничего лишнего.
—Бывают ли ситуации, когда ТЗ не нужно?
Техзадание нужно всегда, в независимости от того, какой это проект. Потому что без него мы с клиентом просто не поймем друг-друга и ничего хорошего из этого не выйдет.
Вывод: чек-лист по составлению ТЗ
Подводя итог, публикуем краткий чек-лист всех пунктов правильного технического задания:
- Общие сведения;
- Назначение и цели создания;
- Требования к системе;
- Структура сайта и его страниц;
- Требования к дизайну сайта;
- Требования к контенту сайта;
- Состав и содержание работ по созданию;
- Глоссарий;
-
Бриф.
Как написать спецификацию веб-сайта
«Сколько стоит машина?»
Проекты электронной коммерции бывают разных форм и размеров, и каждая функция и элемент дизайна предлагают новые сложности. Но когда вы собираете расценки для проекта, вы хотите, чтобы они были точными (и эффективными).
Когда вы обращаетесь в агентства, вы должны быть вооружены убийственной спецификацией. Вот свободный шаблон, которому нужно следовать при написании своего.
1. Начните с представления себя
Откройте с кратким описанием того, чем занимается ваш бренд. Достаточно, чтобы обеспечить небольшой фон, не влезая в сорняки.
- Краткая история
- Размер (количество сотрудников, оборот)
- Ключевые услуги
- Основные достижения
- Ваша миссия
2.

Объяснение этого будет определять остальную часть спецификации. Задумайтесь:
- Зачем вам проект?
- Каких результатов вы хотите достичь? Измеримы ли они?
- Проблемы с существующим сайтом?
- Каковы бизнес-факторы изменений?
Запишите хотя бы одну цель проекта. Это может быть «увеличение онлайн-продаж», «увеличение количества запросов на веб-сайт» или что-то совсем другое.
Что бы это ни было, оно нуждается в количественной оценке. Вместо того, чтобы смотреть на отраслевые эталоны, посмотрите, чего вы достигли в настоящее время, и подумайте, какие улучшения вы хотели бы увидеть.
О, и если у вас есть второстепенные цели — может быть, они заключаются в том, чтобы «привлечь внимание прессы» или «уменьшить количество администраторов, связанных с X», — хорошо включить и их.
3. Привлеките свою ключевую аудиторию
Чтобы достичь этих целей, вам необходимо обратиться к вашей ключевой аудитории с помощью вашего сайта, поэтому обязательно сделайте это ясно. Это могут быть:
- Потенциальные клиенты/клиенты
- Существующие или постоянные клиенты/клиенты
- Ключевые заинтересованные стороны (отдел маркетинга, персонал склада, персонал по выполнению заказов/административный персонал, группы обслуживания клиентов, руководство)
Но они также могут быть:
- Представители прессы
- Потенциальные сотрудники
- Любые другие ключевые сегменты?
Есть ли они в списке? Теперь для каждой группы рассмотрим:
- Что они хотят делать на вашем веб-сайте?
- Что вы хотите, чтобы они делали на вашем сайте?
… потому что ответ не всегда один и тот же. Например, один сегмент может перейти на ваш веб-сайт, чтобы быть в курсе ваших сообщений в блоге. Тем не менее, вы можете надеяться, что они подпишутся на вашу рассылку, пока они там.
Независимо от того, хотите ли вы, чтобы они купили продукт или связались с ними по поводу карьеры, это должно соответствовать целям, которые вы поставили в разделе 2.
Примечание: полезно учитывать приоритет вашей аудитории. Это поможет, когда дело доходит до разработки макета и навигации вашего сайта.
4. Ваши конкуренты
Если вы заинтересованы в анализе конкурентов, эта часть будет легкой.
Перечислите своих основных конкурентов и отметьте, чем они занимаются. У кого лучший интернет-магазин (и почему)? Чья не так хороша (и в чем причины)?
Именно эти детали помогут вам превзойти их — улучшая то, что предлагает рынок, делая ваш магазин уникальным и, конечно же, черпая вдохновение из любых интересных функций (мы сказали это!).
О, и эта часть также удобна, чтобы помочь вашему партнеру агентства немного лучше понять вашу отрасль.
5. Структура веб-сайта (не волнуйтесь, это предварительно)
Это не будет высечено на камне. Он имеет тенденцию меняться на этапе проектирования. Но наличие отправной точки, которая четко передает «информационную архитектуру» веб-сайта, не позволяет всему, что должно быть там, остаться позади.
Старайтесь не копировать текущую структуру веб-сайта (если только для этого нет веской причины). Изменение может принести пользу и предотвратить перенос старых предположений в новый проект.
6. Основная часть: функциональная спецификация
Другими словами, что должен делать сайт?
Во-первых, если это веб-сайт брошюры, это будет относительно просто, так как большинство страниц будут статичными (не реагирующими на действия пользователя). Хотя, конечно, могут быть исключения, которые вам нужно будет записать, например, если вам нужна «контактная» страница с интерактивной формой.
Однако, если это сайт электронной коммерции, работы будет немного больше. Вы должны перечислить любые функциональные требования для вашего дома, списка продуктов, поиска и страниц сведений о продукте. И, если есть другие страницы, на которых вам нужна индивидуальная функциональность (скажем, ваша касса должна позволить покупателям персонализировать продукт в своем заказе), уберите и их.
Теперь взгляните на свои ключевые группы аудитории в разделе 3 и напишите несколько «пользовательских историй» для каждой из них. Они описывают, что разные пользователи должны иметь возможность делать в вашем интернет-магазине, и выглядят примерно так:
- «Как клиент, я хочу добавить товары в корзину, чтобы купить их позже»
- «Как сотрудник, я хочу изменить статус заказов, чтобы я мог отмечать товары после отправки»
Примечание : если у вас есть необычные требования к функциональности, это особенно важно.
На этом этапе вы также должны указать любые технические предпочтения, которые у вас могут быть. Например, предпочитаемая вами CMS или веб-инфраструктура (если она у вас есть), платежные шлюзы, которые вы хотели бы использовать, и любые интеграции, которые необходимо учитывать (например, управление заказами/складом, ERP).
7. Теперь о нефункциональных требованиях.
Не так красиво, но поверьте нам, вы не захотите их пропустить.
- Юзабилити : есть ли у вас требования доступности? Если вы (планируете) продавать в США, прочитайте это. Можно ли использовать ваш сайт в основном на планшетах? Может, от стариков?
- Безопасность : нужно ли вам соответствовать стандарту PCI?
- Производительность веб-сайта : насколько для вас важно время загрузки? Если вы занимаетесь электронной коммерцией, ответ «очень» (и вот почему).
- Legal : существуют ли какие-либо отраслевые требования, которым должен соответствовать ваш веб-сайт? Потребуется ли вашим клиентам принимать Условия и положения?
8. Хорошее, плохое и уродливое…
Расскажи: вы когда-нибудь натыкались на сайты с элементами дизайна, к которым вам было трудно привыкнуть? Или другие аспекты, которые просто… не совсем для вас?
А как насчет тех, которые привлекли ваше внимание в хорошем смысле?
Наличие списка того, что вам нравится и что не нравится, поможет вам быстрее создать идеальный дизайн, управляя процессом с самого начала. Давайте послушаем это.
9. Слово Б
Бюджет (конечно). Время от времени бренды уклоняются от раскрытия своего бюджета, когда впервые обращаются к агентствам. Не будь одним из них — это никому не поможет! Прозрачность в отношении того, с чем можно поиграть, означает, что агентства могут найти наилучшее решение для соответствия.
Если вы понимаете, что ваш бюджет не соответствует действительности, все равно свяжитесь с нами. Хорошее агентство подумает, что можно с этим сделать, будь то обсуждение поэтапного подхода или рекомендация другой технологии.
Что тебе терять?
10. Самое время упомянуть этот крайний срок
Умоляем: будьте благоразумны! Проекты веб-сайта электронной коммерции могут занять от 6 недель до 6 месяцев. Все зависит от размера проекта. 3 месяца это примерно средний срок.
Хотя крайние сроки и временные рамки могут быть ключевым ограничением вашего проекта (часто определяя его структуру и возможность вообще), стоит отметить, что существуют временные решения.
Если в настоящее время у вас ничего не работает, такие вещи, как страницы регистрации, на самом деле могут быть хорошим способом собрать адреса электронной почты и вызвать волнение перед запуском нового веб-сайта.
И если вам нужен быстрый оборот, может быть вариант запуска с сайтом MVP, в то время как полная версия наворотов находится в разработке.
11. Опишите процесс закупок
При отправке спецификаций вашего веб-сайта агентствам будьте ясны в этом вопросе.
- Когда вам нужен ответ?
- Кто будет основным контактным лицом вашего бренда?
- Кто является заинтересованными сторонами?
- Когда будет принято решение?
- Любые другие ключевые даты для включения?
И, наконец, вот несколько НЕТ
(или, по крайней мере, пробовать не делать)
- Не углубляйтесь в детали: на этом этапе должны быть более подробные описания.
- Не болтай: это уже достаточно длинный документ! Взгляните на него свежим взглядом, чтобы помочь обнаружить любой пух.
- Не используйте жаргон: он должен быть написан на языке, доступном для всех, кто его увидит (помните, что агентства могут не говорить на языке вашей отрасли). Вы хотите предотвратить недопонимание и не должны объяснять вещи устно.
- Не уделяйте слишком много внимания внешнему виду и структуре веб-сайта: оставьте это на этапах проектирования.
- Не забудьте сравнить производительность вашего сайта с вашими целями в пункте 2 (конечно, после запуска).
С учетом сказанного, удачи и вперед!
Как написать спецификацию веб-сайта
Вернуться к блогу
Преимущества веб-сайтов для бизнеса становятся все более очевидными, особенно для малого бизнеса. Однако, когда дело доходит до создания нового веб-сайта, очень легко сразу приступить к работе, не планируя точно, что вы хотите. Это не только усложняет создание веб-сайта для ваших разработчиков, но также может привести к ускорению процесса, когда функции не совсем такие, как вы себе представляли.
Составление подробной спецификации веб-сайта может сэкономить вам много времени в дальнейшем и поможет согласовать точки зрения всех участников. Таким образом, клиент будет знать, чего ожидать от конечного результата, и у каждого будет шаблон спецификации веб-сайта, на который они могут ссылаться. Кроме того, это помогает разработчикам знать, что кодировать, тестировщикам правильно проводить проверки обеспечения качества, а руководителям проектов плавно планировать проект. Мы выделили некоторые ключевые элементы, которые помогут вам приступить к написанию спецификации веб-дизайна:
- Ваша компания
- Пункты связи
- Цели
- Функциональная спецификация
- Ваша аудитория
- Настройки устройства и браузера
- Дизайн
- Ландшафт конкурентов
- Структура сайта
- Характеристики
- Нефункциональные требования
- Техническое обслуживание и поддержка
- Бюджет и сроки
Какова спецификация веб-сайта?
Если вы не знакомы с миром дизайна или разработки веб-сайтов, вы можете спросить: «Что такое спецификация веб-сайта?». Это очень легко понять! Проще говоря, спецификация веб-сайта использует набор шаблонов спецификации веб-сайта для определения желаемых целей и задач проекта. Это помогает нам, разработчикам веб-сайтов, создавать продуманный, продуманный веб-сайт, отвечающий вашим целям. Спецификация веб-дизайна охватывает все, от деталей заинтересованных сторон, бюджетов, сроков, технических ограничений, желаемых функций и многого другого.
1. Ваша компания
Каждый раз, когда мы начинаем новый проект, мы всегда начинаем с того, что больше узнаем о вашей компании. Познакомившись с вашей компанией, наши дизайнеры могут создать индивидуальный дизайн, который точно отражает вашу компанию и ваши ценности. Понимание вашего повседневного бизнеса также позволит нашим веб-разработчикам предложить инновационные функции для значительного улучшения вашего сайта. В течение этого вводного периода мы сядем с вами, чтобы извлечь именно то, что вам нужно от этого проекта, чтобы мы могли эффективно дать индивидуальные рекомендации по спецификациям веб-сайта, персонализированные для вашего бизнеса.
Что включать:
- Какие продукты/услуги ваша компания предоставляет клиентам/потребителям.
- Ценности вашей компании, история, история и то, что делает вас особенным.
- УТП вашего бизнеса: каковы ваши выдающиеся качества или ключевые преимущества, благодаря которым потребители или клиенты возвращаются к вам?
- Особые роли, которые каждый член команды играет в компании.
- Размер вашей компании и средний годовой оборот.
- Любые крупные достижения, которые вы хотели бы отметить.
2. Контактные лица
Теперь, когда мы узнали вашу команду немного лучше, мы можем создать для вас потрясающий дизайн. Но если нам нужно связаться с вами, чтобы обсудить что-то, мы должны знать, к кому обращаться. В шаблон спецификации веб-сайта полезно включать имена, должности и адреса электронной почты, чтобы общение могло оставаться беспрепятственным.
Что включать:
- Имена, должности и адреса электронной почты.
- Идеальное время отклика.
- Что делать в случае срочного запроса.
3. Объективы
Мы можем действовать намного быстрее и совместно работать над вашим заданием, устанавливая ваши приоритетные цели. Изложение целей веб-сайта, ваших ценностей и УТП в спецификации веб-сайта помогает нам выполнять свою работу наилучшим образом и помогает нам понять, какие функции вам понадобятся для достижения указанных целей. Кроме того, мы также предложим и предоставим обширные способы отслеживания и анализа ваших данных, чтобы увидеть, насколько хорошо ваш веб-сайт работает в зависимости от ваших целей.
Что включать:
- Каково основное использование веб-сайта?
- Какие цели или задачи SMART вы поставили перед этим веб-сайтом? Например. Увеличение лидов на 10% за 6 месяцев.
- Как этот веб-сайт будет соответствовать общим целям вашей компании или команды?
- Зачем вам этот проект?
- Каких результатов вы хотели бы достичь и измеримы ли они?
- У вас есть какие-либо проблемы, которые вы хотели бы решить с вашим существующим сайтом?
- Каковы бизнес-факторы изменения этого веб-сайта?
4.

Веб-сайт имеет одну главную цель: служить вашему бизнесу. Но как мы можем узнать, как лучше всего создать веб-сайт, который будет обслуживать ваш бизнес, если мы не уверены, что на самом деле должен делать ваш веб-сайт? Функциональная часть шаблона спецификации веб-сайта проходит через все, что должна делать каждая страница веб-сайта. Например, если вы занимаетесь электронной коммерцией, вам могут потребоваться специальные функции, позволяющие клиентам просматривать статус своего заказа на вкладке своей учетной записи. Кроме того, ваши потребители могут существовать в других странах, поэтому вам требуются определенные платежные шлюзы на вашем сайте. Здесь должно быть упомянуто все функциональное, что необходимо вашему веб-сайту для успеха.
Что включать:
- Что бы вы хотели, чтобы ваш сайт делал в целом.
- Что вы хотите, чтобы каждая отдельная страница вашего сайта делала.
- Любые технические предпочтения, которые могут у вас быть, например.
Каркас сайта, платежные платформы.
- Пользовательские интеграции, такие как управление запасами или ERP.
5. Ваша аудитория
Полезно быть в курсе любой аналитики аудитории с самого начала. Учет демографических и психографических данных может помочь нам понять, чего может ожидать и потребовать ваша аудитория, что поможет сделать ваш веб-сайт более удобным для пользователей. Знание таких деталей, как возрастной диапазон, пол, наиболее часто используемое устройство, покупательские привычки и т. д., может помочь нам предложить и создать функции на вашем новом сайте, ориентированные непосредственно на вашу аудиторию, включая макет и навигацию. Небольшие, незаметные изменения в пользовательском опыте и пользовательском интерфейсе могут повлиять на то, понравится ли вашей целевой аудитории ваш веб-сайт или выберет вместо него конкурента.
Что включать:
- Демографические данные вашей целевой аудитории: возраст, пол, местонахождение, профессия, доход и т.
д.
- Психографические данные вашей целевой аудитории: что им нравится, как они используют веб-сайты, почему они посещают ваш веб-сайт, их интересы.
- Информация о привычках вашей аудитории к устройствам: совершают ли они покупки на мобильных устройствах или просто просматривают? У них есть ноутбук или настольный компьютер?
- Любые известные привычки или шаблоны просмотра: ваша целевая аудитория чаще делает покупки ночью? Каково их среднее количество корзин? Сколько времени им нужно, чтобы проверить? Направляются ли они прямо к вашему блогу или сначала просматривают ваши товары/услуги?
6. Настройки устройства и браузера
Давно прошли времена настольных браузеров. Недавнее исследование показало, что более 75% онлайн-покупателей в Великобритании совершали покупки с мобильных устройств в течение 2021 года. Важно понимать, с какого устройства и браузера ваш потребитель или клиент посещает вас. , так как технические требования могут существенно различаться.
Что включать:
- На каком устройстве ваш потребитель/клиент посещает ваш сайт. Например. Мобильный, iPad, рабочий стол.
- В каком браузере ваш потребитель/клиент посещает ваш сайт. Например. Хром, Сафари, Фаерфокс.
7. Дизайн
Наша команда дизайнеров является экспертом в создании веб-сайтов, соответствующих требованиям компании, поэтому, если у вас нет точного дизайна, не волнуйтесь. Кроме того, если у вас нет установленного фирменного стиля, мы можем помочь вам создать его с помощью веб-сайта, демонстрируя эстетику, которая соответствует вашей компании, целям и ценностям. Перед запуском нового веб-сайта полезно взглянуть на веб-сайты ваших конкурентов и отметить любые аспекты дизайна и функции, которые вам нравятся и не нравятся.
Что включать:
- Любые веб-сайты, которые вам особенно нравятся: дизайн, функции, навигация, макет.
- Любые веб-сайты, которые вам не нравятся: дизайн, функции, навигация, макет.
- Ваш существующий фирменный стиль, включая брендинг, цветовые палитры, логотипы, иллюстрации и любые другие активы, которые могут быть полезны.
8. Список конкурентов
Каждая сообразительная компания должна знать о своих конкурентах, поэтому это должно быть легко, если вы в курсе анализа конкурентов. Чтобы получить полное представление об отрасли, в которой вы работаете, мы просим вас предоставить полный список ваших прямых и косвенных конкурентов в рамках спецификации веб-дизайна. Это полезно для определения ключевых особенностей дизайна веб-сайта, распространенных в вашей отрасли, и пробелов в текущем предложении, которыми вы могли бы воспользоваться. Улучшая текущие рыночные предложения, улучшая существующие функции и предоставляя отличный дизайн, мы можем гарантировать, что ваш веб-сайт будет на вершине своей игры по сравнению с сайтами конкурентов.
Что включать:
- Полный список прямых конкурентов.
- Полный список непрямых конкурентов.
- Каких ключевых характеристик ожидает от вас отрасль.
- Любые выявленные вами пробелы на рынке.
9. Структура сайта
Структура сайта — это карта, немного похожая на генеалогическое древо, показывающая все страницы вашего сайта в иерархическом порядке. Понимание структуры вашего сайта жизненно важно для получения общего представления о вашем текущем веб-сайте. Кроме того, если вы можете предоставить нам желаемую структуру сайта, наша команда разработчиков может легко реализовать ее в процессе проектирования и сборки.
Что включать:
- Подробная структура вашего существующего сайта.
- Подробная структура желаемого сайта.
10. Характеристики
Несмотря на то, что многие платформы и системы управления контентом поставляются со многими функциями, включенными по умолчанию, нашей команде потребуется создать множество функций. Чтобы было ясно, что вам нужно от вашего нового веб-сайта, мы рекомендуем отправить полный список функций, которые вам потребуются для ведения вашего бизнеса. Затем ваш веб-разработчик может сообщить вам, что доступно по умолчанию, а что нужно будет настроить на заказ.
Что включать:
- Полный список функций, необходимых для ведения вашего бизнеса.
- Любые дополнительные функции, которые вы хотели бы включить.
- Четкое объяснение того, как должна работать каждая функция.
- Любые примеры функций, которые вы видели на других веб-сайтах.
- Любые интеграции со сторонними системами.
11. Нефункциональные требования
Нефункциональные требования не очень интересны, однако они необходимы, чтобы избежать бюрократических проволочек и проблем в будущем. Крайне важно, чтобы вы включили этот шаг в спецификацию своего веб-сайта, поскольку в некоторых отраслях может потребоваться, чтобы определенные требования соответствия были указаны на вашем веб-сайте. Кроме того, важным фактором является безопасность. В зависимости от того, насколько конфиденциальным или ценным является содержимое вашего веб-сайта, вы хотите убедиться, что меры безопасности, которые вы применяете в начале, подходят для вашего сайта.
Что включать:
- Подробная информация о ваших настройках безопасности, в том числе о том, нужно ли вам соответствовать стандарту PCI.
- Любые особые требования соответствия, которых придерживается ваша отрасль.
- Подробная информация об условиях.
- Как быстро вы хотите, чтобы ваши страницы загружались.
12. Техническое обслуживание и поддержка
Многие люди нанимают компании по разработке веб-сайтов для проектирования и создания своих сайтов, но они переоценивают объем работы, который компания сделает для них. Многие работодатели могут ожидать, что компания по разработке веб-сайтов внедрит SEO, добавит контент на сайт, хостинг веб-сайтов, перенесет их существующий веб-сайт или обеспечит текущее обслуживание. Во избежание путаницы роли и обязанности обеих сторон должны быть перечислены в самом начале.
Что включать:
- Конкретные задачи, которые возьмет на себя компания по разработке веб-сайтов.
- Конкретные задачи, которые возьмет на себя клиент.
13. Бюджет и сроки
Хотя некоторые клиенты проявляют осторожность при предоставлении бюджета, мы настоятельно рекомендуем отправить приблизительный бюджет и сроки вместе со спецификацией вашего веб-сайта. Прозрачность и предоставление бюджета и графика позволит нашему отделу продаж составить реалистичный план, который будет соответствовать вашим спецификациям, оставаясь при этом в рамках вашего бюджета и сроков. Если вы понимаете, что ваш бюджет может быть слишком низким, мы все же настоятельно рекомендуем вам связаться с нами. Мы всегда рассматриваем все запросы и даем соответствующие рекомендации для разных бюджетов.
Что включать:
- Даты, когда вы хотите, чтобы бета-версия и живая версия были готовы.
- Примерный бюджет проекта.
- Какие функции являются более приоритетными, чем другие.
- Примерный план приоритетных фаз. Например. Фаза 1 – Базовая маркетинговая сборка.