Макет, вайрфрейм и прототип — это разные этапы разработки веб-сайта, каждый из которых показывает проект с определённой стороны и имеет свой уровень детализации. 24

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

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

Прототип — это почти готовый, интерактивный и функциональный продукт, который показывает основные элементы будущего сайта. 1 Прототип нужен, чтобы протестировать функционал перед тем, как создать финальный вариант сайта. 4 В прототипе работают большинство элементов, которые планируются в финальном варианте. 4

Таким образом, макет фокусируется на визуальной концепции сайта, вайрфрейм — на его структуре, а прототип — на функциональности. 2