Прототип — скелет сайта до того, как начнётся дизайн
Проектируем структуру страниц, порядок блоков, путь пользователя и ключевые смыслы до старта дизайна. Так сайт получается понятнее, а правок на дизайне и вёрстке становится меньше.
Прототип — это сайт до дизайна
Это черновая схема будущего сайта: какие будут страницы, в каком порядке идут блоки, где находятся кнопки, формы, тексты и ключевые элементы. Без цветов и картинок — только структура, смысл и путь пользователя.
Что входит в прототип
- Структура всех страниц и порядок блоков
- Логика пути пользователя от первого экрана до заявки
- Расположение ключевых элементов: заголовки, кнопки, формы
- Текстовые плейсхолдеры и направляющие для копирайтера
- Схема связей между страницами и разделами
- Рекомендации по тому, какие блоки нужны, а какие лишние
Когда стоит заказать прототип
- Вы делаете сайт с нуля и не хотите начинать с хаотичного дизайна
- Текущий сайт выглядит нормально, но плохо приводит заявки
- Нужно подготовить понятное ТЗ для дизайнера или разработчика
- В проекте много страниц, услуг или сложная структура
- Вы уже переделывали сайт и не хотите снова тратить бюджет впустую
- Нужно согласовать логику сайта с командой до начала дизайна
- Хочется понять, какие блоки действительно нужны, а какие можно убрать
Из каких блоков строится продающий сайт
Проверенная логика, которую адаптируем под вашу нишу и задачи — добавляем нужное, убираем лишнее.
Шапка
Навигация задаёт ориентиры с первой секунды. Логотип, основные разделы и кнопка с целевым действием — пользователь должен сразу понять, куда идти.
- Логотип и фирменное название
- Главное меню навигации
- Кнопка целевого действия
Обложка
Первый экран — решающий. Посетитель за секунды решает, остаться или уйти. Заголовок должен бить точно в запрос аудитории.
- Уникальное торговое предложение
- Заголовок под целевую аудиторию
- Призыв к действию или форма
О продукте
Отвечаем на ключевые вопросы: что это, как работает, для кого. Конкретно и без воды.
- Описание продукта или услуги
- Как это работает — этапы или механика
- Для кого подходит
Услуги
Перечень того, что вы предлагаете, — отдельным блоком. Пользователь должен сразу видеть, решаете ли вы его задачу, не перечитывая всю страницу.
- Список услуг или форматов работы
- Краткое описание каждого
- Ссылки или кнопки для уточнения
Понятные выгоды
Клиент должен понять, почему ваше предложение лучше альтернатив. Конкретные преимущества работают убедительнее лозунга «мы лучшие».
- Преимущества с понятным объяснением каждого пункта
- Сценарии использования и польза
- Сравнение или закрытие типовых возражений
Блоки доверия
Пользователь хочет купить, но не решается. Отзывы, гарантии и кейсы закрывают последние сомнения.
- Отзывы клиентов и рейтинги
- Гарантии и сертификаты
- Партнёры, команда, истории успеха
Целевое действие
Финальный экран — последний шанс убедить. Форма должна быть простой, призыв — конкретным.
- Форма заявки или звонка
- Мотивирующий призыв с конкретной выгодой
- Контакты и альтернативные способы связи
Подвал
Сюда приходят за контактами, ссылками и документами. Пустой или перегруженный подвал теряет клиентов.
- Контакты и реквизиты
- Дублирующие ссылки на разделы
- Политика конфиденциальности
В реальном проекте мы не копируем эту схему один в один. Для срочных услуг, B2B, медицины, производства, интернет-магазинов и экспертных услуг структура будет разной. Задача прототипа — подобрать логику, которая подходит именно вашему продукту и аудитории.
Заказывая сайт у нас — прототип в подарок
Прототип можно заказать как отдельную услугу или получить в составе разработки сайта. В обоих случаях мы сначала проектируем структуру, а уже потом переходим к дизайну.
Отдельная услуга
от 15 000 ₽
Лендинг или корпоративный сайт
- Анализ задачи и аудитории
- Структура страниц
- Логика блоков
- Прототип в Figma или Miro
- Комментарии для дизайнера
- До 2 раундов правок
- Готовое ТЗ для дальнейшей работы
Прототип в составе разработки сайта
Включён в стоимость проекта
Подходит, если вы заказываете сайт у нас под ключ
- Всё из отдельной услуги
- Согласование до старта дизайна
- Передача дизайнеру внутри команды
- Меньше правок на следующих этапах
- Единая логика от структуры до запуска
- Вы не оплачиваете прототип отдельно — он уже включён в процесс разработки сайта
Частые вопросы
Можно, но выше риск правок. Без прототипа структура часто придумывается уже в процессе дизайна, а это дольше и дороже.
Нет, задача прототипа не в красоте. Он показывает структуру, логику блоков и расположение элементов. Красота появляется на этапе дизайна.
Обычно в Figma или Miro — зависит от задачи и дальнейшего процесса работы.
Да. Прототип можно использовать как техническое задание для дизайнера, копирайтера или разработчика.
В прототипе мы закладываем смысловые блоки, черновые заголовки и подсказки. Полноценный копирайтинг можно сделать отдельным этапом.
Зависит от количества страниц и сложности проекта. Лендинг обычно быстрее, многостраничный сайт требует больше времени на структуру и связи между разделами.
Сергей Архипов
Аккаунт-директор
Начнём с прототипа — сэкономим время и бюджет на переделки
Расскажите про проект — покажем, как будет выглядеть структура вашего сайта ещё до начала дизайна.