Как заказать сайт: 9 шагов от идеи до запуска

Короткий ответ. Заказ сайта состоит из девяти шагов: сформулировать задачу → собрать вводные → выбрать подрядчика → подписать договор и ТЗ → согласовать прототип → принять дизайн → дождаться разработки → принять работу по чек-листу → прожить первые тридцать дней после запуска.

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

Шаг 1. Сформулировать, что должен делать сайт

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

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

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

Шаг 2. Собрать вводные до первого разговора

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

Что подготовитьЗачем это нужно
Список услуг или товаров с ценамиОпределяет количество типов страниц — главный множитель в смете
Логотип в векторе (SVG, AI, EPS)Растровый логотип с визитки на экране телефона выглядит мылом
ФотографииСвои фото поднимают конверсию сильнее любого дизайна. Нет своих — решите заранее: съёмка или сток
Реквизиты и юридические данныеНужны для футера, договора-оферты и подключения оплаты
Доступы к домену, хостингу, соцсетямЕсли домен уже есть — выясните заранее, на кого он оформлен
2–3 примера сайтов, которые нравятсяБыстрее описывает вкус, чем полчаса разговора про «современный и лаконичный»
1–2 примера, которые не нравятсяЭкономит один раунд правок дизайна

Шаг 3. Выбрать подрядчика

В Ереване выбор обычно между студией, фрилансером и знакомым, который «умеет делать сайты». Качество кода у всех троих бывает сопоставимым. Разница вылезает, когда что-то идёт не так: студия остаётся на связи, потому что у неё договор и репутация, фрилансер может уехать, а знакомый — обидеться.

Возьмите два-три предложения и разберите каждое по шести пунктам. Итоговая сумма здесь — наименее полезная цифра:

  1. Смета разбита по этапам — видно, за что вы платите.
  2. Указано количество раундов правок — иначе спор гарантирован.
  3. Есть сроки по этапам, а не один общий «месяц».
  4. Написано, кому принадлежит код и доступы после оплаты.
  5. Понятно, кто пишет тексты и входит ли это в цену.
  6. Есть условия поддержки после запуска и её стоимость.

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

Шаг 4. Зафиксировать ТЗ и подписать договор

Техническое задание нужно, чтобы заранее договориться, что считается словом «готово». Без него приёмка превращается в переговоры, где у обеих сторон своя правда.

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

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

Как расписать структуру и требования так, чтобы потом не спорить о доплате, подробно разбираем в статье про техническое задание на сайт.

Схема оплаты

Рабочий вариант — 50% предоплата, 50% после приёмки. Для проектов дороже миллиона драмов удобнее три части: после согласования прототипа, после утверждения дизайна и после запуска. Полная предоплата снимает с подрядчика стимул закончить в срок; полная постоплата — способ для подрядчика остаться без денег за два месяца работы. Ни то, ни другое не является признаком мошенничества, но и то, и другое — плохая идея.

Шаг 5. Согласовать прототип

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

Переставить блок в прототипе — минуты. Переставить его после отрисовки дизайна — часы. После вёрстки — дни. Все структурные споры («а давайте отзывы выше цен») должны закончиться здесь.

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

Шаг 6. Принять дизайн

Три правила, которые экономят неделю:

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

Шаг 7. Разработка и наполнение

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

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

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

Шаг 8. Приёмка: чек-лист из 14 пунктов

Пройдите этот список до того, как подпишете акт и переведёте остаток. На всё уходит около часа.

  1. Сайт открывается на вашем телефоне, и ничего не наезжает друг на друга.
  2. Открывается в двух разных браузерах — например, Chrome и Safari.
  3. Тестовая заявка с телефона доходит туда, куда должна.
  4. Тестовая заявка с компьютера тоже доходит.
  5. После отправки формы человек видит понятное подтверждение, а не пустой экран.
  6. Все ссылки в меню и футере ведут куда надо, битых нет.
  7. Телефон на мобильном кликается и запускает звонок.
  8. Карта показывает правильный адрес.
  9. У каждой страницы свой заголовок в браузерной вкладке — не «Главная» на всех.
  10. Скорость проверена через PageSpeed Insights, и с мобильным результатом вы согласны.
  11. Сайт открывается по HTTPS, замок в адресной строке есть.
  12. Подключена аналитика, и вы видите в ней свой визит.
  13. Сайт добавлен в Google Search Console, карта сайта отправлена.
  14. У вас на руках доступы: домен, хостинг, админ-панель, аналитика, почта сайта.

Четырнадцатый пункт — самый важный и самый забываемый. Доступы должны быть у вас до окончательного расчёта, а не «пришлём потом».

Шаг 9. Первые тридцать дней после запуска

После запуска появляются первые настоящие данные, и работа переходит в другую фазу.

  • Первая неделя. Проверьте, что сайт проиндексировался: наберите в Google site:вашдомен.am и посмотрите, сколько страниц найдено. Убедитесь, что заявки доходят и не улетают в спам.
  • Вторая-третья неделя. Посмотрите в аналитике, с каких страниц люди уходят и сколько времени проводят. Если 80% посетителей уходят с первого экрана, чинить нужно сам первый экран. Трафик здесь ни при чём.
  • Четвёртая неделя. Соберите список мелких правок, накопившихся за месяц, и отдайте одним пакетом. Это и есть та поддержка, ради которой она нужна.

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

Пять ошибок заказчика, которые дороже всего обходятся

  1. Согласовывать дизайн всей семьёй. Назначьте одного человека, чьё слово окончательное. Иначе правки будут отменять друг друга.
  2. Менять задачу в середине. «А давайте ещё интернет-магазин» на этапе вёрстки тянет на новый проект и считается отдельно.
  3. Оформлять домен на подрядчика. Домен — ваш актив. Регистрируйте на себя. Как это сделать в зоне .am, разбираем отдельно.
  4. Не давать доступ к аналитике самому себе. Через год вы не вспомните пароль, а подрядчик может быть уже другой.
  5. Считать, что после запуска ничего делать не надо. Сайт без обновлений теряет позиции — поисковики и нейросети предпочитают свежее.

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

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

Лендинг — 1–2 недели, сайт-визитка — 2–3 недели, корпоративный сайт — 3–6 недель. Сроки чаще всего срывает ожидание текстов и фотографий от заказчика.

Стандартная схема — 50% предоплата и 50% после приёмки, либо тремя частями по этапам: после согласования прототипа, после дизайна и после запуска. Полная предоплата небезопасна для заказчика, полная постоплата — для подрядчика.

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

Количество раундов правок должно быть указано в договоре — обычно два-три на макет. Правки в рамках согласованного ТЗ входят в цену, изменение самого ТЗ оценивается отдельно.

По чек-листу: открыть на своём телефоне, отправить тестовую заявку с телефона и с компьютера, проверить скорость через PageSpeed Insights, посмотреть уникальность title и description на каждой странице, убедиться, что подключены аналитика и Search Console, и получить все доступы на руки.

Добавить сайт в Google Search Console и Яндекс.Вебмастер, отправить карту сайта, проверить индексацию, следить за тем, доходят ли заявки, и посмотреть в аналитике, на каких страницах люди уходят.

Пройдём эти девять шагов вместе

Первый созвон бесплатный. Разбираем задачу, называем вилку и срок, дальше решаете вы.

Обсудить проект Написать в Telegram