Этапы разработки сайта по календарю, а не по схеме из кружочков: что делает студия, что нужно от вас и на каком шаге правка стоит час, а на каком - две недели.
Схему «аналитика - прототип - дизайн - верстка - запуск» рисуют все, и толку от нее мало: она не отвечает на вопрос, почему обещали шесть недель, а прошло три месяца. Разбираем то же самое по календарю и с ценой ошибки на каждом шаге. Заранее скажем главное: сроки чаще всего сдвигает не студия, а согласование и контент на стороне заказчика.
Пять этапов и сколько занимает каждый
Доли в таблице - от общего срока проекта. Для одностраничного сайта это 2-3 недели, для многостраничного 5-8, для интернет-магазина 6-10 - сроки с нашей страницы услуг.
| Этап | Что происходит | Что нужно от вас | Доля срока |
|---|---|---|---|
| Аналитика и структура | Разбор задачи, конкурентов, аудитории. Собирается карта страниц | Ответы на бриф, доступ к аналитике, контакты продажников | 15-20% |
| Прототип | Серые экраны: порядок блоков и логика без оформления | Согласование структуры. Это главный этап для вас | 15-20% |
| Дизайн | Концепции, затем все экраны и состояния | Круги правок в оговоренные сроки | 30-40% |
| Верстка и сборка | Экраны становятся работающим сайтом, адаптив, скорость | Тексты и фотографии в финальном виде | 20-25% |
| Запуск | Домен, счетчики, цели, проверка форм | Доступы к домену, почте и аналитике | 5-10% |
Три места, где проект встает
Почти все сорванные сроки объясняются тремя вещами, и ни одна из них не про скорость дизайнера.
- Согласование без сроков. Макет ушел в четверг, ответ пришел через две недели, потому что «надо показать директору». Две недели ожидания - это две недели проекта.
- Контент, которого нет. Верстка готова, а текстов и фотографий нет. Сайт стоит на «рыбе» и не запускается.
- Правки после согласованного этапа. Структуру утвердили, дизайн нарисовали, и тут выясняется, что нужен еще один раздел. Это возврат на два этапа назад.
Обратный пример - когда срок задан снаружи и его нельзя двигать. На проекте Таксимании единственным жестким ограничением были даты: старт в конце августа, а к новогоднему сезону сайт должен был не просто открыться, а успеть прогреть рекламные кампании. Такой срок дисциплинирует обе стороны лучше любого договора: он превращает согласование из вкусовщины в вопрос «успеваем или нет».
Если у вас есть сезон, выставка или запуск рекламы, назовите эту дату на первой встрече. От нее считается весь график назад, и сразу видно, какой объем реально помещается в срок, а какой придется резать или переносить на второй этап.
Аналитика: этап, который просят пропустить
Просьба «давайте сразу к макетам» звучит на каждом втором проекте. Логика понятная: аналитика не выглядит как результат, за нее платят, а показать нечего. Проблема в том, что без нее структуру собирают по аналогии с чужими сайтами, а потом переделывают, когда выясняется, что у вас другая воронка.
На проекте FAB.AGENCY аналитика показала, что основной пул клиентов агентства сосредоточен в недвижимости и строительстве. Из этого выросло позиционирование не «агентство полного цикла», а с акцентом на нишу, и уже из позиционирования - структура сайта. Весь проект вместе с аналитикой занял 4 недели. Пропусти этот этап - получился бы еще один сайт агентства полного цикла, которых на рынке сотни.
Прототип: здесь правки стоят час, дальше - неделю
Прототип - это спор о структуре, вынесенный из спора о вкусе. Пока на экране серые прямоугольники, обсуждают порядок блоков и логику переходов. Передвинуть блок на этом этапе - минуты. Тот же блок после отрисованных экранов тянет за собой переделку соседних, а после верстки - еще и правку кода.
Отсюда практический вывод: на прототипе не экономьте время. Соберите на созвон всех, кто потом будет высказываться, включая директора, и утвердите структуру один раз. Это тот случай, когда лишний час совещания экономит неделю работы.
Кто участвует со стороны студии
Заказчик обычно видит одного человека - менеджера - и считает, что сайт делает дизайнер. На деле над проектом работают несколько ролей, и понимание кто за что отвечает экономит нервы при правках.
- Проектный менеджер. Держит срок и очередь, собирает ваши правки в один список. С ним вы общаетесь чаще всего.
- Арт-директор. Отвечает за то, чтобы решение работало на задачу, а не просто нравилось. Он же спорит с дизайнером, а не вы.
- Дизайнер. Собирает структуру и экраны. Их может быть несколько на разных частях проекта.
- Верстальщик и разработчик. Превращают макеты в работающий сайт и отвечают за скорость и адаптив.
Практический смысл этого списка: правки надо отдавать менеджеру одним списком, а не писать дизайнеру напрямую в личку. Иначе часть замечаний теряется, часть противоречит друг другу, и круг правок растягивается вдвое.
Дизайн: сколько концепций и что такое круг правок
Обычно показывают две-три концепции, а не десять. Десять концепций означают, что задача не понята и студия перебирает варианты наугад. После выбора направления идут круги правок: круг - это один собранный список замечаний, а не одно замечание.
- Собирайте замечания в один список от всех участников, а не присылайте по одному в мессенджер.
- Отделяйте «не нравится» от «не работает»: второе исправят сразу, первое надо объяснить.
- Уточните заранее, сколько кругов входит в смету и что считается новой задачей.
- Не меняйте структуру на этапе дизайна - это возврат к прототипу и пересчет срока.
Верстка, запуск и что проверить до
На верстке сайт впервые становится работающим, и здесь всплывает то, чего не видно в макетах: поведение на телефоне, скорость загрузки, длинные названия товаров, пустые состояния. Заложите на проверку несколько дней и пройдите сами весь путь до заявки.
- Формы отправляются и письма доходят, а не падают в спам.
- Счетчик стоит, цели на отправку формы заведены - иначе воронку потом не увидеть.
- Адаптив проверен на своем телефоне, а не только в макете.
- Старые адреса ведут на новые страницы, если сайт заменяет прежний.
- Домен, почта и аналитика оформлены на вас, а не на подрядчика.
Что нужно от вас и когда
Сроки держатся, когда обе стороны знают, что от них требуется и в какую неделю. Минимальный список со стороны заказчика выглядит так.
- До старта: заполненный бриф, доступ к аналитике, контакт человека, который принимает решения.
- Первая неделя: ответы на вопросы по бизнесу и продажам. Обычно один-два созвона.
- Этап прототипа: согласование структуры со всеми участниками разом.
- Этап дизайна: собранные списки правок в оговоренный срок.
- До верстки: финальные тексты и фотографии.
- До запуска: доступы к домену, почте и счетчикам.
Что происходит после запуска
Запуск - это не конец проекта, а начало периода, когда становится видно, работает сайт или нет. Первые недели нужны на две вещи: собрать данные и починить то, что вылезло на реальных людях.
- Первая неделя. Проверяете, что заявки доходят, цели считаются, а формы работают со всех устройств. Мелкие правки на этом этапе обычно входят в проект.
- Первый месяц. Накапливается статистика. Смотрите карту скроллинга и записи сеансов: где люди останавливаются, куда не доходят.
- Дальше. Сайту нужны правки, новые страницы и обновление контента. Это уже поддержка - у нас от 25 000 ₽ в месяц.
Заложите этот период в план заранее. Самая частая ошибка - считать проект законченным в день запуска, распустить участников и вернуться к сайту через полгода, когда накопилась сотня мелких вопросов.
Если по каждому пункту заранее назначен ответственный и срок, проект укладывается в план. Сроки и состав работ по типам сайтов лежат на странице услуги, а прикинуть бюджет можно в калькуляторе. Про то, из чего складывается цена и когда сайт окупается, разбирали отдельно.