Техническое задание: Дизайн списка товаров

Цель проекта

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

Основные требования к контенту карточки

Каждый элемент списка (карточка товара) должен содержать следующие блоки информации:

• Визуальная часть:
  • Основное фото товара.
  • Логотип бренда-производителя.
• Текстовая информация:
  • Полное наименование товара.
  • Артикул (буквенно-цифровой код).
  • Код товара (буквенно-цифровой код).
  • Название категории, к которой относится товар.
• Ценовая информация:
  • Два типа цен с указанием единиц измерения (например, цена за штуку и цена за упаковку).
• Элементы взаимодействия:
  • Поле или контролы для выбора количества товара.
  • Кнопка "Добавить в корзину".
  • Отдельная иконка или кнопка "Добавить в мои товары" (функция избранного или лист ожидания).

Ключевое требование: Адаптивность

Дизайн должен быть полностью адаптирован для мобильных устройств (смартфоны). Необходимо продумать и отобразить, как компактно и без потери удобства разместить все указанные элементы на узком экране. Возможны:

• Изменение layout (сетки) расположения блоков.
• Скрытие или реорганизация второстепенной информации.
• Оптимизация размеров кнопок и полей ввода для тач-интерфейса.

Ожидаемый результат

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