Этапы разработки сайта под ключ: от брифа до запуска

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

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

Из каких этапов состоит разработка сайта: таблица со сроками

Сначала общая картина. Сроки даны для типового проекта; реальные зависят от объёма и от того, как быстро вы согласуете каждый шаг.

№	Этап	Что происходит	Срок	Роль клиента
1	Бриф	разбор цели, аудитории, конкурентов	1–2 дня	отвечает на вопросы, даёт фактуру
2	Техзадание	структура, список страниц и функций, смета	1–3 дня	читает и утверждает ТЗ
3	Прототип	кликабельный каркас без дизайна	2–4 дня	проверяет логику, даёт правки
4	Дизайн	макеты страниц, фирстиль, адаптив	3–7 дней	утверждает визуал
5	Вёрстка	перенос макета в код, адаптив, скорость	3–10 дней	присылает финальный контент
6	Интеграции	формы, CRM, оплата, аналитика, тесты	2–5 дней	проверяет заявки и оплату
7	Запуск	домен, хостинг, SSL, передача	1–2 дня	принимает по акту

Этапы 4–6 частично идут параллельно. Поэтому суммировать строки буквально не нужно: лендинг укладывается в 7–14 рабочих дней, корпоративный сайт — в 2–3 недели.

Этап 1. Бриф — зачем нужен сайт

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

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

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

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

Что делаете вы: внимательно читаете ТЗ и задаёте вопросы до подписания. На этом этапе менять что-либо проще всего — это ещё текст, а не код.

Этап 3. Прототип — каркас сайта без дизайна

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

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

Этап 4. Дизайн — как сайт будет выглядеть

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

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

Этап 5. Вёрстка — превращаем картинку в рабочий сайт

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

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

Этап 6. Интеграции и тестирование — чтобы сайт работал

Красивый сайт без работающих заявок бесполезен. На этом этапе подключаю формы (отправка в Telegram, на почту, в CRM), оплату и эквайринг, обмен с 1С, онлайн-запись, аналитику Яндекс.Метрики. Затем — тестирование: отправляю тестовые заявки, проверяю оплату, ищу битые ссылки и ошибки на всех устройствах.

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

Этап 7. Запуск и передача — сайт в работе

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

Что делаете вы: принимаете работу по акту и получаете все доступы. Дальше можно запускать рекламу и развивать проект — со мной или с любым другим исполнителем.

Сколько времени занимает весь процесс

Главный фактор скорости — не сложность сайта, а ваша обратная связь и готовность контента. Реальные ориентиры:

1. Лендинг — 7–14 рабочих дней.
2. Корпоративный сайт — 2–3 недели.
3. Интернет-магазин — от 2–3 недель.

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

Хотите пройти эти этапы по своему проекту? Я веду весь процесс лично — один человек, без подрядов и менеджеров. Напишите в Telegram @ardi_help: разберём задачу и соберу кликабельный прототип бесплатно, до договора.