Этапы разработки сайта: от ТЗ до релиза

Этапы разработки сайта: от ТЗ до релиза
Содержание

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

Почему важно знать этапы до начала работы

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

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

Этап 1. Аналитика и техническое задание

Срок: 1–2 недели

Техническое задание — единственный документ, который защищает обе стороны. Без него студия и клиент подразумевают разное, и разница выявляется только на финальной приёмке.

Что входит в качественное ТЗ:

  • Цели сайта: заявки, продажи, поддержка клиентов, имидж
  • Целевая аудитория: кто приходит, с каким запросом, с какого устройства
  • Карта страниц с описанием каждого раздела и его задачи
  • Функциональные требования: формы, каталог, фильтры, личный кабинет, интеграции
  • SEO-требования: структура URL, семантическое ядро, требования к текстам
  • Технические ограничения: CMS, хостинг, интеграция с 1С или CRM

Что делает клиент: отвечает на вопросы аналитика, предоставляет материалы (логотип, брендбук, примеры нравящихся сайтов), согласовывает карту страниц.

Типичная ошибка: отказаться от ТЗ «чтобы не платить лишнего». Хорошее ТЗ стоит 15 000–30 000 рублей. Переделки без ТЗ — от 50 000 до 200 000 рублей и потерянные месяцы.

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

Срок: 1–2 недели

Прототип — чёрно-белая схема страниц без дизайна. Показывает расположение блоков, кнопок и форм. Делается в Figma или на бумаге.

Зачем нужен: без прототипа дизайнер создаёт «красивую картинку», не заботясь о логике поведения пользователя. Клиент видит готовый дизайн и говорит: «А почему форма не на первом экране?». Переделка дизайна — неделя минус и 20–30% от стоимости этапа.

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

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

Срок: 2–4 недели

На основе согласованного прототипа дизайнер разрабатывает визуал: цвет, типографику, иконки, фото, анимации. Результат — файл Figma с макетами всех страниц в двух версиях: desktop (1440px) и mobile (390px).

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

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

Сколько правок нормально: 2–3 итерации — рабочая норма. 7–8 итераций — признак нечёткого ТЗ или неопытного клиента, который не умеет формулировать задачу.

Этап 4. Разработка — вёрстка и бэкенд

Срок: 4–8 недель

Самый длинный этап. Идут два параллельных потока.

Frontend (вёрстка): дизайн переводится в HTML/CSS/JavaScript. Здесь закладывается скорость загрузки, адаптивность под все экраны, Core Web Vitals. Профессиональный верстальщик получает Lighthouse Performance 90+ на мобильных сразу — без дополнительной оптимизации.

Backend (CMS и логика): настройка WordPress, создание структуры страниц и шаблонов, подключение форм и интеграций с почтой и Telegram, настройка безопасности. На этом же этапе закладывается техническая SEO-основа: структура URL, микроразметка Schema.org, файлы robots.txt и sitemap.

В АйТи-Стандарт тексты пишутся параллельно с разработкой, а не после. Пока верстальщик создаёт шаблоны страниц, копирайтер готовит контент под SEO-кластеры. Это сокращает общий срок на 2–3 недели.

Этап 5. Наполнение и тестирование

Срок: 1–2 недели

Готовый сайт наполняется финальным контентом: согласованные тексты, реальные фото, логотипы, кейсы. Затем — полный цикл тестирования по чеклисту.

Что проверяем обязательно:

  • Кросс-браузерное тестирование: Chrome, Safari, Firefox, Edge
  • Мобильные устройства: iOS Safari и Android Chrome — два разных движка
  • Все формы: заявка должна дойти до email, Telegram и CRM
  • Lighthouse по мобильной версии: Performance ≥ 90, Accessibility = 100, SEO = 100
  • Валидация Schema.org через Rich Results Test
  • Проверка 404-ошибок и корректности редиректов

После тестирования — демонстрация на staging-сервере. Клиент принимает работу до публичного запуска, видят только он и студия.

Этап 6. Запуск

Срок: 1–3 дня

Технически ответственный этап, который при ошибке останавливает бизнес клиента.

  1. Бэкап текущего сайта (если он существует)
  2. Перенос файлов и базы данных на боевой сервер
  3. Замена URL в базе с тестового на рабочий домен
  4. Настройка SSL, robots.txt, sitemap.xml
  5. Смена DNS-записей — сайт переключается на новый сервер
  6. Проверка всего чеклиста после переключения

После запуска: добавить сайт в Яндекс.Вебмастер и Google Search Console, отправить sitemap. Первая индексация страниц — 2–7 дней, полный охват — 2–4 недели. Обязательно настройте аналитику до смены DNS, иначе потеряете данные первых посетителей — они информативнее всего остального.

