Этапы создания сайта: от задачи до запуска

Что нужно, чтобы сделать сайт

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

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

Чего не нужно: готового дизайна, толстого технического задания и знания технологий. Это работа подрядчика. Задача заказчика — знать свой бизнес и вовремя отвечать. Неидеальные тексты и фотографии можно доработать по ходу проекта; хуже, когда страницы собирают из пустых блоков с пометкой «текст будет позже».

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

Этап закончен, когда его результат можно открыть и проверить, а не когда исполнитель написал «готово». Поэтому у каждого шага ниже указано, что вы получаете.

• Разбор задачи. Встреча или бриф: цели, аудитория, конкуренты, ограничения. Результат — записанное общее понимание, что и зачем делаем.
• Структура и прототип. Список страниц и схема каждой ключевой страницы: какие блоки, в каком порядке, как человек идёт от вопроса к заявке. Результат — карта сайта и прототипы.
• Тексты. Содержание страниц. Их лучше писать до дизайна: дизайн строится под смысл, а не наоборот. Результат — согласованные тексты.
• Дизайн. Сначала главная или ключевой экран, после согласования — остальные страницы. Результат — макеты для компьютера и телефона.
• Разработка. Вёрстка, формы, аналитика, административная часть. Результат — рабочий сайт на тестовом адресе.
• Наполнение и проверка. Контент на местах, формы доходят, страницы открываются на телефонах. Результат — список проверок с отметками.
• Запуск. Перенос на основной домен, подключение к Вебмастеру и Search Console, цели в Метрике.

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

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

Где нужен заказчик и где проекты застревают

Сроки срываются не только из-за подрядчика. Проект стоит и тогда, когда ждёт ответа. Без заказчика не обойтись:

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

Типичные ловушки и выход из них:

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

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

Что рассказывают заказчики

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

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

Одна из причин конфликтов — заранее не договорились о правках и поддержке. Исполнитель на pikabu рассказывает о заказчике, уверенном, что «его будут обслуживать бесплатно до конца жизни». А заказчик интернет-магазина вспоминает, что уже по ходу работ «это не входило в ТЗ» стало «корпоративной мантрой» исполнителя. Обе ситуации снимаются одним вопросом до старта: сколько кругов правок входит в работу и что будет после запуска.

Отдельная история — доступы. В отзывах о веб-студии заказчик пишет, что его сайт перенесли на хостинг студии, а заказчик сайта-визитки — что вместо сайта получил пустой шаблон, который должен был заполнять сам. На Хабре спрашивают, как вернуть домен, если с разработчиками старого сайта нет связи, и как восстановить сайт без логина и пароля от хостинга. А исполнитель в статье на vc.ru пишет, что о взломанных копиях платных модулей заказчик часто узнаёт только при смене подрядчика.

Приёмка: что вы получаете в конце

К запуску у заказчика должен быть не только работающий сайт, но и всё, что нужно для его жизни:

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

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

Что происходит после запуска

Запуск — начало работы сайта, а не конец проекта. Сначала проверьте, что поисковые системы видят страницы, формы доходят, а в аналитике копятся данные. Когда данных накопится достаточно, посмотрите, откуда приходят люди и на каких страницах уходят.

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

Когда весь этот путь не нужен

Честно: не каждому бизнесу нужен проект со всеми этапами. Если вам нужна страница-визитка с контактами, услугами и картой, а заявки идут из рекомендаций, её можно собрать самому на конструкторе по готовому шаблону. Достаточно написать тексты, загрузить фотографии и подключить Метрику с целями.

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

Как выбрать, с кем проходить эти этапы

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

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

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

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