Этапы разработки сайта: как идёт работа и сколько она занимает

Разработка сайта проходит четыре этапа: разбор задачи, структура и тексты, дизайн, разработка и запуск. У нас на всё уходит от 14 до 23 рабочих дней: разбор — 1 день, структура и тексты — 3–5 дней, дизайн — 5–10, разработка и запуск — 5–7. Ниже — что происходит на каждом этапе, что в это время нужно от вас и почему сроки растягиваются.

Сколько делается сайт: этапы и сроки

Этап	Срок	Что делаем мы	Что нужно от вас
Разбор задачи	1 день	Созвон, вопросы о бизнесе, аудитории и конкурентах; смета и сроки	Рассказать о задаче, показать примеры, назвать бюджет
Структура и тексты	3–5 дней	Прототип страниц и тексты для каждого блока	Факты об услугах, ценах и условиях; согласовать прототип
Дизайн	5–10 дней	Макеты под компьютер и телефон, анимация	Логотип, фотографии, правки одним списком
Разработка и запуск	5–7 дней	Вёрстка, формы, аналитика, домен, проверка	Доступ к домену, данные для политики конфиденциальности, проверка сайта

В сумме — 14–23 рабочих дня. Это время нашей работы: пока проект ждёт материалов или ответа, этап не движется, поэтому календарный срок зависит ещё и от скорости согласований. Если в задаче каталог, интеграции или много разных шаблонов страниц, срок может быть больше — его фиксируем на разборе вместе со сметой.

С чего начинается разработка: разбор задачи

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

По итогам фиксируем смету и сроки. До начала работы вы знаете, что получите, когда и за сколько.

От вас: рассказать о бизнесе как есть, включая слабые места, и прийти с примерами. Если ответы на основные вопросы записаны заранее, разговор получается точнее. Список вопросов мы собрали в разборе брифа на разработку сайта.

Структура и тексты: зачем они нужны до дизайна

Следующие 3–5 дней — прототип и тексты. Прототип — это схема страниц: какие блоки, в каком порядке, что в каждом написано и куда ведут кнопки. Цветов и картинок в нём нет, только смысл и последовательность.

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

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

От вас: факты, которых не знает никто, кроме вас: услуги и цены, условия оплаты и доставки, гарантии, вопросы, которые клиенты задают чаще всего. И внимательное чтение прототипа: всё ли о бизнесе сказано верно. Как собрать тексты и снимки без спешки, — в статье о подготовке контента.

Дизайн: что происходит за 5–10 дней

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

Удобно сначала согласовать направление — первый экран и пару ключевых блоков, — а потом дорисовывать остальное. Так меньше риск переделывать всё целиком.

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

Разработка и запуск: что происходит перед публикацией

Последние 5–7 дней макеты превращаются в работающий сайт: вёрстка под все экраны, анимация, формы, система управления — если вы будете сами править тексты и цены. Перед публикацией:

• подключаем домен и защищённое соединение HTTPS;
• настраиваем формы, чтобы заявки приходили в почту или мессенджер, а у каждой формы были согласие посетителя и политика обработки персональных данных, как требует 152-ФЗ;
• подключаем Яндекс Метрику с целями на заявки, Яндекс Вебмастер и Google Search Console;
• заполняем заголовки и описания страниц, готовим карту сайта и robots.txt;
• проверяем сайт на телефонах и в разных браузерах, замеряем скорость в PageSpeed Insights.

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

Что передаётся заказчику после запуска

После запуска у вас должно быть всё, чтобы распоряжаться сайтом без подрядчика:

• доступы — к регистратору домена, хостингу, системе управления, Яндекс Метрике, Вебмастеру и Search Console;
• исходники — файлы дизайна и код сайта.

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

Запуск не означает, что работа над сайтом закончена. В первые недели полезно смотреть в Метрике, откуда приходят люди и где они уходят, — и решать, что улучшить. Если нужна помощь с правками и обновлениями, о поддержке договариваются отдельно.

Почему сроки срываются и как этого избежать

Растягивают сроки обычно не сами этапы, а паузы между ними:

• Нет контента. Тексты «допишем потом», фото «снимем позже» — а дизайн и вёрстка ждут.
• Долгие согласования. Макет ходит по отделам, и каждый добавляет своё.
• Решения меняются задним числом. Новый раздел после утверждённого дизайна возвращает проект на шаг назад.
• Новые функции посреди проекта. Каталог, личный кабинет или интеграция, о которых не говорили на разборе, — это новый объём, новая смета и новый срок.
• Потерянные доступы. Домен оформлен на прежнего подрядчика, пароль от хостинга никто не помнит.
• Внешние зависимости. Договор с банком для онлайн-оплаты, ключи от CRM, ответ поддержки стороннего сервиса — всё это стоит запросить заранее.

Чтобы уложиться в срок, готовьте контент параллельно с первыми этапами, назначьте одного человека, который принимает решения, и заранее договоритесь, за сколько дней вы отвечаете на каждом этапе.

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