Сайт под ключ: 7 этапов и где всё обычно ломается
Сайт заказывают в среднем раз в пять лет, поэтому почти каждый клиент проходит этот путь как первый. Отсюда и типовые истории: «дизайн согласовывали два месяца», «запустили, а заявки не приходят», «подрядчик пропал, а доступов у нас нет». Разбираем маршрут целиком — со сроками, зонами ответственности и местами, где стоит подстелить соломки.
Хороший сайт похож на хорошего продавца: он задаёт правильные вопросы, отвечает на возражения до того, как их произнесли, и не мешает человеку купить. Плохой — как продавец, который двадцать минут рассказывает историю компании и лишь потом спрашивает, что вам нужно. Разница закладывается не в дизайне, а на первых двух этапах, которые обычно проскакивают галопом.
Карта маршрута: сроки и кто что делает
| Этап | Срок | На ком |
|---|---|---|
| Бриф и погружение | 3–5 дней | Заказчик отвечает, подрядчик спрашивает |
| Структура и прототип | 1–2 недели | Подрядчик рисует, заказчик утверждает |
| Дизайн | 2–3 недели | Подрядчик, 2–3 итерации правок |
| Тексты и фотографии | Параллельно, 2–4 недели | Чаще всего заказчик — и здесь всё встаёт |
| Вёрстка и программирование | 2–4 недели | Подрядчик |
| Настройка и приёмка | 3–7 дней | Обе стороны по чек-листу |
| Доработки после запуска | Постоянно | По данным аналитики |
Этап 1. Бриф и погружение
Это разговор о бизнесе, а не о сайте: кто покупает, почему выбирают вас, что спрашивают перед покупкой, какие возражения звучат чаще всего, кто конкуренты и чем они берут. Час честного разговора здесь экономит месяц переделок потом.
Плохой признак — если подрядчик сразу переходит к обсуждению цветов и «современного дизайна», не спросив, кто ваш клиент. Как собрать входные данные самому — в материале про бриф.
Этап 2. Структура и прототип
Прототип — это чертёж без красоты: какие блоки, в каком порядке, что на каждом экране. Именно здесь решается, будет сайт продавать или нет, и именно здесь дешевле всего вносить правки — двигать прямоугольники быстрее, чем перерисовывать макеты.
На прототипе видно главное: отвечает ли первый экран на вопрос «туда ли я попал», есть ли цены или хотя бы вилка, где стоят формы, чем закрываются страхи клиента. Логика первого экрана разобрана в материале о структуре продающего лендинга.
Двадцать правок на прототипе стоят ноль. Те же двадцать правок после вёрстки стоят три недели и половину бюджета.
Этап 3. Дизайн
Дизайн решает две задачи: доверие и читаемость. Не «вау-эффект», а ощущение, что компания настоящая и с ней безопасно иметь дело. Отсюда практическое требование: живые фотографии вместо стоковых улыбок, понятная типографика, воздух, заметные кнопки.
Согласование удобно ограничить двумя-тремя итерациями и правилом: правки собираются одним списком от одного человека. Бесконечный цикл «а покажите ещё вариант» — самая частая причина срыва сроков, и он почти всегда возникает там, где решение принимают несколько человек с равным весом голоса.
Этап 4. Тексты и наполнение
Слабое место почти всех проектов. Текст пишется не «о компании», а о задаче клиента: что он получит, за какой срок, сколько это стоит, что будет, если что-то пойдёт не так. Фотографии — свои: реальный объект, реальная команда, реальный процесс.
Практический совет: договоритесь о содержимом до дизайна, хотя бы в черновике. Макет, нарисованный под выдуманный текст, приходится переделывать, когда приходит настоящий — а он всегда другой длины.
Этап 5. Вёрстка и программирование
Здесь макет превращается в работающий сайт. Проверяется не только «похоже на картинку», но и поведение: как выглядит на телефоне, что происходит при ошибке в форме, куда уходит заявка, как быстро грузится страница на мобильном интернете.
Этап 6. Настройка и приёмка
- Формы отправляются, письма доходят, дубли не создаются
- Аналитика и цели настроены до запуска, а не через месяц
- Базовое SEO: заголовки, метатеги, карта сайта, robots.txt, редиректы со старых адресов
- Скорость проверена на мобильном, а не только на офисном Wi-Fi
- Сайт открывается по одному адресу: http и www ведут на основной через 301
- Проверена страница 404 и что несуществующий адрес не отдаёт код 200
- Все доступы переданы актом, домен оформлен на вас
Приёмка — единственный момент, когда у вас есть рычаг. После оплаты исправление «мелочей» превращается в дополнительное соглашение. Проходить чек-лист стоит самому, а не верить на слово.
Этап 7. Жизнь после запуска
Сайт — не памятник, а инструмент. Через месяц работы аналитика показывает, где люди уходят, какие блоки не читают, какие формы бросают. Первые доработки по этим данным обычно дают больший прирост заявок, чем весь редизайн.
Минимальная программа на первый месяц: посмотреть записи визитов на главной, проверить, доходят ли заявки, и сравнить поведение на мобильных и десктопе. Обычно этого хватает, чтобы найти две-три правки на час, которые заметно поднимают конверсию.
Где обычно ломается
- Нет технического задания — каждый понял задачу по-своему
- Заказчик не выделил человека, который принимает решения
- Тексты и фотографии «дошлём позже» — проект встаёт на недели
- Правки приходят от пяти сотрудников с противоположными мнениями
- При редизайне не сохранили адреса страниц и потеряли позиции
- Домен зарегистрирован на подрядчика
Про редизайн стоит сказать отдельно: смена дизайна без сохранения структуры адресов и настройки редиректов — самый дорогой способ потерять поисковый трафик, накопленный за годы. Проверять это нужно до запуска, а не после падения.
С чего начать
Напишите на одной странице, что должен делать сайт: какие услуги продаёт, какое действие должен совершить посетитель, с какими системами связан. С этим документом любые оценки подрядчиков станут сопоставимыми — сейчас они различаются в разы просто потому, что каждый угадывает объём по-своему. Как превратить эту страницу в полноценное задание — в материале про ТЗ на сайт.
Частые вопросы
Сколько времени занимает разработка?
Простой сайт услуг — 3–6 недель, корпоративный — 2–3 месяца, магазин с интеграциями — от трёх. Главный источник задержек не разработка, а согласования и ожидание текстов с фотографиями от заказчика.
Кто пишет тексты — я или агентство?
Возможны оба варианта, но это нужно зафиксировать до старта. Тексты от заказчика экономят бюджет, но чаще всего именно они тормозят проект. Тексты от агентства требуют вашего погружения на этапе интервью — иначе получится обезличенная вода.
Что я получаю на выходе?
Работающий сайт, все доступы (домен, хостинг, панель, аналитика), исходные файлы дизайна и инструкцию по наполнению. Если чего-то из этого нет в договоре — вы получите сайт, который нельзя развивать без прежнего подрядчика.
Что проверить при приёмке сайта?
Отправку форм и доставку писем, работу на телефоне, скорость на мобильном интернете, настроенную аналитику с целями, единственный адрес сайта (http и www ведут на основной), корректную страницу 404 и переданные актом доступы. При редизайне — редиректы со старых адресов.
Можно ли сэкономить, делая часть работ самому?
Да, чаще всего на текстах и фотографиях — но именно эти работы срывают сроки. Если берёте их на себя, договоритесь о конкретной дате передачи материалов и о том, что происходит при задержке. Иначе экономия обернётся месяцем простоя.
Почему после редизайна упал трафик?
Почти всегда потому, что изменились адреса страниц, а редиректы со старых на новые не настроили. Поиск видит массовое исчезновение страниц и заново индексирует сайт с нуля. Восстановление занимает месяцы, поэтому карту редиректов готовят до запуска.
