Этапы разработки сайта: что происходит от заявки до запуска

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

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

Зачем знать этапы, если делаете не вы#

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

Ещё это снимает тревогу. Большая часть «почему так долго» уходит, когда видно, что за внешне простой страницей стоит прототип, дизайн, вёрстка, проверка на десятке устройств и наполнение.

Весь путь за один взгляд#

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

Дальше - подробно по каждому, с типичным сроком и главным риском.

Этап 1. Бриф и техническое задание#

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

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

Этап 2. Прототип и структура#

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

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

Этап 3. Дизайн-макеты#

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

Это самый эмоциональный этап, потому что дизайн виден и вызывает мнения. Здесь и случается большинство правок. Срок - от нескольких дней до двух недель. Риск - бесконечные круги согласований, когда дизайн правят по вкусу без критериев. Спасает зафиксированное в ТЗ число волн правок и нормальные референсы, собранные заранее.

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

Согласованный макет превращают в работающий сайт: верстают страницы, программируют формы, подключают каталог, фильтры, личный кабинет, оплату - всё, что в ТЗ было функциями. Здесь же закладывают адаптивность (корректный вид на телефонах и планшетах) и базовую скорость.

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

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

Сайт без текстов и фото - это красивая пустая витрина. На этом этапе расставляют реальный контент: тексты, фотографии, описания товаров, реквизиты, юридические страницы. И именно здесь проекты застревают чаще всего, потому что контент - зона ответственности заказчика, и он не готов.

Срок самого наполнения невелик, но ожидание контента может растянуть проект на недели. Решение простое: договориться о текстах и фото ещё на этапе ТЗ - кто готовит и к какому числу. Если своих текстов нет, это отдельная строка в смете, а не сюрприз перед запуском.

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

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

Этот этап нельзя пропускать, как бы ни хотелось ускориться. Заявка, которая не уходит, или вёрстка, разъехавшаяся на айфоне, - это потерянные клиенты с первого дня. Срок - от одного до нескольких дней. От вас полезна финальная вычитка: автор текста часто не видит опечатку, которую заметит заказчик.

Этап 7. Запуск и перенос на хостинг#

Сайт переносят с тестового адреса на ваш домен (имя сайта вида ваш-бизнес.ру), размещают на хостинге (сервере, где сайт живёт), подключают защищённое соединение, чтобы в адресе был замок и https, настраивают аналитику и отправку заявок. Проверяют, что всё работает уже на боевом адресе.

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

Этап 8. Поддержка после запуска#

Запуск - не финиш, а старт жизни сайта. Дальше идут правки, обновления, добавление новостей и товаров, мониторинг работоспособности, обновление систем безопасности. Это может быть ежемесячный договор на поддержку или оплата по факту обращений.

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

Сколько всё это занимает по типам сайтов#

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

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

Где проекты буксуют чаще всего#

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

Контент не готов. Самый частый. Сайт сделан, а наполнять нечем: тексты «вот-вот напишу», фотографий нет. Лечится договорённостью на старте.

Долгие согласования. Подрядчик прислал макет, заказчик отвечает через две недели, потому что «надо подумать и показать партнёру». Каждая такая пауза - прямая прибавка к сроку. Назначайте ответственного за решения с вашей стороны.

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

Частые вопросы#

Посчитаем срок под вашу задачу#

Если хотите понять, сколько займёт именно ваш сайт, - напишите нам. На коротком брифе разложим проект по этапам и назовём фикс-срок и фикс-цену, без сюрпризов по дороге. Нужен быстрый старт - смотрите экспресс-сайт за 3 дня или полноценную разработку под ключ. Как идут реальные проекты - в разделе «Работы», а прикинуть бюджет можно в калькуляторе цен.