Этапы создания сайта: от первого созвона до запуска

Фраза «сделайте нам сайт» описывает результат, а не работу. Между первым созвоном и открытием для посетителей есть понятная цепочка. Если один этап перескочить, его всё равно придётся пройти — обычно уже после того, как нарисован дизайн и все привыкли к картинке.

1. Задача и границы

Сначала одна-две фразы, зачем сайт: заявки с рекламы, каталог для опта, запись, документы клиентам. От этого зависит, нужен лендинг, сайт услуг или магазин. Здесь же фиксируют, чего в работе нет: чужой фирменный стиль «на потом», личный кабинет, обмен с 1С.

Это ещё не толстое техническое задание. Это рамка, чтобы смета и ожидания совпали. Что писать в самом ТЗ — в статье про техническое задание.

2. Структура

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

Структуру полезно смотреть на конкурентов только как на подсказку, не как на задание «сделайте так же». Чужой набор страниц может не совпадать с тем, как покупают у вас.

3. Прототип

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

4. Дизайн

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

5. Сборка

Вёрстка под телефон, панель управления, формы, фильтры, оплата — то, что перечислено в задаче. Сто карточек товаров здесь не означают сто отдельных страниц: это один шаблон и наполнение. Интеграции (почта, 1С, CRM, оплата) подключают на этом этапе, и для них нужны доступы от вас, а не только «потом дадим».

6. Наполнение и проверка

Тексты, цены, фотографии, реквизиты. Сайт без них не запускается, даже если кнопки уже нажимаются. Дальше проверка: форма доходит до ящика, политика и согласия на месте, с телефона ничего не уезжает за край, адрес страницы один, заголовок написан по-русски. Минимум для поиска мы собирали отдельно: SEO при запуске.

7. Запуск

Домен указывает на сайт, сертификат открывается без предупреждения, старый адрес, если он был, ведёт на новый. Первые дни имеет смысл самим отправить заявку и посмотреть, дошла ли она. С этого момента сайт начинает стареть: сертификат, домен, формы, правки. Это уже обслуживание, а не «последний штрих разработки».

Срок срывается чаще всего не на дизайне. Его съедают материалы, которых нет к оговорённой дате, и функции, которые вспомнили после сборки. Цепочка выше как раз для того, чтобы вспомнить их раньше.