Как заказать сайт: пошаговая инструкция для бизнеса

Шаг 1. Определите цель — одним предложением

«Нужен сайт, потому что у конкурентов есть» — не цель. Цель формулируется через действие посетителя и измеримый результат: «получать 30 заявок в месяц с рекламы», «продавать каталог онлайн с оплатой», «выйти в топ Google по запросу „доставка воды Ташкент“».

От ответа зависит всё остальное: тип сайта, структура страниц, тексты и то, где будет стоять кнопка. Сайт, сделанный без этого вопроса, красиво выглядит и не приносит заявок.

Шаг 2. Соберите материалы заранее

Половина срывов графика — это ожидание материалов от клиента. Что стоит подготовить до того, как подписан договор:

• ◆Логотип в векторе (SVG или AI) и фирменные цвета, если они есть
• ◆Список услуг или товаров с ценами
• ◆Фотографии: объекты, команда, производство, товары
• ◆Реквизиты, лицензии, сертификаты
• ◆Контакты: телефоны, адреса, часы работы, соцсети
• ◆Доступы к домену, если он уже зарегистрирован
• ◆3–5 сайтов, которые вам нравятся, и объяснение чем именно

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

Шаг 3. Техническое задание и структура

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

Что должно быть в ТЗ

1. 01Карта страниц: список всех страниц с назначением каждой
2. 02Функциональность: формы, фильтры, калькуляторы, личный кабинет
3. 03Интеграции: CRM, 1С, платёжные системы, службы доставки
4. 04Языковые версии и что именно переводится
5. 05Кто предоставляет контент — вы или подрядчик
6. 06Технические требования: адаптив, скорость, поддерживаемые браузеры
7. 07Что НЕ входит в проект — этот раздел спасает от споров

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

Шаг 4. Смета и договор

Смета должна быть разбита по работам, а не одной строкой «разработка сайта — $1 500». Разбивка позволяет понять, за что вы платите, и убрать то, что пока не нужно.

Шесть пунктов, которые проверяют перед подписанием

• ◆Состав работ списком, с количеством страниц и интеграций
• ◆Срок каждого этапа с датами, а не общий срок проекта
• ◆Ответственность за просрочку с обеих сторон
• ◆Количество кругов правок на дизайне и вёрстке
• ◆Передача исходного кода и всех доступов после финальной оплаты
• ◆Гарантийный срок и что именно он покрывает

Шаг 5. Прототип и дизайн

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

Как принимать макет

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

Дизайн согласовывает тот, кто отвечает за результат, а не тот, у кого лучше вкус. Разные мнения пяти сотрудников превращают проект в компромисс, который не нравится никому.

Шаг 6. Разработка, тестирование, запуск

На этом этапе от вас требуется только контент и ответы на уточняющие вопросы. Всё остальное делает команда: вёрстка от 320 px, программирование, наполнение, подключение форм и аналитики.

Чек-лист приёмки

1. 01Отправьте тестовую заявку через каждую форму на сайте и убедитесь, что она пришла
2. 02Откройте сайт на своём телефоне и на телефоне сотрудника с другой моделью
3. 03Проверьте скорость в PageSpeed Insights — должно быть 90+ на мобильном
4. 04Проверьте, что телефон и адрес кликабельны и ведут куда нужно
5. 05Проверьте орфографию и актуальность цен
6. 06Убедитесь, что сайт открывается по https и без www-дубля
7. 07Запросите доступы: хостинг, домен, админ-панель, репозиторий, аналитика
8. 08Проверьте, что Google Search Console подключён и карта сайта отправлена

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

Шаг 7. Что делать после запуска

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

• ◆Первая неделя: запустите трафик — рекламу или рассылку по базе. Сайт без посетителей ничего не покажет.
• ◆Первый месяц: смотрите Яндекс.Метрику и вебвизор. Видно, на каком экране люди уходят.
• ◆Второй месяц: правьте по данным, а не по вкусу. Один экран за раз, иначе непонятно, что сработало.
• ◆Третий месяц: проверьте Search Console — сколько страниц в индексе, по каким запросам показы.
• ◆Дальше: контент. Каждая новая страница услуги или статья добавляет запросы, по которым вас находят.