Переставить блок в прототипе - это 20 минут и 0 ₽. Переставить тот же блок после вёрстки - обычно несколько дней работы дизайнера и разработчика и пересогласование сметы. Поэтому мы начинаем с прототипа главной страницы: он ловит 6 типовых ошибок до того, как за них начали платить.
Разбираем эти шесть ошибок, что именно мы проверяем на схеме и сколько стоит каждый этап. Позиция у нас простая: мы не отдаём сайт, который не будет приносить прибыль, - если из прототипа не видно, откуда пойдут обращения, мы переделываем прототип, а не идём дальше в дизайн.
I. Почему правка на разных этапах стоит по-разному
Сайт собирается слоями: смысл, схема, дизайн, код, наполнение. Каждый следующий слой опирается на предыдущий. Если вы меняете смысл на четвёртом слое, переделывать приходится всё, что построено сверху.
| Этап | Что значит правка блока | Во что обходится обычно |
|---|---|---|
| Прототип | Передвинуть прямоугольник на схеме | Минуты, входит в бесплатный прототип главной |
| Дизайн | Перерисовать блок и соседние экраны | Обычно день-два работы дизайнера |
| Вёрстка | Переписать разметку и стили, заново проверить телефоны | Обычно 2-4 дня и пересборка |
| Готовый сайт | Правка кода, контента и повторные тесты | Обычно неделя и отдельная смета |
| После запуска рекламы | Всё то же плюс потерянный бюджет на трафик | Дороже всего, деньги уже потрачены |
Цифры в правой колонке - ориентир по нашей практике, а не прайс. Но порядок величин устойчивый: чем позже вы меняете решение, тем дороже оно обходится, и разрыв между первой и последней строкой измеряется не процентами, а разами.
II. Шесть ошибок, которые видно в прототипе
- Сайт написан не для той аудитории. Владелец говорит языком отрасли, а заказывает услугу человек, который в отрасли не разбирается. На схеме это видно сразу: первый экран не отвечает на вопрос, который человек задаёт в поиске.
- Нет цены и даже вилки. Посетитель не находит ориентира, прокручивает до конца и уходит сравнивать. Вилка «обычно от - до» удерживает лучше, чем «рассчитаем индивидуально».
- Слабый первый экран. Абстрактный заголовок вроде «решения для вашего бизнеса», непонятно, что продают. На прототипе это ловится за 5 минут чтением вслух.
- Лишние блоки. «О компании» на втором экране, три слайдера, миссия и история с 2011 года. Каждый такой блок - это отодвинутая заявка и оплаченная вёрстка, которую никто не прокрутит.
- Сломанная логика заявки. Одна форма в самом низу, 7 обязательных полей, нет мессенджера, непонятно, что будет после отправки.
- Забытый телефон. Дизайн рисуют на широком мониторе, а половина и больше посетителей приходит с телефона - и на нём первый экран занимает картинка, а заголовок уезжает вниз.
Самая дорогая из шести - первая. Аудиторию нельзя починить дизайном: если сайт объясняет не то и не тем, красивая вёрстка просто аккуратнее доносит неработающее сообщение. Это единственная ошибка, из-за которой мы останавливаем проект и пересобираем прототип с нуля.
III. Что мы проверяем в прототипе главной
Прототип главной страницы делаем бесплатно. До договора и без предоплаты вы видите, как будет выглядеть ваш сайт: первый экран, набор блоков, их порядок и логика заявки. Нравится - работаем дальше. Не нравится - расходимся, вы ничего не должны. Бесплатен именно прототип главной: не весь дизайн, не вёрстка и не бесконечные круги правок.
- Понятность за 8 секунд. Читаем первый экран вслух незнакомому человеку и спрашиваем, что здесь продают.
- Источник трафика. Откуда придут люди: поиск, реклама, соцсети, рекомендации. От этого зависит, что стоит первым блоком.
- Путь до заявки. Сколько экранов человек проходит от заголовка до формы и сколько на странице точек обращения - обычно 3-5.
- Доказательства. Фото работ, цифры, отзывы, кейсы: есть ли чем подтвердить обещание первого экрана.
- Мобильная раскладка. Что видно на экране телефона без прокрутки.
- Что делать с заявкой. Куда она падает, кто отвечает и за какое время.
Последний пункт формально не относится к сайту, но без него вся схема рассыпается. Заявка, на которую отвечают через сутки, чаще всего уже ушла к конкуренту. Как отличать целевое обращение от мусорного, разобрано в материале про валидную заявку.
IV. Как выглядит перебор вариантов на практике
На схеме легко примерить 2-3 разных сценария главной за один день. Например, для салона услуг: вариант с записью на первом экране, вариант с портфолио работ и вариант с ценами. На дизайне такой перебор стоил бы недели работы, на прототипе - вечера обсуждения. Так же на схеме решался и редизайн сайта SkyFarm - агротех, который делает системы выращивания с искусственным интеллектом: контейнерные фермы, блок управления, приложение, семена и питание. На прототипе определились первый экран с контейнерной фермой и посылом «когда агрономия становится точной наукой», схема работы из трёх шагов - датчики, анализ, исполнение, - порядок разделов и сквозная кнопка «Собрать свою ферму»; горизонтальную карусель продуктов тоже примерили на схеме, до дизайна.
Так собирался ayvazzovsky.com - сайт салона сложного окрашивания в Москве: два адреса, онлайн-запись, видео работ мастеров, портфолио и команда. Порядок блоков там определялся тем, что человек хочет увидеть раньше - мастера или цену, и это решалось на схеме, а не после вёрстки. Отдельная история - ayvazzovsky.academy, онлайн-академия видеоуроков колористики с каталогом курсов, посадочными страницами уроков, личным кабинетом и промокодами: там на прототипе проверяли, сколько шагов от каталога до оплаты.
V. Смета: во что обходится каждый этап
| Работа | Цена | Срок |
|---|---|---|
| Прототип главной страницы | 0 ₽, до договора и без предоплаты | Обычно 2-5 рабочих дней |
| Сайт на React | от 80 000 ₽ | 1-2 недели от полных материалов |
| Перенос с конструктора на свой хостинг | от 80 000 ₽ | 1-2 недели от материалов |
| SEO-статья | от 500 ₽ | Партиями по согласованию |
| 200 статей в месяц | 100 000 ₽ | Помесячно |
| Прокачка блога | от 75 000 ₽ в месяц | Помесячно, эффект накапливается |
| Заявки | оплата за результат | Зависит от ниши и региона |
Сроки считаются от момента, когда собраны тексты, фото и доступы. Ожидание материалов - обычно самая длинная часть проекта, и её стоит планировать заранее. Что входит в работу и как мы её ведём - на странице разработка сайтов и SEO.
VI. Когда прототип не спасёт бюджет
Честно о границах. Прототип экономит на переделках, но он не решает задачи, которые лежат за пределами сайта.
- Нет спроса. Если услугу не ищут, идеальная схема главной ничего не изменит - сначала считают спрос, потом рисуют.
- Нет материалов. Без фото работ, цен и внятного описания услуг любой сайт останется набором обещаний.
- Нет трафика. Сайт сам по себе людей не приводит. Поиск и реклама - отдельные задачи и отдельные бюджеты.
- Некому обрабатывать заявки. Поток обращений без отдела продаж превращается в непрочитанную почту.
- Заказчик передумывает после каждой встречи. Тогда переделки будут на любом этапе, просто прототип сделает их дешевле.
Про трафик отдельно: позиции, посещаемость и количество заявок мы не гарантируем. По SEO первые показы по статьям видны после индексации, эффект накапливается с каждой партией, обычно за несколько месяцев. Если обращения нужны быстрее, параллельно подключают лиды с оплатой за результат - там оплата идёт за факт обращения.
VII. Короткий итог
Прототип - это дешёвый способ ошибиться. На схеме правка стоит минут, после вёрстки - дней, после запуска рекламы - ещё и потраченного бюджета на трафик. Шесть ошибок, которые ловятся на этом шаге: чужая аудитория, отсутствие цены, слабый первый экран, лишние блоки, сломанная логика заявки и забытый мобильный. Прототип главной мы делаем бесплатно и до договора - именно чтобы эти шесть вопросов были закрыты до того, как вы заплатите первые 80 000 ₽.
Наши работы
Сайты, которые студия уже запустила
Четыре проекта N3MIROFF, которые можно открыть прямо сейчас и посмотреть, как они работают.
Агротех с ИИ
SkyFarm ↗
Редизайн сайта систем выращивания: первый экран с контейнерной фермой, схема работы из трёх шагов, карусель продуктов и экран приложения.
Сайт салона
ayvazzovsky.com ↗
Салон сложного окрашивания в Москве: онлайн-запись, видео работ, портфолио и команда. Переехал с Тильды на свой хостинг.
Онлайн-академия
ayvazzovsky.academy ↗
Видеоуроки колористики: каталог, посадочные страницы уроков, личный кабинет и промокоды.
Event-агентство
navsegda-event.ru ↗
НАВСЕГДА: корпоративы и конференции - услуги, кейсы, этапы работы и расчёт мероприятия.
Витрина магазина
Monkey Market ↗
Премиальная витрина магазина кроссовок с заказом в Telegram.
Сначала схема, потом счёт
Покажем прототип главной до договора и без предоплаты - чтобы вы платили за сайт, а не за переделки.
Частые вопросы
Насколько прототип реально экономит деньги?
Экономия идёт не на скидке, а на непеределанной работе. Правка блока на схеме - это минуты, после вёрстки обычно 2-4 дня с пересборкой и повторными тестами, а после запуска рекламы к этому добавляется потраченный впустую бюджет на трафик.
Сколько времени занимает прототип главной?
Обычно 2-5 рабочих дней после вводных о бизнесе и 3-5 ссылок на конкурентов. За этот срок мы успеваем примерить 2-3 сценария главной и выбрать тот, из которого видно путь до заявки.
Можно ли пропустить прототип и сразу заказать дизайн?
Технически можно, но тогда все шесть типовых ошибок всплывают уже на готовых экранах, и каждая правка стоит дней работы. Мы так не делаем: прототип главной бесплатный, отказ от него не экономит ни денег, ни времени.
Что если прототип мне не понравится?
Расходимся, и вы ничего не должны: прототип главной делается до договора и без предоплаты. Мы не отдаём сайт, который не будет приносить прибыль, и если по задаче не совпали, лучше понять это на схеме, чем на приёмке.
Прототип гарантирует, что сайт будет приносить заявки?
Нет. Он снимает ошибки самого сайта, но количество обращений зависит ещё от спроса, трафика и обработки заявок. Позиции, посещаемость и число заявок мы не гарантируем: по SEO эффект накапливается месяцами, для быстрых обращений есть модель оплаты за результат.
Разберём вашу задачу и соберём прототип главной
Оставьте заявку: обсудим нишу, спрос и путь до обращения, а решение о сотрудничестве вы примете уже по схеме.
Получить целевые заявки → Telegram