Этапы разработки сайта и сроки, которые не срываются
Разработка сайта состоит из шести этапов: аналитика, прототипы, дизайн, вёрстка и фронтенд, бэкенд с интеграциями, тестирование и запуск. Лендинг проходит их за 2–4 недели, корпоративный сайт за 6–12, веб-сервис с личным кабинетом за 3–6 месяцев. Ниже — что происходит внутри каждого этапа, сколько он занимает и в какой момент график обычно ломается.
Сразу неприятное: по нашей статистике примерно две трети срывов сроков случаются не из-за разработки, а из-за ожидания решений и материалов от заказчика. Это не упрёк — это то, чем можно управлять, если знать заранее.
Карта проекта целиком
| Этап | Доля времени | Срок для корпоративного сайта | Что нужно от вас |
|---|---|---|---|
| Аналитика и структура | 10% | 1–2 недели | интервью, доступ к статистике, список интеграций |
| Прототипы | 10% | 1–1,5 недели | одно согласование, одно лицо, принимающее решения |
| Дизайн | 25% | 2–3 недели | брендбук или согласие на его создание, финальные тексты |
| Фронтенд | 25% | 2–3 недели | почти ничего, кроме доступности для вопросов |
| Бэкенд и интеграции | 20% | 2–4 недели, параллельно | доступы к 1С и CRM, тестовые данные |
| Тестирование и запуск | 10% | 1–2 недели | приёмка по чек-листу, доступы к домену и хостингу |
Суммы долей больше ста процентов не будет: бэкенд идёт параллельно с фронтендом, поэтому календарный срок короче суммы этапов. Именно так мы укладываем корпоративный сайт в 8–10 недель при полной загрузке команды.
Этап 1. Аналитика и структура
Начинается с интервью на полтора-два часа: чем занимается компания, кто покупает, как выглядит путь клиента сейчас, где теряются заявки. Дальше мы смотрим статистику текущего сайта, разбираем пять-семь конкурентов и собираем карту страниц. На выходе — документ на 10–20 страниц: структура разделов, сценарии по ролям, список интеграций и то, что в проект не входит.
Это самый недооценённый этап. Заказчики регулярно просят его пропустить, чтобы сэкономить неделю и 10% бюджета. Экономия эта мнимая: без карты страниц смета считается по ощущениям, а изменения всплывают на дизайне, где каждая правка стоит впятеро дороже. В платформе для онлайн-школы именно на аналитике выяснилось, что нужны три роли вместо одной — узнай мы это на середине разработки, проект вырос бы на месяц.
Этап 2. Прототипы
Черно-белые схемы экранов: что где расположено, какая информация в каком порядке, что происходит по нажатию. Одна-полторы недели для сайта, до трёх — для сервиса с личными кабинетами. Здесь дёшево спорить и дёшево менять: переставить блоки в прототипе — час, в готовом дизайне — день, в свёрстанном виде — три дня.
Правило, которое мы просим соблюдать: все, кто имеет право сказать «мне не нравится», должны увидеть прототип. Если директор впервые смотрит проект на этапе готового дизайна, вы теряете от одной до трёх недель.
Этап 3. Дизайн
Сначала одна ключевая страница в двух-трёх направлениях, потом, после выбора направления, всё остальное плюс дизайн-система: цвета, шрифты, кнопки, поля, состояния ошибок. Два-три раунда правок — это норма, четыре и больше — сигнал, что промахнулись с направлением и лучше вернуться на шаг назад, чем шлифовать неудачную идею.
Здесь же всплывает контент. Дизайн на реальных текстах и настоящих фото и дизайн на «рыбе» — это два разных проекта. Второй почти всегда переделывается после того, как приходят настоящие материалы, и переделка стоит 15–25% дизайн-этапа.
Этап 4. Фронтенд и бэкенд
Самая предсказуемая часть проекта и самая тихая для заказчика. Мы собираем интерфейс на React и TypeScript, параллельно на Node.js и MongoDB поднимается API, админка и интеграции. Две-три недели на сайт, дольше — на сервисы с ролями и документами.
Предсказуемость ломается ровно в одном месте — во внешних системах. Обмен с 1С, CRM или эквайрингом зависит от чужой документации, чужих тестовых стендов и чужих сотрудников. В каталоге на 12 000 позиций выгрузка из 1С заняла больше времени, чем весь остальной фронтенд, и виноват в этом не подрядчик — просто данные в учётной системе оказались не такими стройными, как в описании формата.
Поэтому мы всегда просим доступ к тестовому контуру интеграции на первой неделе проекта, а не тогда, когда до него дошла очередь. Ожидание доступов — самая частая причина простоя команды.
Ещё одна вещь, которую полезно понимать про эти два этапа: демонстрации. Мы показываем работающую версию каждую неделю, даже если показывать почти нечего. Это неудобно — незаконченная работа всегда выглядит хуже макета, — зато вы видите реальный прогресс, а не отчёт о нём, и расхождение между тем, что вы имели в виду, и тем, что мы поняли, всплывает на первой неделе, а не на приёмке.
Этап 5. Тестирование и запуск
Проверка на реальных устройствах, а не только в эмуляторе браузера: разные телефоны, разные браузеры, медленный интернет. Проверяются формы, оплаты, письма, поведение при ошибках. Отдельно — скорость загрузки и корректность метатегов. Для проектов с переездом добавляется проверка редиректов по каждому URL, как мы делали при переезде клиники с самописной CMS.
На запуск закладывайте будний день с утра и следующие две недели с повышенным вниманием: смотрим ошибки, аналитику, поведение реальных людей. Первые правки после запуска неизбежны, и лучше, если они уже включены в поддержку с пакетом от 8 000 ₽ в месяц.
Где график срывается чаще всего
- Контент. Первое место с большим отрывом. Тексты и фото задерживаются на две-три недели, и проект встаёт целиком — верстать нечего.
- Согласование дизайна. Появляется новый человек с правом вето, направление меняется, этап начинается заново. Плюс 1–3 недели.
- Доступы к внешним системам. Ключи к 1С или CRM ждут по две недели, потому что подрядчик учётной системы занят другим.
- Расширение объёма на ходу. «Давайте ещё калькулятор» звучит безобидно, но это плюс 40–80 часов и сдвиг всей цепочки.
- Отпуска и праздники. Январь и майские съедают до трёх недель календарного времени с обеих сторон. Это стоит закладывать в план сразу.
Что зависит от вас
- Один человек с правом финального решения. Не комитет. Комитет удлиняет проект примерно на треть.
- Ответ в течение двух рабочих дней. Обратная связь по макетам должна быть собрана в один документ, а не приходить порциями неделю.
- Контент по графику. Пропишите в договоре дату передачи материалов и оговорку о переносе сроков при задержке. Это честно для обеих сторон.
- Доступы заранее. Хостинг, домен, учётная система, CRM, аналитика — всё на первой неделе.
- Правки списком. Двадцать замечаний в одном файле обрабатываются за день, те же двадцать по одному в мессенджере — за неделю.
Отдельно про параллельность. Многие ждут, что если посадить на проект вдвое больше людей, он сделается вдвое быстрее. Так не работает: дизайн нельзя начать до структуры, вёрстку — до дизайна, а тестировать нечего, пока нет собранной версии. Реально ускоряются только те части, которые идут параллельно по своей природе, — бэкенд, интеграции и подготовка контента. Всё остальное упирается в очередь этапов, и лишние люди на проекте начинают мешать друг другу примерно на третьей неделе.
Можно ли ускориться
Можно, и мы это делаем: промо-проект за 9 дней — реальный срок. Но у скорости есть цена. Люди ставятся параллельно, этапы накладываются, часть решений принимается без обсуждения, а надбавка за срочность составляет 20–40%. Так имеет смысл работать под конкретную дату — выставку, запуск рекламы, старт продаж, — но не как с постоянным режимом.
Обычный лендинг мы делаем за 2–4 недели, и это спокойный темп, при котором остаётся время подумать. Если вы ещё выбираете команду, посмотрите чек-лист из статьи как выбрать подрядчика и составить ТЗ, а бюджет удобно прикинуть по разбору из чего складывается цена сайта.
Короткие ответы
8–12 недель при готовом контенте и одном ответственном человеке с вашей стороны. Без текстов и фото на старте срок растягивается до четырёх-пяти месяцев, причём разработка при этом просто стоит и ждёт.
Начать аналитику и прототипы — да. Запускать дизайн на условных текстах — плохая идея: макет придётся переделывать, когда придут настоящие материалы, а это 15–25 процентов дизайн-этапа. Мы обычно просим хотя бы черновики к концу этапа прототипов.
Мы фиксируем причину и пересобираем план на ближайшие две недели. Если задержка на нашей стороне, догоняем за свой счёт. Если ждём материалы или доступы, срок сдвигается на то же количество дней — эта оговорка есть в договоре, чтобы не выяснять постфактум, кто виноват.
Нет. Нужны полтора-два часа на стартовое интервью, созвон раз в неделю на 30 минут и быстрые ответы на вопросы в течение двух рабочих дней. Пиковая нагрузка приходится на согласование прототипов и дизайна, дальше проект идёт почти без вас.
Разберём задачу и назовём вилку. Ответим в течение одного рабочего дня.