Подготовка к созданию сайта: цели, задачи и структура

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

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

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

Зачем нужна подготовка перед разработкой сайта

Сайт объединяет несколько направлений работы:

• представление компании и её услуг;
• привлечение посетителей из поиска, рекламы и других каналов;
• передачу заявок;
• публикацию контента;
• интеграцию с CRM и внутренними системами;
• сбор аналитических данных;
• поддержку клиентов;
• автоматизацию отдельных процессов.

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

Предварительная подготовка помогает:

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

1. Определите роль сайта в бизнесе

Первый вопрос должен звучать не «Какой дизайн нам нужен?», а «Какую задачу должен решать сайт?».

Возможные задачи:

• получение заявок на услуги;
• продажа товаров;
• представление компании;
• публикация профессиональных материалов;
• привлечение партнёров;
• регистрация пользователей;
• автоматизация записи;
• предоставление личного кабинета;
• техническая поддержка клиентов;
• сбор базы подписчиков.

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

Пример основной цели

Формулировка «создать современный корпоративный сайт» описывает внешний результат, но не бизнес-задачу.

Более конкретная цель:

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

Такая формулировка уже определяет требования к структуре, контенту, SEO, аналитике и интеграциям.

2. Зафиксируйте измеримые результаты

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

В зависимости от проекта можно использовать следующие показатели:

• количество заявок;
• число заказов;
• доля квалифицированных обращений;
• стоимость лида;
• конверсия страницы;
• доход с сайта;
• число регистраций;
• скачивание материалов;
• записи на консультацию;
• рост поискового трафика;
• сокращение ручной работы сотрудников.

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

3. Определите целевую аудиторию

Сайт не может одинаково эффективно обращаться ко всем людям. Для подготовки структуры и содержания необходимо определить основные группы пользователей.

Для каждой группы полезно зафиксировать

• кто принимает решение;
• какую задачу он хочет решить;
• что уже знает о продукте;
• какие вопросы задаёт;
• какие сомнения испытывает;
• по каким критериям сравнивает предложения;
• какое действие готов выполнить;
• каким устройством чаще пользуется;
• из какого источника приходит на сайт.

Например, собственник бизнеса, технический специалист и сотрудник отдела закупок могут изучать одну услугу, но обращать внимание на разные данные.

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

4. Изучите текущий процесс продажи

Сайт должен быть связан с реальным порядком работы компании. Перед проектированием необходимо понять, что происходит после обращения пользователя.

Проверьте процесс

• кто принимает заявку;
• куда поступают данные;
• какая информация нужна менеджеру;
• как быстро начинается обработка;
• какие обращения считаются целевыми;
• какие этапы проходит сделка;
• какие документы отправляются клиенту;
• как фиксируется источник обращения;
• какие данные возвращаются в аналитику.

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

5. Проведите аудит существующего сайта

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

Необходимо определить:

• какие страницы получают трафик;
• какие материалы приводят заявки;
• какие URL находятся в поиске;
• какие внешние ссылки ведут на сайт;
• какие функции используются;
• какие разделы устарели;
• что вызывает трудности у пользователей;
• какие интеграции необходимо сохранить;
• какие данные потребуется перенести.

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

6. Проанализируйте конкурентов

Анализ конкурентов нужен не для копирования дизайна. Его задача — понять, как рынок представляет похожие услуги, какие вопросы раскрываются на страницах и какие ожидания формируются у пользователей.

Что следует сравнить

• структуру разделов;
• позиционирование;
• описание услуг;
• способы представления цен;
• формы обращения;
• кейсы и доказательства;
• разделы вопросов и ответов;
• поисковые посадочные страницы;
• мобильный интерфейс;
• скорость загрузки;
• дополнительные сервисы.

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

7. Сформулируйте позиционирование

Позиционирование помогает объяснить, чем компания занимается, кому подходит её предложение и почему клиенту стоит рассмотреть именно этот вариант.

Для подготовки сайта полезно ответить на вопросы:

• какую основную проблему решает компания;
• для какого сегмента работает;
• какой результат получает клиент;
• чем подход отличается от конкурентов;
• какие ограничения и условия важны;
• какие доказательства подтверждают обещания.

Фразы вроде «высокого качества», «команды профессионалов» и «индивидуального подхода» не являются позиционированием. Они не объясняют, что именно получит клиент и почему предложение заслуживает внимания.