Этап 7. Поддержка и рост

Срок: постоянно

Запуск — не финал, а начало работы сайта как инструмента продаж. Без регулярного обслуживания сайт деградирует за 12–18 месяцев: устаревший WordPress взламывают, скорость падает, позиции в поиске опускаются.

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

Реальные сроки разработки по типам сайтов

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

Тип сайтаБыстроНормаС задержками
Лендинг2 недели3–4 недели5–7 недель
Сайт-визитка4 недели5–7 недель8–10 недель
Корпоративный сайт8 недель10–14 недель16–20 недель
Интернет-магазин12 недель16–20 недель24–30 недель

Если у вас уже есть готовый контент (тексты, фотографии, логотип), сроки приближаются к колонке «Быстро». Если контент нужно создавать в процессе — ориентируйтесь на «Норма».

→ Рассчитайте стоимость вашего сайта за 1 минуту

Особенности разных типов проектов: что меняется на каждом этапе

Основные этапы создания сайта одинаковы для любого проекта — их семь. Но наполнение и длительность каждого этапа меняются в зависимости от типа проекта.

Лендинг. Аналитика занимает 2–3 дня вместо двух недель — цель сайта одна, аудитория конкретная. Прототипирование — полдня: одна страница с «шапкой», офером, аргументами, формой и «подвалом». Дизайн — 3–5 дней. Вся последовательность создания сайта от брифа до запуска реально укладывается в 14 рабочих дней при готовых материалах.

Корпоративный сайт. Самый насыщенный этап — аналитика: карта из 15–30 страниц, конкурентный анализ, SEO-архитектура. Этапы создания веб-сайта дополняются разработкой нескольких шаблонов, SEO-текстами для каждого раздела и системой управления контентом. Реалистичный срок — 2,5–4 месяца.

Интернет-магазин. Добавляются специфические этапы: настройка каталога и фильтрации, корзины и checkout, платёжных шлюзов (ЮКасса, Сбербанк, Тинькофф), интеграции с 1С или учётными системами. SEO-структура под тысячи товарных страниц — отдельная задача. Минимальный реалистичный срок — 3 месяца.

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

Что замедляет разработку сильнее всего

За 17 лет мы видели одни и те же причины срывов сроков. Все они — коммуникационные, не технические.

  • Долгое согласование. Заказчик согласовывает дизайн 2–3 недели вместо 3 дней. Всё остальное стоит и ждёт.
  • Правки после старта разработки. «А давайте сделаем по-другому» на этапе вёрстки — это откат на этап назад и пересмотр бюджета.
  • Позднее предоставление материалов. Фотографий нет, логотип «только на визитке в jpeg 72 dpi», тексты «напишете сами».
  • Размытое ТЗ. «Сделайте как у конкурента, только лучше» — не техническое задание. Каждый понимает «лучше» по-своему. В итоге: студия сдаёт работу, клиент говорит «это не то», и начинается разбирательство за счёт нервов обеих сторон.

Как клиенту ускорить разработку

Три вещи со стороны заказчика, которые ускоряют проект больше любого бюджета — и это не деньги, а поведение в процессе работы:

  1. Логотип и фирменный стиль в векторе (AI, EPS, SVG, PDF) — не jpeg с белым фоном.
  2. Реальные фото команды, офиса и работ — не стоковые. Стоковые снимают доверие, конвертируют хуже.
  3. Готовность отвечать быстро — в течение 24–48 часов на любой вопрос студии. Это важнее, чем размер бюджета. Студия, которая ждёт ответа клиента неделю, теряет темп и переключается на другие проекты.

Чек-лист клиента: что подготовить до начала разработки

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

Обязательно до подписания договора:

  • Логотип в векторном формате (AI, EPS, SVG или PDF) — не JPEG и не PNG с разрешением 72 dpi
  • Брендбук или хотя бы описание корпоративных цветов и шрифтов
  • Примерный список страниц или согласие на то, что карту составит студия
  • 3–5 ссылок на сайты, которые нравятся, с пояснением — что именно нравится
  • Контакты ответственного лица со стороны клиента — человека, который принимает решения

Желательно до начала дизайна:

  • Профессиональные фотографии команды, офиса и производственных процессов — не со смартфона
  • Готовые тексты для ключевых страниц или бюджет на копирайтинг
  • Доступ к текущему сайту (admin-панель, FTP, Google Analytics), если он существует

Можно предоставить в процессе разработки:

  • Логотипы клиентов и партнёров
  • Сертификаты, лицензии, наградные документы
  • Видеоматериалы для фонов или демонстрации продукта

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

