Этапы разработки сайта: что происходит на каждом

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

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

Этап 1. Брифинг и аналитика

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

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

Сколько. От одной встречи на лендинге до 1–2 недель аналитики на крупном проекте.

Результат. Понимание задачи, зафиксированное письменно, и основа для сметы.

Этап 2. Проектирование

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

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

Сколько. 3 дня — 2 недели.

Результат. Прототипы, утверждённая структура, ТЗ, финальная смета.

Этап 3. Дизайн

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

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

Сколько. 1–6 недель в зависимости от количества уникальных макетов. Это самый дорогой этап: 25–40% сметы, детали — в разборе сколько стоит дизайн сайта.

Результат. Утверждённые макеты, готовые к вёрстке.

Этап 4. Вёрстка и разработка

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

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

Сколько. 2–8 недель. Дольше всего идут интеграции — именно на них чаще всего сдвигаются сроки, потому что зависят от чужих систем.

Результат. Работающий сайт на тестовом адресе.

Этап 5. Наполнение контентом

Что происходит. На сайт заливаются тексты, фотографии, товары, услуги, документы.

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

Сколько. От нескольких дней до нескольких недель. Зависит только от готовности материалов.

Совет. Начинайте собирать контент на этапе дизайна, а не после разработки. Это единственный этап, который вы полностью контролируете сами.

Этап 6. Тестирование

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

Что проверяют помимо очевидного. Поведение при пустых данных, при недоступности внешнего сервиса, при некорректном вводе. В макетах этих состояний нет, а в жизни они встречаются постоянно.

Сколько. 3 дня — 2 недели.

Этап 7. Запуск и передача

Что происходит. Перенос на боевой домен, настройка SSL, подключение аналитики, отправка карты сайта в панели вебмастеров, настройка резервного копирования. Если был старый сайт — настройка редиректов, чтобы не потерять позиции.

Что вы должны получить. Исходный код, доступы к хостингу, домену и админ-панели, документацию, инструкцию для редакторов. Всё на ваши аккаунты — это принципиальный момент, о котором мы писали в разборе дешёвых сайтов.

Сколько. 1–3 дня.

Сколько занимает целиком

Тип проекта	Срок
Лендинг	1–5 недель
Сайт-визитка	2–4 недели
Корпоративный сайт	4–10 недель
Каталог	6–12 недель
Интернет-магазин	8–14 недель
Веб-приложение	от 12 недель

Подробная раскладка по типам — в статье сколько времени занимает разработка сайта.

Что чаще всего сдвигает сроки

Контент. Лидер с большим отрывом. Разработка закончена, запуск ждёт текстов.

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

Интеграции. Зависят от чужих систем, документации и доступов, которые не всегда выдают вовремя.

Правки вне объёма. Каждая новая идея в процессе — это плюс к сроку. Не проблема, если оформлена как изменение, проблема — если «ну это же мелочь».

Итог

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

И начинайте собирать контент заранее — это единственная часть, которая почти всегда упирается в вас, а не в подрядчика.