Этапы разработки сайта — от брифа до запуска

7 этапов разработки сайта — от первого разговора до запуска

Разработка сайта — это не «сели и сделали». Это последовательность из семи чётко разграниченных этапов, каждый со своим результатом, ролью клиента, ролью подрядчика и типовым сроком. Если хотя бы один этап пропустить или сделать формально — сайт получится «на отвяжись»: красивый, но не продающий; функциональный, но неудобный; современный, но медленный.

Ниже — все семь этапов с ответом на три вопроса для каждого: что делает клиент, что делаем мы, сколько это занимает по времени. Тайминг указан для корпоративного сайта на 10 страниц как средний ориентир — для лендинга умножайте на 0,5, для интернет-магазина на 1,5–2. Если хотите узнать, сколько займёт именно ваш проект, — оставьте заявку с описанием задачи или посчитайте через калькулятор.

Что входит в работу — 7 этапов

• Этап 1. Бриф — 1–2 дня. Разговор о задаче, продукте, аудитории и конкурентах.
• Этап 2. ТЗ — 2–3 дня. Формальное техническое задание с описанием страниц, функций и требований.
• Этап 3. Прототип — 2–4 дня. Wireframe в Figma без графики — только структура и логика.
• Этап 4. Дизайн — 5–8 дней. Главная и типовые страницы в фирменном стиле.
• Этап 5. Вёрстка и функционал — 7–14 дней. HTML/CSS/JS, формы, интеграции, оптимизация скорости.
• Этап 6. Наполнение контентом — 2–5 дней. Тексты, фотографии, услуги, товары.
• Этап 7. Тесты и запуск — 2–3 дня. Проверка форм, скорости, кроссбраузерности, метрик, деплой.

Этап 1. Бриф

Что делает клиент: рассказывает о продукте, аудитории, конкурентах и цели сайта. Не надо готовиться заранее — вопросы задаём мы. Достаточно уделить 40–60 минут созвону или встрече. Что делаем мы: задаём вопросы, фиксируем ответы, изучаем ниши и конкурентов после разговора. По итогу присылаем краткий конспект: как мы поняли задачу — чтобы вы могли исправить непонимание сразу. Тайминг: 1–2 дня.

Этап 2. Техническое задание

Что делает клиент: читает ТЗ, отмечает то, что не так, добавляет то, что забыли. Здесь важно не «просто согласовать», а реально сверить с задачей. Что делаем мы: формализуем задачу в структурированный документ: список страниц, функциональные требования, дизайн-рамки, требования к скорости и SEO, интеграции, что входит и что не входит. ТЗ — приложение к договору. Тайминг: 2–3 дня.

Этап 3. Прототип в Figma

Что делает клиент: смотрит структуру каждой страницы: что где расположено, что за чем идёт. На этом этапе легко и дёшево переставить блоки, добавить/убрать секции. Что делаем мы: рисуем wireframe в Figma — «серые прямоугольники» без графики, только логика и структура. Помечаем интерактивные элементы: формы, кнопки, переключатели. Тайминг: 2–4 дня для сайта на 10 страниц.

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

Что делает клиент: смотрит визуальную часть — цвета, шрифты, иллюстрации, фото. Здесь важно понимать, что «нравится / не нравится» уже поздно менять на структуру — только на палитру и стиль. Даёт обратную связь по итерациям. Что делаем мы: прорисовываем главную и типовые внутренние страницы в фирменном стиле. Собираем стилегид: типографика, палитра, компоненты. При необходимости адаптируем под уже готовый бренд-бук. Тайминг: 5–8 дней.

Этап 5. Вёрстка и функционал

Что делает клиент: на этом этапе клиент почти не участвует. Готовит контент параллельно (если ещё не готов), присылает тексты и картинки. Что делаем мы: верстаем на чистом HTML/CSS/JS или на выбранной CMS (Bitrix, WordPress, Tilda — см. сайты на Bitrix, на WordPress). Пишем интеграции с CRM и аналитикой, оптимизируем скорость, тестируем адаптив. Тайминг: 7–14 дней.

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

Что делает клиент: присылает финальные тексты, фотографии, товары, услуги — если делает контент сам. Проверяет расстановку после заливки. Что делаем мы: заливаем контент в админку, размещаем на страницах, оптимизируем изображения (WebP, ленивая загрузка). Если делаем копирайтинг сами — параллельно пишем тексты и согласовываем с клиентом. Тайминг: 2–5 дней.

Этап 7. Тестирование и запуск

Что делает клиент: проходит по сайту, кликает кнопки, отправляет тестовые заявки, ищет ошибки. Даёт финальный ок на запуск. Что делаем мы: тестируем формы, скорость (PageSpeed), кроссбраузерность (Chrome, Firefox, Safari, Яндекс, Edge), адаптив на мобильных и планшетах. Проверяем аналитику: Метрику, GA, цели, события. Деплоим на боевой хостинг, настраиваем SSL, проверяем redirect'ы. Тайминг: 2–3 дня.

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

Итого — от 21 до 40 рабочих дней (3–8 недель) для корпоративного сайта. Для лендинга общий срок 7–14 дней. Для интернет-магазина — 6–10 недель. Подробнее по срокам — на странице сроков разработки. Если контент готов сразу, все этапы ускоряются на 20–30%. Если работаем параллельно (пока верстаем — вы согласовываете следующие правки дизайна) — ещё на 10–15%.

Сколько стоит

Цена за проект — по типу сайта: лендинг от 9 900 ₽, корпсайт от 30 000 ₽, магазин от 50 000 ₽, портал от 150 000 ₽. Полные вилки — на странице стоимости сайта. Каждый этап отдельно не оплачивается — в договоре указана общая сумма и график траншей: 30% предоплата, 40% после утверждения дизайна, 30% после запуска.

Кому подходит

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

Как этапы связаны с оплатой

Оплата по проекту разбивается по этапам и фиксируется в договоре. Стандартная схема — три транша: 30% предоплата (после подписания договора, до старта работ), 40% после утверждения дизайна (после этапа 4), 30% после запуска (после этапа 7 и подписания акта). Для крупных проектов — 4–5 траншей: например, 20% на старте, 20% после ТЗ, 20% после дизайна, 20% после вёрстки, 20% после запуска. Такая схема выгодна и клиенту (платит по факту готовности), и нам (не работаем месяц бесплатно в надежде на конечную оплату).

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

Что происходит между этапами

Границы этапов — не «стена». Между этапами есть буфер на согласование и правки. Пример: после отправки прототипа клиент читает 1–2 дня, задаёт вопросы, отмечает то, что не так. Мы вносим 1–2 итерации правок (2–3 дня), потом фиксируем прототип как согласованный и переходим к дизайну. Этот буфер обычно занимает 3–5 дней между каждыми крупными этапами, и он уже учтён в общем сроке.

Примеры реальных этапных таймингов

Для наглядности — расписание одного из наших недавних проектов, лендинга ремонта телевизоров (кейс): понедельник 1 неделя — бриф; вторник-среда — ТЗ; четверг-пятница — прототип; понедельник-пятница 2 неделя — дизайн (с двумя итерациями правок); понедельник-вторник 3 неделя — вёрстка; среда 3 неделя — наполнение и интеграции; четверг 3 неделя — тесты; пятница 3 неделя — запуск. Итого 15 рабочих дней с одной небольшой задержкой на согласовании дизайна.

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