Из чего складывается итоговая стоимость разработки

Сроки напрямую влияют на бюджет. Вот типичная разбивка стоимости корпоративного сайта по этапам:

  • Аналитика и ТЗ: 15 000–30 000 ₽ (5–8% от бюджета)
  • Дизайн: 50 000–120 000 ₽ (15–25%)
  • Разработка: 120 000–250 000 ₽ (40–55%)
  • Контент и тексты: 30 000–80 000 ₽ (10–18%)
  • Тестирование и запуск: 20 000–40 000 ₽ (7–10%)

Итого корпоративный сайт «под ключ» в профессиональной московской студии: от 250 000 до 500 000 рублей. Сумма кажется большой, но это полный цикл работ с гарантированным результатом, а не «сайт за 30 000» с неизвестным качеством. Сайт-визитка — от 150 000 ₽. Лендинг — от 100 000 ₽. Подробные цены и пакеты — на странице разработки сайтов.

Экономия на конкретных этапах приводит к предсказуемым проблемам: урезанное ТЗ — конфликты при сдаче; дизайн без прототипа — бесконечные правки; вёрстка без SEO-основы — нулевой органический трафик в первый год.

Часто задаваемые вопросы об этапах разработки

Какие этапы создания сайта самые важные?

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

Можно ли пропустить прототипирование и сразу делать дизайн?

Технически — да. Но вероятность переделок дизайна вырастает до 80%. Час работы прототиписта (1 500–3 000 ₽) экономит 10 часов дизайнера (15 000–25 000 ₽). Математика очевидна — каждый сэкономленный рубль на прототипе часто возвращается десятикратными переделками на этапе дизайна.

Сколько времени нужно на разработку сайта при быстром согласовании?

При идеальной коммуникации: корпоративный сайт — 8 недель, лендинг — 2 недели. Рекорд АйТи-Стандарт: корпоративный сайт на 12 страниц за 6 недель — клиент согласовывал каждый этап в течение 24 часов.

Что такое staging-сервер и нужен ли он?

Staging — закрытая тестовая копия сайта (например, dev.company.ru). На ней клиент принимает работу до публичного запуска. Это страховка: если что-то не устраивает — это видите только вы. Без staging вы рискуете, что клиенты увидят незаконченный сайт или технические ошибки.

Нужен ли SEO-специалист с первого этапа разработки?

Обязательно. SEO-требования закладываются при составлении ТЗ: структура URL, H1/H2/H3 логика, семантическое ядро, требования к текстам. Если SEO подключить «после запуска» — нужно будет переписывать структуру, менять URL (потеря ссылочного веса) и переделывать тексты. Мы включаем SEO-аналитику в первый этап каждого проекта.

Как понять, что студия соблюдает этапы, а не работает хаотично?

Три признака дисциплинированного процесса: 1) Есть подписанное ТЗ с фиксированным объёмом. 2) Каждый этап завершается официальной приёмкой (акт или письменное согласование). 3) Студия не начинает следующий этап без утверждения предыдущего. Если студия «всё делает параллельно» и не требует согласований — это признак хаоса.

Как не потерять позиции в поиске при переделке существующего сайта?

Главное правило: сохранить структуру URL. Если адреса страниц меняются — настроить 301-редиректы со старых URL на новые. Без редиректов поисковики расценивают переезд как удаление страниц и обнуляют их позиции. Также: не менять тему и не закрывать сайт от индексации во время разработки — используйте staging-сервер с закрытым доступом.

АйТи-Стандарт ведёт проекты по 7-этапному процессу с фиксированными сроками в договоре. С 2009 года — 170+ запущенных проектов для московских компаний. Расскажите о задаче — составим план разработки за 1 час.

→ Получить план разработки вашего сайта

Дмитрий Дуюнов
Автор Дмитрий Дуюнов

Стоял у истоков создания веб-студии АйТи-Стандарт с 2009 года. За это время реализовал более 230 проектов для компаний из сферы медицины, строительства, B2B и ритейла. Специализируюсь на корпоративных сайтах на WordPress и SEO-продвижении в Яндексе.

Опыт с 2009 года 230+ проектов Яндекс.Директ Google Analytics GA4 ИвГУ 2007
Обсудим проект

Расскажите о задаче — ответим за час.

Заявка прилетает на почту сразу же. По будням — за 30–60 минут.







    PDF, DOC, DOCX, TXT, JPG, PNG · до 2 МБ каждый · всего до 10 МБ
    Общий размер файлов превышает 10 МБ — уменьшите выбор.

    Заявка → ответ за 1 час