Этапы разработки сайта: подробный план проекта

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

Этап 1. Бриф и первый разговор

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

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

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

Этап 2. Разбор ниши и спроса

До дизайна я смотрю, как люди ищут такие услуги в Яндексе: какие запросы они вводят, какие страницы показываются в выдаче, что предлагают конкуренты и чего у них нет. Из этого видно, какие страницы нужны сайту. Типичная ситуация: компания думает, что ей хватит одной страницы «Услуги», а по запросам видно, что каждую услугу ищут отдельно — и под каждую нужна своя страница.

От вас: рассказать, какие услуги приносят основные деньги и какие вы хотите развивать.

На выходе: список страниц и разделов — карта сайта.

Этап 3. Структура и прототип

Прототип — это схема страницы без дизайна: какие блоки, в каком порядке, что написано в заголовках, где кнопка заявки. На этом этапе дешевле всего что-то менять: передвинуть блок в прототипе — минуты, в готовой вёрстке — часы. Прототип главной я делаю бесплатно до договора, чтобы вы увидели, как я думаю о вашем сайте, раньше, чем заплатили. Из чего собирается главная страница, я разбирал в статье про структуру продающей главной.

От вас: посмотреть прототип и сказать, что не так по смыслу: не та услуга на первом месте, не хватает важного аргумента, лишний блок.

На выходе: согласованная структура главной и понимание остальных страниц.

Этап 4. Договор и задание

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

От вас: реквизиты, решение по объёму и один человек, который будет согласовывать работы.

Этап 5. Тексты и материалы

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

От вас: материалы по списку, который я присылаю после согласования структуры. Фото лучше настоящие: снимки своих объектов и команды убеждают сильнее стоковых.

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

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

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

Этап 7. Вёрстка и программирование

Макет превращается в работающий сайт: вёрстка, админка, формы, каталог, интеграции. Здесь же настраивается движок. Я делаю сайты на WordPress со своей темой без конструкторов вроде Elementor и на своей системе 100300 CMS. WordPress хорош, если важно, чтобы с сайтом потом мог работать любой другой разработчик: специалистов по нему много. 100300 CMS удобна, когда нужен магазин с 1С, оплатой и доставкой из готовых модулей без абонентской платы. Какой вариант подходит вашей задаче, мы решаем до старта, а не на этом этапе.

От вас: доступы к домену и хостингу или решение, где будет размещён сайт; данные для интеграций — CRM, платёжный сервис, службы доставки.

Этап 8. Наполнение и база для поиска

На сайт загружаются тексты, фото, товары. Параллельно я делаю техническую базу: заголовки и описания страниц, понятные адреса, карту сайта, robots.txt, микроразметку, подключаю Яндекс Метрику и Вебмастер, настраиваю цели на формы и звонки. Это ещё не продвижение, а фундамент, без которого продвигать потом нечего.

Этап 9. Тестирование

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

Этап 10. Запуск и приёмка

Сайт переносится на рабочий домен, подключается HTTPS, открывается индексация. Вы проверяете результат по списку из договора и подписываете приёмку. Что смотреть при приёмке и что проверить в первый день после запуска, — в отдельной статье про приёмку сайта и запуск.

Сколько длится весь проект

Общий срок зависит от типа сайта. По моим тарифам:

• лендинг — от 10 дней;
• сайт услуг — от 3 недель;
• сайт-каталог — от 3 недель;
• корпоративный сайт — от 1 месяца;
• готовое решение под нишу — от 7 дней: структура и дизайн уже собраны, их нужно адаптировать, а не придумывать с нуля.

Это сроки работы при условии, что материалы и ответы приходят вовремя. Растягивают проект обычно не дизайн и не программирование, а три вещи: нет текстов и фото, правки собираются от нескольких человек по очереди, объём меняется по ходу — например, к сайту услуг решили добавить каталог. Последнее — уже другой проект, и срок пересчитывается.

Как ускорить проект со своей стороны

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

Если порядок работ понятен и хочется прикинуть свой проект, начните с брифа — по нему я подготовлю оценку и прототип главной.