8. Спроектируйте структуру сайта

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

Типовые разделы корпоративного сайта

• главная страница;
• страницы услуг;
• кейсы или проекты;
• о компании;
• цены или условия расчёта;
• статьи;
• вопросы и ответы;
• контакты;
• политика обработки данных.

Состав разделов зависит от проекта. Добавлять страницу только потому, что она присутствует у большинства конкурентов, не требуется.

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

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

9. Определите содержание ключевых страниц

До создания дизайна необходимо понимать, какие смысловые блоки появятся на основных страницах.

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

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

Подготовленная структура содержания позволяет проектировать страницу вокруг реальных материалов, а не создавать декоративные блоки, которые позже приходится заполнять повторяющимися фразами.

10. Подготовьте контент

Контент часто становится причиной задержки запуска. Дизайн и разработка могут быть завершены, но сайт остаётся без описаний, изображений, кейсов и документов.

Составьте список материалов

• описание компании;
• перечень услуг;
• технические характеристики;
• цены;
• условия работы;
• фотографии;
• видеоматериалы;
• кейсы;
• отзывы;
• сертификаты;
• логотипы партнёров;
• реквизиты;
• контактные данные;
• политики и юридические документы.

Назначьте ответственных

Для каждого материала необходимо определить:

• кто предоставляет исходные данные;
• кто готовит текст;
• кто проверяет факты;
• кто утверждает итоговую версию;
• к какому сроку материал должен быть готов.

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

11. Определите функциональные требования

Функции сайта должны быть связаны с пользовательскими и бизнес-задачами.

Возможные функции

• формы заявок;
• калькулятор стоимости;
• поиск;
• фильтрация;
• каталог;
• личный кабинет;
• онлайн-запись;
• оплата;
• чат;
• загрузка файлов;
• подписка;
• сравнение товаров;
• мультиязычность;
• интерактивная карта;
• интеграция с внешними сервисами.

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

Например, для формы заявки следует определить:

• где она размещается;
• какие поля содержит;
• какие поля обязательны;
• куда передаются данные;
• какое уведомление получает пользователь;
• как предотвращаются дубли;
• как фиксируется источник;
• какая цель аналитики срабатывает.

12. Определите необходимые интеграции

Сайт может взаимодействовать с другими системами компании.

Распространённые интеграции

• CRM;
• email-сервисы;
• телефония;
• системы оплаты;
• учётные программы;
• службы доставки;
• аналитические платформы;
• онлайн-чаты;
• сервисы рассылок;
• социальные сети;
• системы бронирования;
• внутренние базы данных.

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

13. Учтите SEO до создания дизайна

Поисковая оптимизация влияет на структуру, URL, шаблоны, контент и внутренние ссылки. Поэтому добавлять SEO после завершения сайта поздно и обычно дороже.

На этапе подготовки необходимо

• собрать основные группы поисковых запросов;
• сопоставить запросы со страницами;
• определить необходимые посадочные страницы;
• исключить конкуренцию страниц между собой;
• спроектировать понятные URL;
• предусмотреть метаданные;
• создать структуру заголовков;
• продумать перелинковку;
• определить шаблоны для новых материалов;
• подготовить правила индексации.

Если сайт заменяет существующий ресурс, дополнительно составляется карта переноса URL и редиректов.

14. Подготовьте требования к аналитике

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

Определите цели

• успешная отправка формы;
• клик по телефону;
• переход в мессенджер;
• скачивание документа;
• начало оформления заказа;
• покупка;
• регистрация;
• запись на услугу;
• использование калькулятора.

Определите передачу данных

• какие UTM-метки сохраняются;
• какой источник передаётся в CRM;
• как связывается заявка с продажей;
• какие события считаются макроконверсиями;
• какие действия используются только для диагностики;
• как исключается внутренний и тестовый трафик.

15. Подготовьте юридические требования

Сайт может собирать персональные данные, принимать оплату, использовать cookie и публиковать материалы, защищённые авторским правом.

До запуска необходимо определить

• какие персональные данные собираются;
• на каком основании они обрабатываются;
• где хранятся данные;
• кто имеет к ним доступ;
• какие согласия должен дать пользователь;
• какие документы размещаются на сайте;
• кто владеет текстами, изображениями и кодом;
• какие обязательные сведения должна публиковать компания.

