Этапы разработки сайта: от брифа до запуска и первых заявок
Хороший сайт не делается за один присест. Это последовательность этапов, и если пропустить любой из них, на запуске всплывут переделки, сорванные сроки и лишние расходы. Разберём, как проходит разработка сайта под ключ, что происходит на каждом шаге и что в это время нужно от заказчика.
1. Бриф и смета
Сначала разбираемся, зачем нужен сайт и что он должен приносить бизнесу. Кто клиенты и что они ищут, какие услуги главные, кто конкуренты и чем вы отличаетесь, откуда пойдёт трафик: из поиска, рекламы или соцсетей.
Результат этапа: фиксированная смета и сроки. Цена не должна «плавать» в процессе, если не меняется задача.
Что нужно от вас: ответы на вопросы брифа, примеры сайтов, которые нравятся и не нравятся, список услуг и цен.
2. Прототип и структура
Прототип это схема страниц без дизайна: какие блоки, в каком порядке, что в них написано. На этом этапе договариваются о смысле, пока изменения ничего не стоят. Здесь же собирают структуру сайта под поисковые запросы: какие страницы нужны, чтобы человек, который ищет конкретную услугу, попал на страницу именно про неё.
Что нужно от вас: согласовать структуру и тексты. Это самый важный момент для сроков: правки на прототипе стоят минуты, правки после вёрстки стоят дни.
3. Дизайн
Рисуем ключевые экраны сначала для телефона, потом для компьютера: большая часть посетителей приходит с мобильных. После согласования главной и пары внутренних страниц стиль распространяется на весь сайт.
Что нужно от вас: логотип, фирменные цвета, фотографии работ, команды, офиса. Настоящие фото почти всегда продают лучше стоковых.
4. Вёрстка и программирование
Дизайн превращается в работающий сайт: адаптивная вёрстка, формы, каталоги, калькуляторы, личный кабинет. На этом этапе важна скорость: сайт должен быстро открываться на телефоне, иначе часть посетителей уйдёт раньше, чем увидит первый экран. Мы проверяем скорость в Lighthouse и сразу правим то, что тормозит.
5. Интеграции и аналитика
Сайт подключается к остальным системам бизнеса:
- заявки уходят в CRM с источником и UTM-метками;
- цены и остатки подтягиваются из 1С, подробнее в статье «Интеграция сайта с 1С»;
- звонки связываются с рекламными объявлениями через подмену номеров;
- в Яндекс Метрике настраиваются цели на заявки, звонки и переходы в мессенджеры.
Без этого этапа сайт есть, но понять, откуда приходят клиенты и окупается ли реклама, нельзя.
6. Тестирование и запуск
Проверяем формы, оплату, отображение на разных телефонах и браузерах, скорость, корректность ссылок. Переносим сайт на ваш сервер, подключаем SSL, настраиваем редиректы со старых адресов, чтобы не потерять позиции в поиске. Отправляем карту сайта в Яндекс Вебмастер и ставим страницы на переобход.
7. Поддержка и развитие
После запуска сайт живёт: добавляются услуги, кейсы, статьи, меняются цены. Первые недели стоит смотреть на аналитику и править то, что мешает заявкам. Исходный код, домен и доступы после запуска передаются вам, поддерживать сайт можно с нами или с любым другим подрядчиком.
Сколько это занимает
Лендинг под одно предложение запускается за 10–14 дней, если оффер и материалы готовы. Корпоративный сайт и интернет-магазин занимают больше, срок фиксируем в смете после брифа. Быстрее всего проект идёт, когда тексты и материалы готовы к этапу прототипа.
Где чаще всего теряются сроки
- Тексты пишутся в последний момент. Дизайн без текстов приходится переделывать.
- Правки после вёрстки. То, что можно было поменять на прототипе за минуту, после вёрстки занимает дни.
- Нет одного ответственного. Когда согласуют пять человек, каждый этап растягивается.
- Интеграции «потом». Если про CRM и 1С вспомнили после запуска, часть работы придётся переделать.
Сколько стоит
Лендинг у нас стоит от 40 000 ₽, корпоративный сайт от 80 000 ₽, интернет-магазин от 120 000 ₽. Из чего складывается цена, мы подробно разобрали в статье «Сколько стоит сайт», а состав работ и цены по форматам есть на странице «Разработка сайтов под ключ».
Коротко
- Бриф и фиксированная смета.
- Прототип: договариваемся о смысле до дизайна.
- Дизайн: сначала под телефон.
- Вёрстка и программирование с контролем скорости.
- Интеграции с CRM, 1С и аналитикой.
- Тестирование и запуск с сохранением позиций.
- Поддержка и развитие по данным аналитики.