Карточка товара

Product card (Карточка товара) — паттерн представления SKU с фото, ценой, характеристиками и CTA «Купить». Применение: e-commerce, marketplace, каталог с детальной страницей товара. Лучшие практики: ф

Product card (Карточка товара) — паттерн представления SKU с фото, ценой, характеристиками и CTA «Купить». Применение: e-commerce, marketplace, каталог с детальной страницей товара. Лучшие практики: фото-галерея с zoom, цена и кнопка «В корзину» выше сгиба, блок отзывов и рейтинга, таблица размеров для fashion. Сравнение: карточка товара vs карточка сущности — товарная содержит конверсионный CTA и социальное доказательство. Антипаттерн: карточка без индикации наличия или без явной цены — пользователь не принимает решение без этих данных.

Экран с каталогом сервисов приложения, предлагающий пользователю выбрать одну из множества функций, связанных с недвижимостью, такими как умный помощник, умная…
Экран с каталогом сервисов приложения, предлагающий пользователю выбрать одну из множества функций, связанных с недвижимостью, такими как умный помощник, умная…

Что покрывает эта подборка

Подборка экранов с паттерном карточки товара для e-commerce и marketplace product detail pages. В подборке 200 экранов из 134 сценариев и 3 приложений. Репрезентативный пример: Циан_45.Найти акции и скидки_001.webp в сценарии Найти акции и скидки приложения Циан.

Контекст страницы

Семейство
Паттерны
Фокус
Карточка товара
Экранов
200
Сценариев
134
Приложений
3

Семантический профиль

Семейство
Паттерны
Фокус
Карточка товара
Экраны
200
Сценарии
134
Приложения
3

Путь пользователя

Намерение пользователя
Просматривать (browse), 12
Этап воронки
Обнаружение (discovery), 7
Роль шага
Начальный шаг (entry), 12

Паттерны и действия

Основное CTA
Другое (other), 7
Паттерн раскладки
Сетка (grid), 6
Навигационный паттерн
Переход вглубь (drill_down), 7
Тема
Светлая тема (light), 11

Семантические сигналы

Типы экранов
Каталог (catalog), Список (list), Детальная страница (detail)
Состояния экранов
Обычное состояние (default)
Основные CTA
Другое (other)
Паттерны раскладки
Сетка (grid), Стопка карточек (card_stack), Список (list), Один главный фокус (single_focus)
Навигационные паттерны
Переход вглубь (drill_down), Нижние вкладки (tab_bar), Без явной навигации (none)
Намерения пользователя
Просматривать (browse)
Этапы воронки
Обнаружение (discovery), Удержание (retention), Оценка выбора (evaluation)
Темы
Светлая тема (light)
Роли шага
Начальный шаг (entry)

Элементы интерфейса

  • Каталог (catalog) (ai_screen_type)
  • Список (list) (ai_screen_type)
  • Детальная страница (detail) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)
  • Другое (other) (ai_primary_cta_type)
  • Сетка (grid) (ai_layout_style)
  • Стопка карточек (card_stack) (ai_layout_style)
  • Список (list) (ai_layout_style)

Теги

  • недвижимость
  • сервисы
  • каталог
  • аренда
  • продажа
  • оценка
  • скидки
  • новостройки
  • квартира
  • избранное
  • объявления
  • контакты

Ключевые действия

  • Умный помощник (Кнопка (button))
  • Умная камера (Кнопка (button))
  • Подобрать новостройку (Кнопка (button))
  • Продать жильё (Кнопка (button))
  • Снять жильё в отпуск (Кнопка (button))
  • Подбор вторички (Кнопка (button))
  • Найти акции и скидки (Кнопка (button))
  • Сдать квартиру (Кнопка (button))

Подходящие страницы