Магазин кроссовок

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

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

Главным условием заказчика было создать следующий функционал на странице предпросмотра:

• На каждой странице должна быть расположена одна конкретная модель обуви, но с возможностью выбора цвета товара, а так же его размера
• При выборе цвета, изображение товара должно меняться на изображение товара выбранного цвета
• Для осмотра товара в 3D пространстве должна быть создана панель в виде диска, поворачивающая кроссовок в одной плоскости
• Также необходимо добавить кнопку для воспроизведения видеообзора про данную модель обуви
• Страница предпросмотра должна быть в одной стилистике и концепции дизайна всего сайта.

Работы, выполненные для сайта:

1. Проанализированы UX/UI дизайн страниц предпросмотра товаров у других крупных сайтов
2. Разработан макет UX/UI дизайна
3. Создана дизайн-концепция страницы предпросмотра товара в Figma
4. Создан новый дизайн элементов управления
5. Придуманы и реализованны современные дизайн-решения
6. Создано 3D пространство для предпросмотра товара

Ссылка на макет: Figma