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