В этом разделе объясняется, почему тема онлайн-магазина машин подходит для проектной работы и чем создание макета отличается от разработки готового сайта. Здесь формулируются проблема, цель и задачи, определяется предполагаемая аудитория, а также описываются методы: анализ примеров, проектирование страниц и проверка удобства. Введение задаёт направление всей работе и показывает, какой результат планируется получить.

Раздел раскрывает, для чего создаются сайты и сервисы по продаже автомобилей и какие действия пользователя они поддерживают. Рассматриваются знакомство с предложениями, сравнение машин, поиск подходящей модели и отправка заявки продавцу. Также поясняется, почему онлайн-каталог не всегда оформляет покупку полностью и какие сведения помогают пользователю принять решение о дальнейшем контакте.

Здесь описываются типовые элементы автомобильного интернет-магазина: главная страница, каталог, карточка автомобиля и форма связи. Раздел помогает определить, какую информацию размещать на каждой странице и как связать их переходами. Такое распределение содержания делает макет последовательным: пользователь понимает, где искать предложения, как открыть подробности и куда перейти для отправки заявки.

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

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

Практическая часть начинается с определения сценариев пользователя: открыть каталог, найти автомобиль, изучить его карточку и перейти к связи с продавцом. Для каждого сценария составляется схема переходов между страницами и перечень нужных элементов. Этот этап позволяет согласовать логику сайта до оформления экранов и проверить, что основные действия можно выполнить без лишних шагов.

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

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

В заключении кратко описывается полученный макет и соотносится результат с целью и задачами проекта. Указываются реализованные страницы и функции, а также то, что показала проверка удобства. Отдельно можно обозначить ограничения учебного прототипа: например, отсутствие реальной базы объявлений, оплаты или подключения к серверу. В завершение намечаются возможные улучшения при дальнейшем развитии проекта.

В этом разделе приводятся источники, использованные при подготовке проекта: учебные материалы по информатике и веб-дизайну, справочные ресурсы о пользовательских интерфейсах и изученные примеры автомобильных каталогов. Для интернет-источников следует указать название страницы и дату обращения, а для книг — автора, название и год издания. Список позволяет проверить происхождение сведений и отделить факты от собственных проектных решений.