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

Бумажные прототипы страниц сайта на стене со стикерами и маркером — этапы создания сайта

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

Ниже — весь путь по порядку, честно про то, где проекты застревают.

Этап 1. Бриф и цели

Разговор о том, зачем вам сайт. Не «нужен сайт», а «нужно получать заявки от компаний, которые ищут подрядчика по ремонту офисов».

Что выясняется: кто ваши клиенты, что они должны сделать на сайте, чем вы отличаетесь от конкурентов, какие сайты вам нравятся и почему.

Что нужно от вас: час времени и честные ответы. Этот час экономит недели позже.

Этап 2. Структура

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

Правило простое: одна услуга — одна страница. Общая страница «Услуги» со всем сразу не выйдет в поиск ни по одному конкретному запросу.

Что нужно от вас: утвердить список страниц. Добавление разделов после этапа дизайна — самая частая причина сдвига сроков.

Этап 3. Прототип

Схематичная раскладка блоков без цвета и картинок: что где стоит, в каком порядке идут смысловые блоки, где кнопки.

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

Этап 4. Дизайн

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

Что нужно от вас: собрать все правки в один список. Десять комментариев в одном сообщении — это одна итерация; десять сообщений по одному — это десять итераций.

Этап 5. Вёрстка и сборка

Макет становится работающим сайтом. Проверяется поведение на телефоне, планшете и десктопе, настраиваются формы, подключается почта.

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

Этап 6. Наполнение

Самый недооценённый этап и самая частая причина задержек. Тексты, фотографии, описания услуг, цены, реквизиты.

Проекты редко стоят из-за разработки. Они стоят из-за того, что тексты «будут на следующей неделе» три недели подряд. Если писать некому, договоритесь об этом на этапе брифа, а не на этапе вёрстки.

Что нужно от вас: материалы или решение поручить их подготовку.

Этап 7. Тесты и запуск

Перед публикацией проверяется: работают ли формы и куда приходят письма, открывается ли сайт на разных устройствах, нет ли битых ссылок, установлена ли аналитика, есть ли SSL.

После запуска сайт отправляется в Google Search Console и добавляется карта сайта — иначе индексация может занять недели вместо дней.

Этапы создания сайта: сколько времени занимает каждый

Корпоративный сайт до 15 страниц с готовыми материалами — вопрос недель, а не месяцев. Дальше срок зависит от двух вещей: сколько уникальных макетов нужно и как быстро приходит контент.

Единственный этап, который заказчик контролирует полностью, — шестой. Он же чаще всего и определяет итоговый срок.

Кто за что отвечает

Половина конфликтов в проектах возникает не из-за качества работы, а из-за того, что зоны ответственности не проговорили в начале. Разделение обычно выглядит так.

На стороне подрядчика: структура и прототип, дизайн, вёрстка, техническая настройка, установка аналитики, тестирование, запуск и объяснение, как всем этим пользоваться.

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

Отдельно стоит договориться о двух вещах: кто принимает решения (если правки приходят от четырёх человек с противоположными мнениями, проект встанет) и в каком формате собираются комментарии. Один документ со всеми правками экономит недели.

Три вещи, которые чаще всего срывают сроки

  • Изменение структуры после дизайна. Добавить раздел на этапе карты сайта — минуты. Добавить его после утверждения макетов — переделка нескольких страниц.
  • Правки по одной. Каждое отдельное сообщение запускает новый круг согласования. Соберите всё в список.
  • Ожидание контента. Самая частая причина из всех. Решите вопрос с текстами до начала работ, а не в середине.

Что происходит после запуска

Запуск — это не финиш. Сайт без трафика не приносит заявок, а трафик берётся из трёх источников: поиска, рекламы и ваших собственных каналов.

  • Заполните Google Business Profile — для локального бизнеса это часто первый источник обращений.
  • Проверьте через месяц в аналитике, какие страницы смотрят и откуда приходят люди.
  • Если нужны клиенты быстро — запускайте контекстную рекламу. Если вдолгую — продвижение в поиске.

И заложите бюджет на хостинг и обслуживание: они оплачиваются отдельно от разработки.

Частые вопросы

Можно ли пропустить прототип?

Технически да, но почти всегда это оборачивается лишними правками на этапе дизайна. Прототип — самый дешёвый момент передумать.

Что если материалов пока нет?

Работа может начаться с временными текстами, но публиковать сайт с заглушками нельзя ни при каких обстоятельствах. Лучше запустить меньше страниц, но настоящих.

Смогу ли я потом сам менять тексты?

Да. Мы работаем на WordPress с Elementor, поэтому тексты и изображения меняются без разработчика.

Сколько правок входит в работу?

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

Что делать дальше

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

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