Как сделать удобную карточку товара

Тот случай, когда заказчик почти наверняка знает лучше. Тот случай, когда креатив недопустим, и чем более стандартным и привычным будет дизайн, тем лучше. А чтобы убедиться, что дизайн работает, нужно проверить его на нескольких десятков реальных товаров.
#карточка товара
#дизайн
#рисование

Три главных предмета в фокусе внимания

1

Товар

Весь дизайн строится вокруг конкретного предложения. Не стоит использовать карточку товара для продажи чего-то, что не воспринимается, как товар.
2

Ключевой параметр выбора

Не всегда есть на фото (например, размер одежды), но должен быть хорошо заметен. Это важнее, чем преимущества.
3

Цена

Критически важна для принятия решения о покупке. Все заигрывания с ценой (зачеркивать, прятать, писать мелким шрифтом) — спорные решения, сильно зависящие от отрасли и конкурентов.

Например

Хороший образец

Заказчик бесконечно совершенствует карточку товара, в т.ч. привлекая нас для свежего взгляда. Петрович

Так делать не надо

Скопировать чужое решение без привязки к отрасли и специфике товара.

Инструменты

Модель информационных ожиданий

не забыть про важное

Мобильный телефон

протестировать мобильную версию

Номенклатура

товары и их характеристики из складской программы

Amazon

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

5 советов,
как делать
хорошо

1

Поймите паттерны покупки

Обои покупают совсем не так, как подарки, а одежду — не так, как бытовую технику. Специфика есть во всем.
2

Используйте привычную композицию

Карточка товара — не место для креатива. Чем привычнее будет расположено фото, цена, кнопка «купить», тем проще пользователю будет сделать то, за чем он пришел.
3

Используйте реальный и разнообразный контент

Возьмите 50 товаров из пяти категорий и убедитесь, что спроектированный дизайн подходит для всех товаров. Возможно, потребуется 2-3 шаблона.
4

Проверьте, что описание можно прочесть

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

Конверсия

Ничего не должно агрессивно и настойчиво уводить пользователя с карточки товара. Не мешайте пользователю делать то, за чем он пришел — покупать.

Хотите у нас научиться?

1000+ упражнений по дизайну интерфейсов. eduhund.com

Ищете подрядчика или команду?

Давайте обсудим вашу задачу we@sobakapav.ru 7 (933) 484-26-80