Прототип сайта до разработки дизайна
Прототип в Figma с реальными заголовками и техническим заданием, по которому можно считать дизайн и разработку
Прототип сайта показывает, из каких блоков состоит каждая страница и как по ним идёт клиент, ещё до цвета, шрифтов и фотографий. Менять заголовок на чертеже стоит часов, переделывать готовую вёрстку стоит недель. Мы делаем прототипы в Figma для сайтов услуг, магазинов и порталов, чтобы вы и ваша команда согласовали логику до начала дизайна.
Узнаёте себя?
Если совпало хотя бы два пункта, начнём с бесплатного разбора: посмотрим кабинеты, сайт и воронку и покажем, где теряются заявки.
Кому подходит, а кому рано
Подойдёт, если
- Сайт на десятки страниц, магазин или портал
- Несколько согласующих лиц в компании
- Выбираете подрядчика для разработки
Пока рано, если
- Одностраничный лендинг по готовому шаблону
- Нужен только редизайн цвета и шрифтов
Что входит
Карта страниц сайта
Схема разделов с уровнями вложенности: что на главной, где услуги, где кейсы, как связаны страницы. Опираемся на запросы клиентов, а не на оргструктуру.
Пользовательские сценарии
Описываем два-три главных пути: человек пришёл из рекламы, из поиска, по рекомендации. Чего он ждёт и что должен увидеть на каждом шаге.
Прототип ключевых страниц
Главная, услуга, каталог, карточка, контакты, форма. Каждая страница показана блоками с реальными заголовками, без декора.
Тексты на макетах
Пишем рабочие заголовки и подзаголовки вместо «Lorem ipsum». Так сразу видно, где блок слишком длинный или пустой.
Кликабельный прототип
Связываем страницы в Figma, чтобы вы прошли путь клиента от входа до заявки и показали его сотрудникам.
Техническое задание на основе прототипа
Фиксируем, что делается стандартно, что нужно дорабатывать, какие интеграции требуются. Из ТЗ разработчик считает срок и цену.
Список вопросов и допущений
Отмечаем, чего не хватает: данных, фото, решений. Ничего не остаётся «обсудим потом».
Проекты агентства
Так выглядит отчёт по понедельникам
Приходит в Telegram каждую неделю: заявки, продажи и цена клиента по каналам. Для постоянных проектов к нему добавляется дашборд, который обновляется каждый день.
- Поиск Директа72 заявки · 1 080 ₽
- РСЯ41 заявка · 1 390 ₽
- VK Реклама33 заявки · 1 510 ₽
План на неделю: отключили 12 площадок РСЯ без продаж, запускаем новый оффер на поиске.
Как работаем
Интервью и вводные
Говорим с владельцем и продажами, смотрим текущий сайт, аналитику, сайты конкурентов. Два–три дня.
Структура и сценарии
Собираем схему разделов и путей клиента, согласуем.
Низкодетальный прототип
Серые блоки и рабочие тексты. Эти макеты легко править на созвоне.
Правки по кругу
Два раунда комментариев команды, в Figma, без бесконечных переписок.
Кликабельная версия и ТЗ
Связываем страницы, фиксируем требования для дизайна и разработки.
Выберите, с чего начать
Стоимость прототипа зависит от числа уникальных страниц и сложности логики: каталог с фильтрами сложнее набора страниц услуг. Прототип оплачивается отдельно и входит в проект разработки, если вы продолжаете с нами.
Ключевые страницы
Сайт услуг с понятной структурой.
- Карта страниц
- Прототип главной, услуги, контактов
- Рабочие заголовки
Полный прототип
Корпоративный сайт или магазин.
- Всё из пакета «Ключевые страницы»
- Сценарии клиента
- Кликабельный прототип в Figma
- ТЗ для дизайна и разработки
Прототип с проверкой
Проект, где ошибка дорого стоит.
- Всё из пакета «Полный прототип»
- Показ прототипа реальным клиентам
- Разбор замечаний и доработка
Цены «от», без НДС. Рекламный бюджет оплачивается отдельно, напрямую в рекламные системы. Итог зависит от того, что входит в задачу: количество уникальных шаблонов страниц, сложность форм, каталога, личного кабинета, нужен ли кликабельный прототип, есть ли готовые данные и аналитика, сколько согласующих лиц. Все цены →
На берегу договариваемся так
Рекламные кабинеты, Метрика, CRM и сайт оформляем на вашу компанию. Расстанемся — всё останется у вас.
Жёсткого срока договора нет. Первый месяц уходит на запуск, дальше продлеваем, если видите результат.
Заявки, продажи и цена клиента в Telegram, для постоянных проектов — дашборд с обновлением каждый день.
Если канал не окупается в вашей нише, говорим об этом прямо и не тратим бюджет дальше.
Что писали клиенты
Раньше агентство называлось Reforge, поэтому в письмах стоит оно.
Полезное по теме
Зачем нужен прототип сайта и чем он отличается от дизайна
Прототип отвечает на вопрос «что на странице и в каком порядке». Дизайн отвечает на вопрос «как это выглядит». Если смешать два вопроса, команда начинает спорить о цвете кнопки, когда не решено, нужна ли страница.
Из чего складывается хороший прототип.
- Порядок блоков отражает вопросы клиента. Сначала что это и для кого, потом чем лучше других, потом цена и порядок работы, затем подтверждения и призыв.
- Каждый блок существует ради одной задачи. Если не получается сказать зачем он, блок убираем.
- Тексты на макете реальные хотя бы в заголовках. По ним сразу видно, поместится ли смысл.
- У каждой страницы одно главное действие: оставить заявку, добавить в корзину, позвонить.
Какие ошибки прототип ловит заранее.
- Для услуги нет места, где показать цену или её ориентир, и дизайнер рисует красоту вместо этого.
- Форма запрашивает восемь полей, хотя нужны только два.
- Каталог из 40 категорий не помещается в меню, и выясняется это после вёрстки.
- Нет страницы, на которую ведёт реклама, и приходится делать её в спешке.
Как работать с прототипом, если вы заказчик.
- Пройдите по нему с телефона глазами клиента. Где вы остановились и задумались, там будет отвал.
- Покажите двум-трём реальным клиентам и спросите, что они поняли за десять секунд.
- Соберите замечания в один список и согласуйте их сразу, а не по одному в мессенджере.
- Не принимайте решение о дизайне, пока не утверждена структура.
Когда прототип не нужен. Для одностраничного лендинга иногда достаточно текстовой структуры и готового шаблона. Для сайта на несколько десятков страниц, интернет-магазина или портала прототип экономит больше, чем стоит.
Частые вопросы
Сколько стоит прототип сайта?
Цена зависит от числа уникальных страниц и сложности логики. Мы оцениваем объём после короткого разговора о проекте.
Сколько времени занимает прототип?
Для сайта услуг на 10–20 страниц обычно две–три недели вместе с правками. Срок зависит от скорости согласований с вашей стороны.
В чём разница между прототипом и макетом?
Прототип показывает структуру и логику страниц, макет показывает готовый внешний вид. Сначала согласуется первое, затем делается второе.
Можно ли заказать только прототип, а делать сайт у другого подрядчика?
Да. Мы передаём файл Figma и ТЗ, по которым любой разработчик может посчитать работу. Это удобно, когда вы выбираете между подрядчиками.
Нужен ли прототип для лендинга?
Для короткого лендинга часто достаточно структуры в тексте. Если лендинг сложный, со сменой блоков под разные рекламные кампании, прототип помогает.