Что такое прототип
Прототип сайта - предварительная схема страниц, демонстрирующая структуру, расположение блоков и логику переходов. Делается до дизайна. Прототип отвечает на вопрос "что и где будет на странице", а дизайн - "как это будет выглядеть".
Прототип простыми словами
Это чертёж сайта. Серые блоки, текст-рыба, схематичные изображения. Никаких цветов, шрифтов, красивых картинок. Главное - понять, где будет шапка, где меню, где главный экран, где формы, в каком порядке всё расположено.
Зачем нужен прототип
- Согласовать структуру до того, как делать дизайн (переделать прототип проще)
- Зафиксировать логику переходов между страницами
- Обсудить, какой контент будет на каждой странице
- Найти ошибки структуры на раннем этапе
- Сэкономить бюджет (правки на прототипе в 5-10 раз дешевле правок в дизайне)
В каких инструментах делают прототипы
- Figma. Популярный инструмент в 2026 году.
- Sketch. Для дизайнеров на macOS.
- Axure. Для сложных интерактивных прототипов.
- Balsamiq. Для максимально упрощённых прототипов.
- Carandash. Российский сервис для прототипов.
Этапы создания прототипа
- Карта сайта. Список всех страниц с группировкой по разделам.
- Низкочастотный прототип. Чёрно-белая схема каждой страницы (что и где).
- Согласование с заказчиком. Правки, доработки, утверждение.
- Высокочастотный прототип (опционально). Уже с реальным контентом, ближе к дизайну.
Сколько занимает по времени
- Лендинг - 1-2 дня
- Корпоративный сайт до 30 страниц - 3-7 дней
- Интернет-магазин - 5-10 дней
- Сложный портал - 14-30 дней
Что должно быть в прототипе каждой страницы
- Шапка с навигацией
- Главный блок (hero)
- Основные секции с контентом
- Формы (если есть)
- Подвал (footer)
- Ссылки на связанные страницы