Коротко
- Каждый этап заканчивается документом или макетом, который вы принимаете. Нет результата — нет этапа.
- От заказчика на каждом этапе нужно что-то конкретное: ответы, материалы, решения. Заранее выделите на проект человека и время.
- Дороже всего обходятся изменения на поздних этапах: правка структуры после вёрстки стоит в разы больше, чем на прототипе.
- Чаще всего проекты застревают на текстах и на согласовании дизайна, когда в процессе участвуют несколько руководителей.
Этапы разработки сайта: общая карта
Сроки ниже — для сайта услуг или небольшой компании на 10–30 страниц. Для лендинга этапы те же, но короче, мы разобрали их в статье разработка лендинга. Подробно о том, от чего зависят сроки, — в статье сколько времени делают сайт. Здесь — сама карта процесса и роли.
| № | Этап | Срок | Результат | Что нужно от вас |
|---|---|---|---|---|
| 1 | Бриф и анализ | 3–7 дней | Бриф, анализ конкурентов и спроса | Ответы на вопросы, доступы к аналитике |
| 2 | Структура | 3–7 дней | Карта страниц, семантика | Согласовать список услуг и разделов |
| 3 | Прототип | 5–10 дней | Схемы ключевых страниц | Проверить логику и блоки |
| 4 | Тексты | 5–15 дней | Тексты страниц | Факты, цены, ответы эксперта |
| 5 | Дизайн | 7–15 дней | Макеты главной и типовых страниц | Фото, логотип, одно окно согласования |
| 6 | Вёрстка и программирование | 7–20 дней | Рабочий сайт на тестовом адресе | Доступы к хостингу, домену, CRM |
| 7 | Наполнение и интеграции | 3–10 дней | Сайт с контентом, формами, аналитикой | Данные для каталога, реквизиты, документы |
| 8 | Тестирование и запуск | 3–7 дней | Сайт на рабочем домене | Принять работу, проверить заявку |
Итого 6–12 недель. Часть этапов идёт параллельно: тексты пишут, пока рисуют дизайн второстепенных страниц, а наполнение начинается, когда свёрстаны шаблоны.
Этапы 1–3: подготовка, без которой дизайн рисуют вслепую
Первые три этапа не видны в браузере, поэтому их хочется сократить. Но именно здесь решается, что будет на сайте и для кого. Ошибка на этой стадии стоит часа обсуждения, та же ошибка после вёрстки — недели переделок.
Этап 1. Бриф и анализ: что вы рассказываете о бизнесе
Что происходит. Разработчик выясняет, кто ваш клиент, что он сравнивает, откуда придёт трафик, какие страницы нужны и как заявка дойдёт до менеджера. Смотрит сайты конкурентов, поисковый спрос, текущий сайт и аналитику, если они есть.
Результат. Заполненный бриф и короткий отчёт: конкуренты, их сильные и слабые стороны, что взять, чего избежать.
Что нужно от вас. Час-два на интервью. Лучше, если на нём будет человек, который общается с клиентами: руководитель отдела продаж или вы сами. Доступы к Метрике и Вебмастеру старого сайта, если он есть.
Где застревает. Заказчик отвечает на бриф одной строкой: «Сделайте как у конкурента, только лучше». Без ответов на вопросы о клиенте следующие этапы строятся на догадках.
Этап 2. Структура: какие страницы будут на сайте
Что происходит. Составляется карта страниц: главная, разделы услуг, отдельные страницы под каждую услугу, кейсы, цены, о компании, контакты. Для многостраничного сайта структуру строят под поисковые запросы: отдельная страница на каждую группу запросов. Этот процесс называется сбором семантического ядра, о нём — в статье семантическое ядро для бизнеса.
Результат. Схема сайта с адресами страниц и списком запросов для каждой.
Что нужно от вас. Подтвердить список услуг и направлений. Сказать, какие услуги приоритетные, какие убрать, какие появятся в ближайший год.
Где застревает. Список услуг меняется после согласования. Добавить страницу на этапе структуры — минута. Добавить её после вёрстки — новый дизайн, новый текст и новая сборка.
Этап 3. Прототип: из чего состоят страницы
Что происходит. Рисуются чёрно-белые схемы ключевых страниц: какие блоки, в каком порядке, что на первом экране, где кнопки и формы. Прототип — это сайт без красоты, только логика.
Результат. Прототипы главной, типовой страницы услуги, страницы кейса и контактов.
Что нужно от вас. Проверить, что человек на каждой странице получает ответы на свои вопросы. Не оценивать цвета и шрифты: их тут нет специально.
Где застревает. Прототип пропускают, чтобы сэкономить время, и спорят о структуре уже на дизайне. Там каждая правка дороже.
Этапы 4–5: тексты и дизайн сайта
Этап 4. Тексты: кто и как их пишет
Что происходит. Пишутся тексты по прототипу: заголовки, описания услуг, этапы работы, ответы на вопросы, призывы. Тексты пишут до дизайна или вместе с ним. Иначе дизайнер рисует блоки под «рыбу», а реальный текст в них не помещается.
Результат. Тексты всех страниц, согласованные с вами.
Что нужно от вас. Факты: цены, сроки, гарантии, примеры работ, отзывы, ответы на возражения клиентов. Копирайтер может хорошо писать, но знать, сколько стоит ваша услуга и почему клиенты выбирают вас, он не может.
Где застревает. Это самый частый тормоз. Заказчик берётся «написать сам», и этап растягивается на месяц. Если решили писать сами, выделите на это конкретные дни в календаре.
Этап 5. Дизайн: как сайт будет выглядеть
Что происходит. Дизайнер рисует макеты на основе прототипа и текстов: сначала главную или одну ключевую страницу, после согласования — остальные шаблоны и мобильную версию.
Результат. Макеты для компьютера и телефона, иногда для планшета.
Что нужно от вас. Логотип, фирменные цвета, фотографии. Одно окно согласования: один человек собирает правки от всех и передаёт их одним списком.
Где застревает. Дизайн смотрят пять руководителей, у каждого свои правки, правки противоречат друг другу. Договоритесь заранее, кто принимает финальное решение.
Если проект уже идёт, а вы не понимаете, на каком он этапе и почему затянулся, мы можем посмотреть со стороны.
Этапы 6–8: разработка, наполнение и запуск сайта
Этап 6. Вёрстка и программирование
Что происходит. Макеты превращаются в работающий сайт: вёрстка страниц, адаптация под телефоны, подключение системы управления, формы, каталог, калькуляторы. Сайт собирается на тестовом адресе, закрытом от поисковиков.
Результат. Рабочий сайт на тестовом адресе, который можно открыть и пощёлкать.
Что нужно от вас. Доступы: домен, хостинг, CRM, телефония, платёжные системы. Все регистрации — на вашу компанию. Почему это важно, разобрали в статье на кого оформлять домен и хостинг.
Где застревает. Доступы ищут неделями: домен оформлен на бывшего сотрудника, пароль от хостинга потерян. Соберите доступы ещё на этапе брифа.
Этап 7. Наполнение и интеграции
Что происходит. В сайт загружаются тексты, фото, товары, документы. Настраиваются формы: куда приходят заявки, в CRM или мессенджер. Подключаются Метрика с целями и Вебмастер. Заполняются заголовки и описания страниц для поиска.
Результат. Сайт с реальным контентом и работающими заявками.
Что нужно от вас. Реквизиты для подвала и юридических страниц, политика обработки персональных данных, сертификаты и лицензии, если они нужны. Сайт с формами собирает персональные данные, поэтому должен соответствовать закону № 152-ФЗ: политика, согласие, уведомление в Роскомнадзор.
Где застревает. Юридические страницы оставляют «на потом», и сайт запускается без них. Это риск штрафа и повод для отказа в модерации рекламы.
Этап 8. Тестирование, приёмка и запуск
Что происходит. Сайт проверяют на разных устройствах и браузерах, отправляют тестовые заявки, проверяют скорость, ссылки, ошибки. После приёмки сайт переносят на рабочий домен, открывают для поисковиков, настраивают редиректы со старых адресов, если сайт заменяет старый.
Результат. Сайт на рабочем домене, подписанный акт.
Что нужно от вас. Пройти сайт глазами клиента и отправить заявку. Проверить, что она пришла менеджеру. Полный чек-лист — в статье как принять сайт у разработчика.
Где застревает. Приёмку откладывают, потому что «надо посмотреть внимательно». Сайт неделями висит на тестовом адресе и не приносит заявок.
Как принимать этап, чтобы не переделывать потом
Каждый этап должен закрываться формально. Это не бюрократия: так правки остаются на своём месте и не всплывают через месяц.
- Получите результат этапа в виде файла, ссылки или макета.
- Соберите правки от всех участников в один список.
- Отправьте список одним сообщением.
- После внесения правок подтвердите этап письменно: письмом или в чате проекта.
- Если хотите изменить принятое на прошлом этапе, обсудите сроки и стоимость до начала работ.
В договоре должно быть прописано, сколько кругов правок входит в каждый этап и как считаются дополнительные. Что ещё прописать, разобрали в статье договор на разработку сайта. Отдельно проверьте пункт о правах на дизайн и код: если сайт создаётся по заказу, переход исключительных прав нужно прописать в договоре, это предусматривает статья 1288 ГК РФ о договоре авторского заказа.
Где проекты застревают чаще всего
| Где | Сколько теряем | Как избежать |
|---|---|---|
| Ответы на бриф | 1–2 недели | Интервью вместо анкеты |
| Тексты от заказчика | 2–6 недель | Отдать тексты копирайтеру или назначить дни в календаре |
| Согласование дизайна несколькими людьми | 1–4 недели | Один ответственный за финальное решение |
| Доступы к домену и хостингу | 1–3 недели | Собрать на старте |
| Фото и материалы | 1–3 недели | Съёмка параллельно с текстами |
| Юридические страницы | до бесконечности | Заказать параллельно с дизайном |
Условный пример: во что обходятся задержки
Пример условный, не кейс студии. Компания по монтажу кондиционеров заказывает сайт на 20 страниц, плановый срок — 8 недель. Тексты заказчик пишет сам и сдаёт через 5 недель вместо 2. Дизайн согласуют три партнёра, ещё 2 недели сверх плана. Сайт запускается через 13 недель вместо 8 и попадает уже на конец сезона.
Если в сезон компания получает с сайта 60 заявок в месяц при среднем чеке 35 000 ₽ и конверсии в договор 30%, каждый месяц задержки — это около 18 договоров и 630 000 ₽ выручки, которые ушли конкурентам. Задержка в 5 недель на стороне заказчика стоила дороже самого сайта.
Как ускорить разработку сайта со своей стороны
- Назначьте одного ответственного за проект с правом принимать решения.
- Соберите доступы к домену, хостингу и аналитике до начала работ.
- Подготовьте фото и примеры работ на этапе брифа.
- Выделите в календаре время на согласования на каждый этап.
- Отдавайте правки одним списком.
- Если тексты пишете сами, начните их до прототипа.
Если готовитесь к проекту и хотите заранее понять объём работ, сроки и что нужно подготовить, оставьте заявку. Посмотрим задачу и предложим план запуска по этапам.
Частые вопросы
Какие основные этапы разработки сайта?
Бриф и анализ, структура, прототип, тексты, дизайн, вёрстка и программирование, наполнение и интеграции, тестирование и запуск. Некоторые студии объединяют этапы, но суть процесса одна: сначала логика, потом визуал, потом код.
Сколько длится разработка сайта?
Сайт услуг на 10–30 страниц — 6–12 недель, лендинг — 1–3 недели, каталог или интернет-магазин — от 2 месяцев. Реальный срок чаще всего зависит от скорости ответов заказчика, а не разработчика.
Можно ли пропустить прототип?
Можно, если сайт небольшой и собирается из готовых блоков. Для многостраничного сайта лучше не пропускать: споры о структуре переедут на дизайн, где каждая правка дороже.
Кто пишет тексты для сайта?
Либо копирайтер разработчика, либо заказчик. Даже если пишет копирайтер, факты, цены и ответы на возражения даёт заказчик. Тексты нужно готовить до дизайна или параллельно с ним.
Что делать после запуска сайта?
Проверить, что заявки доходят до менеджеров, подключить рекламу и следить за аналитикой первые недели. Через месяц посмотреть, на каких страницах уходят люди, и доработать их. С запуска работа с сайтом только начинается.
10+ лет делаю сайты и запускаю рекламу, вместе с командой запустили больше 500 проектов. Пишу о том, что проверили на практике.
Задать вопрос в Telegram →