Конкретный состав юридических документов зависит от страны, сферы деятельности и функций сайта.

16. Сформируйте технические ограничения

До выбора CMS или фреймворка необходимо описать требования проекта.

Технические вопросы

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

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

17. Определите требования к управлению сайтом

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

Определите, кто будет

• редактировать страницы;
• публиковать статьи;
• добавлять товары;
• обрабатывать заявки;
• обновлять цены;
• загружать документы;
• создавать пользователей;
• проверять аналитику;
• следить за актуальностью информации.

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

18. Согласуйте бюджет

Бюджет зависит не только от количества страниц. На стоимость влияют:

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

Полезно разделить проект на:

• обязательную версию для запуска;
• функции второго этапа;
• долгосрочные улучшения.

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

19. Сформируйте реалистичные сроки

Срок разработки зависит не только от исполнителя. На него влияют скорость согласования, готовность материалов, доступность сотрудников и работа внешних сервисов.

В план необходимо включить

• сбор требований;
• проектирование структуры;
• подготовку прототипов;
• разработку дизайна;
• подготовку контента;
• программирование;
• интеграции;
• перенос данных;
• тестирование;
• исправления;
• подготовку к запуску.

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

20. Назначьте ответственных

Со стороны компании нужен сотрудник, который:

• собирает исходные данные;
• отвечает на вопросы;
• координирует согласования;
• проверяет факты;
• принимает промежуточные результаты;
• утверждает итоговые материалы.

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

21. Определите порядок согласования

До начала работы полезно зафиксировать:

• кто принимает решения;
• в каком виде передаются замечания;
• сколько этапов согласования предусмотрено;
• какие изменения считаются новыми требованиями;
• кто утверждает содержание;
• кто подписывает итоговый результат.

Замечания лучше объединять в один согласованный список. Противоречивые комментарии нескольких сотрудников увеличивают сроки и делают результат непредсказуемым.

22. Подготовьте техническое задание

Техническое задание фиксирует согласованные требования к проекту.

В документ можно включить

• цели;
• аудиторию;
• структуру;
• состав страниц;
• пользовательские сценарии;
• функции;
• интеграции;
• требования к дизайну;
• адаптивность;
• SEO-требования;
• аналитику;
• безопасность;
• перенос данных;
• критерии приёмки.

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

23. Определите критерии приёмки

Критерии приёмки позволяют объективно проверить результат.

Примеры критериев

• все согласованные страницы созданы;
• сайт корректно работает на поддерживаемых устройствах;
• формы передают данные в CRM;
• пользователь получает подтверждение;
• цели аналитики фиксируются;
• URL соответствуют согласованной структуре;
• старые адреса перенаправляются;
• контент загружен;
• административная панель позволяет редактировать данные;
• созданы резервные копии;
• критические ошибки устранены.

Фраза «сайт должен выглядеть хорошо» не является критерием приёмки, поскольку каждый участник проекта способен понимать её по-своему и особенно творчески ближе к сроку запуска.

24. Подготовьте план запуска

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

Перед публикацией необходимо

• создать резервную копию;
• проверить домен и сертификат;
• настроить сервер;
• перенести данные;
• проверить редиректы;
• проверить robots.txt;
• обновить sitemap.xml;
• настроить аналитику;
• отправить тестовые формы;
• проверить CRM и уведомления;
• проверить мобильную версию;
• подготовить сценарий отката.

Контрольный список подготовки

• Определена основная цель сайта.
• Зафиксированы дополнительные задачи.
• Определены целевые аудитории.
• Изучен процесс обработки заявок.
• Проведён аудит существующего сайта.
• Проанализированы конкуренты.
• Сформулировано позиционирование.
• Подготовлена структура разделов.
• Определены ключевые страницы.
• Составлен список контента.
• Назначены ответственные за материалы.
• Описаны функции.
• Определены интеграции.
• Учтены SEO-требования.
• Определены цели аналитики.
• Подготовлены юридические требования.
• Зафиксированы технические ограничения.
• Определены роли пользователей.
• Согласован бюджет.
• Составлен план этапов.
• Назначен ответственный со стороны компании.
• Определён порядок согласования.
• Подготовлено техническое задание.
• Сформированы критерии приёмки.
• Подготовлен план запуска.

Вывод

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

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

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

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

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