Представьте, что вы первый раз столкнулись с необходимость разработки сайта. Как ничего не забыть по дороге и уже на начальном этапе прикинуть финансовые и трудозатраты? Ниже я делюсь своим опытом по составлению плана проекта разработки продающего сайта компании сферы услуг.
Существуют более простые варианты, такие как сделать Landing Page с помощью сервиса LP Generator или подобного ему. Можно не ограничиваться одностраничником и сделать полноценный сайт на конструкторе сайтов. Это рабочие варианты, я никого не отговариваю от них. Все зависит от целей, которые вы ставите перед сайтом и, соответственно, от ваших требований. Я предлагаю план проекта многостраничного сайта с ориентацией на SEO продвижение без использования конструктора сайтов.
Определение основных блоков работ
Задача разработки сайта включает в себя различные этапы, в которых задействованы различные специалисты. Я начинаю с определения основных крупных блоков. В этот момент план выглядит так:
- Классический маркетинг: знакомство с продуктом, конкурентами, разработка УТП
- Подбор семантики
- Разработка структуры сайта
- Прототипирование
- Дизайн
- Верстка
- Программирование
- Тестирование
- Запуск
Картинка становится более четкой, но не хватает деталей, поэтому дроблю крупные задачи на более мелкие.
Примерное количество и типы страниц
Для расчета плана по проекту я составляю ориентировочный список страниц сайта и типы задач, которые необходимы для данной страницы. Это помогает мне делать расчет по трудочасам по задачам. Список страниц скорее всего в ходе работы будет меняться, но на данном этапе для расчетов будет достаточно. Табличка будет выглядеть примерно так.
Страницы (маски) | Кол-во страниц | Собрать СЯ | ТЗ от SEO специалиста | Текст | Прототип | Дизайн | Верстка | Программирование |
Главная | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
Корпоративным клиентам | 1 | 1 | 0 | 1 | 1 | 1 | 1 | 1 |
Услуги (страница раздела) | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
Раздел услуги | 3 | 3 | 3 | 3 | 2 | 2 | 2 | 2 |
Подраздел услуги | 7 | 7 | 7 | 7 | 1 | 1 | 1 | 1 |
Вопросы и ответы (FAQ) | 1 | 0 | 1 | 0 | 1 | 1 | 1 | 1 |
Страница отдельной статьи | х | х | х | х | 1 | 1 | 1 | 1 |
Контакты | 1 | 0 | 1 | 1 | 1 | 1 | 1 | 1 |
О компании | 1 | 0 | 1 | 1 | 1 | 1 | 1 | 0 |
Цены | 1 | 0 | 1 | 0 | 1 | 1 | 1 | 1 |
17 | 13 | 16 | 15 | 11 | 11 | 11 | 10 |
Детализация списка задач
Для расчета трудозатрат я стараюсь поделить задачи так, чтобы на каждую задачу можно было назначить одного ответственного специалиста. Сразу к списку задач добавляю колонку «Исполнитель» и расчетное количество часов на выполнение задачи.
Задача | Исполнитель | Часы | Комментарий |
Выделение основных услуг и определение конкурентов | Маркетолог | 6 | Важно для понимания объема сайта. После изучения конкурентов, список может быть скорректирован. |
Экспресс-анализ сайтов конкурентов | Маркетолог | 24 | В зависимости от знания рынка и сложности проекта, время может быть скорректировано. |
Формулировка преимуществ и разработка УТП | Маркетолог | 8 | На основе информации о компании и конкурентах вырабатываем основное предложение и тезисно отвечаем на вопрос: «почему надо купить у нас». |
Начальное планирование структуры сайта | Маркетолог | 2 | Только после этого можно составить базовую структуру сайта, которая выглядит на данном этапе как список страниц. |
Сбор семантического ядра и сегментирование | SEO-спец | 26 | SEO-специалист собирает полный список запросов и объединяет их в смысловые группы. Время я рассчитываю примерно по 2 часа на каждую страницу предварительной структуры сайта (для которых актуально SEO, разумеется). Если уже существует сайт, то следует учесть запросы, по которым сайт уже находится в поисковой выдаче. |
Согласование и утверждение сем. ядра | Маркетолог | 8 | Лучше семантическое ядро согласовать и с заказчиком, чтобы избежать недопонимания в дальнейшем. |
Корректировка структуры сайта с учетом сем.ядра | SEO-спец | 6 | Предложения SEO-специалиста по списку страниц, навигации. |
Доработка и согласование структуры сайта с учетом сем.ядра | Маркетолог | 4 | На данном этапе мы получаем скелет сайта. Дальше я предполагаю наличие типовых страниц. К примеру, что все страницы разных услуг выполнены по одному шаблону. |
Базовые рекомендации SEO по контенту для страниц постранично | SEO-спец | 8 | Чтобы не пришлось переделывать прототипы или даже готовые страницы, я рекомендую, получить SEO пожелания уже на этом этапе. Этот пункт про блоки на странице. Я закладываю 0,5 часа на 1 стр. |
SEO ТЗ на контент страниц | SEO-спец | 30 | Данный пункт про рекомендации по текстам, которые должны быть на страницах. Я закладываю по 2 часа на каждую страницу. |
Написание текстов | Копирайтер/Маркетолог | 90 | Если вам повезло найти хорошего копирайтера, можете доверить написание текстов ему. В большинстве случаев тексты для страниц услуг, уникальных страниц типо «О компании», «404», «Контакты» и т.п. я пишу сама. Время беру по своим меркам, поэтому закладываю по 6 часов на 1 стр. Но от проекта к проекту может меняться. |
Прототипирование страниц | Маркетолог | 82 | Закладываю также по 6 часов на 1 страницу, плюс 2 рабочих дня на главную, так как необходимо подготовить разметку макета, шапку и подвал. Мне удобно делать прототипы параллельно с написанием текстов. |
Подготовка ТЗ дизайнеру | Маркетолог | 13 | Хотя прототипы в Axure RP достаточно наглядные, по некоторым пунктам дизайнеру необходимо дать отдельные рекомендации, особенно в начале. Описать стиль, цветовую гамму. Мне удобно прислать примеры стиля и обсудить устно, чтобы быть уверенной, что мы говорим об одном и том же. |
Дизайн главной страницы + рекомендации на адаптив | Дизайнер | 16 | Так как сейчас невозможно жить без мобильного сайта, то советую подумать об адаптивной версии уже на этом этапе. Показала себя рабочей схема, когда дизайнер готовит не несколько вариантов дизайна, а пишет рекомендации. Времени тратится меньше, а результат одинаковый. |
Дизайн остальных страниц + рекомендации на адаптив | Дизайнер | 66 | Я считаю по 6 часов на страницу. Где-то может быть больше, где-то меньше. В это время закладываю и подготовку верстальщику рекомендаций для адаптивной верстки. |
Утверждение и согласование дизайна | Маркетолог | 14 | На утверждение макетов всегда тратится время, особенно, когда речь идет об утверждении стиля и дизайну первых страниц. Советую заложить в плане время на это. |
Подготовка оптимизированных метатегов и H1 | SEO-спец | 16 | В целом этот пункт можно включить в любой момент до запуска сайта, но не забываем! |
Составление ТЗ на верстку и программирование | Маркетолог | 17 | Так как я рассматриваю вариант сайта услуг, то не предполагаю сложных в реализации модулей. Поэтому закладываю 1,5 часа на страницу. |
SEO рекомендации для этапа верстка и программирование | SEO-спец | 6 | Опять же, чтобы не переделывать, лучше сразу готовить сайт с учетом дальнейшего продвижения в поисковиках. |
Верстка (адаптивная) | Верстальщик | 104 | Тут все зависит от сложности макетов. Я предполагаю 2 дня на разворачивание инфраструктуры, подготовку к работе и по 8 часов на 1 стр. |
Утверждение и согласование верстки | Маркетолог | 24 | Можно не включать этот пункт, но проверять верстку, писать правки и принимать все равно придется. В зависимости от команды и проекта на это может уйти достаточно много времени. Поэтому я рекомендую заложить его в проект. |
Программирование | Программист | 80 | Сборка разрозненных страничек в готовый сайт. Вывод в CMS модулей для дальнейшего управления контентом сайта без участия разработчика. |
Утверждение и согласование программной части | Маркетолог | 15 | Честно говоря, кажется, что я мало времени закладываю на эту задачу. Без этого этапа вы 100% не обойдетесь, оставляйте на него время. |
Тестирование и отладка | Маркетолог | 40 | Это задача нажать на все кнопочки, посмотреть все странички, попробовать все функции в CMS и проверить сайт в разных браузерах и на разных устройствах. Если проект небольшой, то может быть достаточно проверки своими силами, для сложных подключаем тестировщиков. |
Запуск боевой версии сайта | Программист | 8 | До этого момента все проверки шли на тестовой площадке. Только сейчас переходим на открытый сайт для пользователей. |
Подключение аналитики+CallTouch+настройка целей | Маркетолог/Программист | 16 | Опциональный пункт, который начинает становится нормой, так как без аналитики невозможно понять, на сколько сайт справляется со своими задачами. |
Рекомендации по первичная SEO-оптимизации | SEO-спец | 8 | Внимательно слушаем, что нам говорит SEO-специалист и выполняем его рекомендации. Если изначально сайт готовился по текущему плану, то доработок должно быть минимум, но robots.txt и карту сайта готовим только сейчас. |
Реализация SEO-рекомендаций | Верстальщик/Программист | 16 | Рассчитываю 2 рабочих дня. |
Проверка применения SEO-рекомендаций на тестовой площадке | Маркетолог | 4 | |
Применение SEO-рекомендаций на основном сайте | Программист | 3 |
Расчет сроков проекта
Большая часть работы сделана, дальше расписываем полученные часы по дням. Некоторые этапы будут идти параллельно. Я привожу для примера расчет, когда над проектом работает 1 специалист каждого направления, соответственно, максимальное количество рабочих часов в день – 8 часов на специалиста.
Таблица большая, поэтому даю ссылку на Google таблицу, где можно посмотреть готовый результат.
В конце я привожу трудозатраты на каждого специалиста. Таким образом, зная ставку в час, можно прикинуть расходы на проект. Таблица выглядит так.
Специалист | Часов | Дни |
Маркетолог | 261 | 33 |
SEO-спец | 100 | 13 |
Дизайнер | 82 | 10 |
Верстальщик | 104 | 13 |
Программист | 91 | 11 |
Маркетолог/Программист | 16 | 2 |
Верстальщик/Программист | 16 | 2 |
Копирайтер/Маркетолог | 90 | 11 |
Также добавляю общую таблицу по срокам проекта.
Часов | Дни | |
Итого время на проект: | 760 | 62 |
Рабочих дней в мес | 20 | |
Срок проекта (мес.) | 3.1 |
Я понимаю, что 62 дня не равняется 760 часам. Разница обусловлена за счет одновременного выполнения части задач разными специалистами.
***
Данный план по разработке сайта выработан на основе личного опыта и не является единственным правильным вариантом. Но, надеюсь, будет полезен в качестве отправной точки, если вы занимаетесь разработкой сайта впервые или, как представитель бизнеса, планируете заказать сайт в студии и хотите лучше понимать данный процесс.