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

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

Клиенты чаще всего нервничают на проектах не из-за сроков или бюджета, а из-за непонимания, что сейчас происходит. 3 недели «ничего не видно», потом сразу дизайн — а почему так долго и что вы делали? Поэтому первое, что я показываю на старте, — карту этапов: что за чем идёт, что будет результатом каждого шага и где от клиента понадобится участие.

Вот эта карта. Сроки указаны для типового корпоративного сайта; лендинг проходит те же этапы быстрее, магазин — дольше.

1. Аналитика и бриф — 1–2 недели

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

Результат этапа: утверждённая структура и техническое задание. Участие клиента — максимальное за весь проект: никто, кроме вас, не знает ваш бизнес.

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

2. Прототипирование — 1–2 недели

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

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

3. Дизайн — 2–4 недели

Сначала концепция: одна-две страницы, задающие стиль. После её утверждения — остальные страницы и адаптивные версии для планшета и телефона.

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

4. Вёрстка — 2–3 недели

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

5. Программирование — 2–6 недель

Сайт сажается на CMS: админка, каталог, формы, личные кабинеты, интеграции с 1С и CRM. Для магазинов это самый объёмный этап.

Результат: рабочий сайт на тестовом домене, где всё можно потрогать. Участие клиента: дать доступы к сервисам (1С, CRM, телефония) заранее — ожидание доступов входит в тройку причин простоя проектов.

6. Наполнение — 1–3 недели, параллельно

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

7. Тестирование и запуск — 1 неделя

Проверка сценариев на устройствах и браузерах, тестовые заказы и заявки, настройка аналитики, перенос на боевой домен, настройка редиректов со старого сайта, отправка в Вебмастер и Search Console.

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

Итого по срокам

Лендинг — 3–6 недель, корпоративный сайт — 2–4 месяца, магазин — 3–6 месяцев. Если предлагают корпоративный сайт «под ключ за две недели», значит, из процесса выброшены аналитика, прототип и тестирование. Что останется — узнаете после запуска.