Со стороны заказчика разработка сайта часто выглядит как чёрный ящик: вы заплатили — через месяц что-то появилось. На деле процесс раскладывается на семь понятных этапов, и у каждого есть результат, который вы можете взять и проверить. В этом гайде — все этапы создания сайта по порядку: что происходит на каждом шаге, сколько он занимает для лендинга и корпоративного сайта, что вы должны получить на руки и где проекты чаще всего теряют недели.
В этой статье 10
Как происходит разработка сайта: общая карта
Независимо от подрядчика и технологий путь один: бриф → прототип → дизайн → вёрстка → контент → тестирование → запуск. Меняется только глубина этапов: у лендинга прототип — схема одной страницы, у корпоративного сайта — структура из десятков. В таблице — этапы разработки сайта со сроками в рабочих днях, как мы планируем проекты в АОСА.
Этапы и сроки: лендинг и корпоративный сайт
- Этап: 1. Бриф и аналитика
- Лендинг: 1–2 дня
- Корпоративный сайт: 2–4 дня
- Что получает заказчик: Заполненный бриф, смета, план работ с датами
- Этап: 2. Прототип и структура
- Лендинг: 1–2 дня
- Корпоративный сайт: 3–5 дней
- Что получает заказчик: Схема страниц и блоков на согласование
- Этап: 3. Дизайн
- Лендинг: 2–4 дня
- Корпоративный сайт: 5–7 дней
- Что получает заказчик: Макеты страниц, включая мобильную версию
- Этап: 4. Вёрстка и разработка
- Лендинг: 3–5 дней
- Корпоративный сайт: 7–12 дней
- Что получает заказчик: Рабочий сайт на тестовом адресе
- Этап: 5. Контент
- Лендинг: параллельно
- Корпоративный сайт: параллельно
- Что получает заказчик: Тексты, фото и цены на страницах
- Этап: 6. Тестирование
- Лендинг: 1–2 дня
- Корпоративный сайт: 2–4 дня
- Что получает заказчик: Проверенные формы, отчёт о скорости
- Этап: 7. Запуск
- Лендинг: 1 день
- Корпоративный сайт: 1–2 дня
- Что получает заказчик: Сайт на домене, аналитика, все доступы
Текст схемы и все данные
Этапы и сроки: лендинг и корпоративный сайт
- Этап: 1. Бриф и аналитика
- Лендинг: 1–2 дня
- Корпоративный сайт: 2–4 дня
- Что получает заказчик: Заполненный бриф, смета, план работ с датами
- Этап: 2. Прототип и структура
- Лендинг: 1–2 дня
- Корпоративный сайт: 3–5 дней
- Что получает заказчик: Схема страниц и блоков на согласование
- Этап: 3. Дизайн
- Лендинг: 2–4 дня
- Корпоративный сайт: 5–7 дней
- Что получает заказчик: Макеты страниц, включая мобильную версию
- Этап: 4. Вёрстка и разработка
- Лендинг: 3–5 дней
- Корпоративный сайт: 7–12 дней
- Что получает заказчик: Рабочий сайт на тестовом адресе
- Этап: 5. Контент
- Лендинг: параллельно
- Корпоративный сайт: параллельно
- Что получает заказчик: Тексты, фото и цены на страницах
- Этап: 6. Тестирование
- Лендинг: 1–2 дня
- Корпоративный сайт: 2–4 дня
- Что получает заказчик: Проверенные формы, отчёт о скорости
- Этап: 7. Запуск
- Лендинг: 1 день
- Корпоративный сайт: 1–2 дня
- Что получает заказчик: Сайт на домене, аналитика, все доступы
| Этап | Лендинг | Корпоративный сайт | Что получает заказчик |
|---|---|---|---|
| 1. Бриф и аналитика | 1–2 дня | 2–4 дня | Заполненный бриф, смета, план работ с датами |
| 2. Прототип и структура | 1–2 дня | 3–5 дней | Схема страниц и блоков на согласование |
| 3. Дизайн | 2–4 дня | 5–7 дней | Макеты страниц, включая мобильную версию |
| 4. Вёрстка и разработка | 3–5 дней | 7–12 дней | Рабочий сайт на тестовом адресе |
| 5. Контент | параллельно | параллельно | Тексты, фото и цены на страницах |
| 6. Тестирование | 1–2 дня | 2–4 дня | Проверенные формы, отчёт о скорости |
| 7. Запуск | 1 день | 1–2 дня | Сайт на домене, аналитика, все доступы |
Итого: лендинг — 2–3 недели, корпоративный сайт — 4–6 недель. Оговорка: это сроки при быстрой обратной связи. Каждый день, который макет ждёт согласования, сдвигает запуск на день — зафиксируйте этапность и сроки ответов в договоре на разработку.
Этап 1. Бриф и аналитика
Всё начинается не с дизайна, а с вопросов: кто ваши клиенты, что они должны сделать на сайте, кто конкуренты, откуда придёт трафик. Ответы фиксируются в брифе — документе, который дальше работает как система координат для команды. Здесь же изучаются конкуренты и собирается базовая семантика: если сайт должен приводить клиентов из поиска, структуру проектируют под реальные запросы, а не из головы.
Что проверить: правильно ли подрядчик понял задачу бизнеса. Ошибка на этом шаге — самая дорогая: переделывать придётся всё, что построено сверху. Как грамотно сформулировать задачу — в статье про ТЗ на разработку сайта.
Этап 2. Прототип и структура
Прототип — это схема сайта без дизайна: какие страницы существуют, какие блоки стоят на каждой, куда ведут кнопки. Для лендинга это последовательность экранов от оффера до формы заявки, для корпоративного сайта — ещё и структура разделов: услуги, цены, кейсы, контакты. Проверяйте прототип как маршрут клиента: понятно ли за пять секунд, что вы предлагаете, легко ли найти цену и кнопку связи. Передвинуть блок на схеме — минуты, в готовом дизайне — дни.
Этап 3. Дизайн
На основе прототипа отрисовываются макеты: цвета, шрифты, фотографии — то, как сайт будет выглядеть на экране. Сначала согласуется главная страница как эталон стиля, затем остальные типовые. Проверяйте не «нравится / не нравится», а соответствие задаче: читается ли текст, заметны ли кнопки, как макет выглядит на смартфоне — мобильная версия сегодня первична. Правки собирайте в один список, а не отправляйте по одной в день: это главный пожиратель сроков.
Этап 4. Вёрстка и разработка
Макеты превращаются в работающий сайт: страницы верстаются, подключаются формы, карты и видео, настраивается адаптивность. Мы в АОСА собираем сайты на статической архитектуре (Next.js, TypeScript): страницы генерируются заранее и отдаются посетителю готовыми файлами, без движка и базы данных на сервере. Сроки при этом не раздуваются: типовые блоки берутся из производственной библиотеки проверенных решений, а не пишутся с нуля. Результат этапа — сайт на тестовом адресе: проверяйте его на собственных устройствах.
Этап 5. Контент
Тексты, фотографии, прайсы, реквизиты — этап, который по-хорошему идёт параллельно дизайну и вёрстке, а по факту чаще всего останавливает проект. Если контент готовит подрядчик, проверяйте факты: услуги, цены, названия — ошибка здесь бьёт по доверию сильнее кривой кнопки. Если тексты за вами, назначьте ответственного и дедлайн: «пришлём на днях» превращается в плюс две недели к запуску.
Этап 6. Тестирование
Перед запуском сайт проходит чек-лист: корректность на разных устройствах и браузерах, работа всех форм и кнопок, скорость и Core Web Vitals, базовая SEO-гигиена — теги, разметка, карта сайта, битые ссылки. Требуйте не устное «всё проверили», а видимый результат: заявка с каждой формы дошла до почты или CRM, сайт открывается со смартфона за пару секунд, PageSpeed в зелёной зоне.
Этап 7. Запуск
Сайт переезжает с тестового адреса на боевой домен: подключается HTTPS, настраиваются Яндекс Метрика и панели вебмастеров, страницы отправляются на индексацию. Если новый сайт заменяет старый, обязательны 301-редиректы со старых адресов — иначе накопленные позиции сгорят. Заберите у подрядчика полный пакет доступов: домен, хостинг, репозиторий, аналитика. Сайт — ваш актив. Финальный список проверок — в SEO-чек-листе перед запуском.
Где проекты буксуют чаще всего
По нашему опыту, сроки срывает не сложность работ, а пять типовых ситуаций — и все они управляемые:
- Согласования. Макет лежит без ответа неделю — запуск сдвигается на неделю. Решение: один ответственный у заказчика и срок ответа 1–2 дня.
- Контент от заказчика. Сайт свёрстан, текстов нет — самая частая причина срыва. Решение: готовить материалы параллельно, со второго этапа.
- Правки по кругу. «Вернём, как было в первой версии» — этап был согласован формально. Решение: принимать этапы осознанно и письменно.
- Смена задачи по ходу. Новый раздел посреди вёрстки — возврат к прототипу, а не «маленькая правка». Решение: новые идеи — во вторую очередь после запуска.
- Нет менеджера у подрядчика. Вопросы тонут между дизайнером и разработчиком. Решение: единая точка контакта и еженедельный статус.
Где проекты буксуют чаще всего
- Согласования. Макет лежит без ответа неделю — запуск сдвигается на неделю. Решение: один ответственный у заказчика и срок ответа 1–2 дня.
- Да
- Контент от заказчика. Сайт свёрстан, текстов нет — самая частая причина срыва. Решение: готовить материалы параллельно, со второго этапа.
- Да
- Правки по кругу. «Вернём, как было в первой версии» — этап был согласован формально. Решение: принимать этапы осознанно и письменно.
- Да
- Смена задачи по ходу. Новый раздел посреди вёрстки — возврат к прототипу, а не «маленькая правка». Решение: новые идеи — во вторую очередь после запуска.
- Да
- Нет менеджера у подрядчика. Вопросы тонут между дизайнером и разработчиком. Решение: единая точка контакта и еженедельный статус.
- Да
Текст схемы и все данные
Где проекты буксуют чаще всего
- Согласования. Макет лежит без ответа неделю — запуск сдвигается на неделю. Решение: один ответственный у заказчика и срок ответа 1–2 дня.
- Да
- Контент от заказчика. Сайт свёрстан, текстов нет — самая частая причина срыва. Решение: готовить материалы параллельно, со второго этапа.
- Да
- Правки по кругу. «Вернём, как было в первой версии» — этап был согласован формально. Решение: принимать этапы осознанно и письменно.
- Да
- Смена задачи по ходу. Новый раздел посреди вёрстки — возврат к прототипу, а не «маленькая правка». Решение: новые идеи — во вторую очередь после запуска.
- Да
- Нет менеджера у подрядчика. Вопросы тонут между дизайнером и разработчиком. Решение: единая точка контакта и еженедельный статус.
- Да
Сколько времени делается сайт: итоговые сроки
Реалистичные сроки при налаженном процессе: лендинг — 2–3 недели, корпоративный сайт — 4–6 недель, интернет-магазин — 8–12 недель. Обещают корпоративный сайт «за неделю» — значит, выброшены аналитика, прототип или тестирование, и сэкономленные дни вы оплатите переделками. Называют полгода без плана — процесс не выстроен.
Расчёт условный, для иллюстрации логики. Неделя 1: бриф, аналитика, начало прототипа. Неделя 2: согласование прототипа, дизайн главной. Недели 3–4: дизайн остальных страниц и вёрстка, контент — параллельно. Неделя 5: сборка и наполнение. Неделя 6: тестирование, правки, перенос на домен, запуск. Чистой работы подрядчика — около четырёх недель, остальное — согласования и материалы заказчика. Поэтому один и тот же сайт у дисциплинированного заказчика выходит за 4 недели, у занятого — за 8.
Собирательный пример на основе типовых проектов — не реальный клиент.
В АОСА эти этапы и сроки зафиксированы в услуге: лендинг от 50 000 ₽ за 2–3 недели, корпоративный сайт от 120 000 ₽ за 4–6 недель. А если сайт должен не просто выйти в свет, а приводить клиентов из поиска, есть формат «Сайт + продвижение под ключ» — тогда структура и контент проектируются под запросы уже на первом этапе.
Главный секрет сроков — не скорость дизайнера, а отсутствие простоя между этапами. Проект на четыре недели превращается в проект на три месяца не из-за сложности, а из-за пауз: макет ждёт согласования, вёрстка ждёт тексты, запуск ждёт доступы к домену. Поэтому первый вопрос подрядчику — не «за сколько сделаете», а «что вам нужно от меня и к какому числу». Есть план с датами и списком материалов — процесс выстроен. «Начнём, а там разберёмся» — умножайте сроки из договора на два.
Владимир БогдановОснователь и руководитель AOSA · эксперт по SEO и AEO, 12+ лет в поисковой оптимизации