Какие есть варианты по дизайну карточек товара интернет-магазина?

Question

[alex-1917]

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

Comments

[sergski]

В три строчки:
Заголовок
Цена
В корзину (кнопка с текстом Купить, а не пиктограмма)

[alex-1917]

чуть поправил.
и рейтинг надо куда-то влепить...

[Даниил Маслов]

alex-1917, может под названием?

[Сергей Тилион]

А вы уверены, что кнопка В корзину нужна в каталоге? Достаточно ли в карточке товара информации, чтобы совершить выбор? Есть ли возможность выбрать размер, посмотреть больше фоток? На Ламоде, например, нет кнопки. А на Озоне есть, как есть и возможность посмотреть фотки в карточке. А на wildberries нет, они решили, что человеку обязательно надо смотреть страницы товаров. Подумайте над этим.

Answer 1

[Даниил Маслов]

Кнопку явно нужно сделать больше, с текстом «В корзину». Со стороны UX не будет всем понятно, что это кнопка делает и её вообще не заметно. Лучше её сделать с бэкграундом в цветах сайта, т.е чтобы она призывала к действию и на неё хотелось нажать, сейчас она сливается с фоном (серую иконку в таком случае лучше белой).

Я бы сделал цену вверху слева (где описание размеров, ниже) и чуть ниже кнопку «В корзину», отдельно. Внимание всегда падает на доступные размеры и цена будет там же, вместе с кнопкой покупки. Ничего не потеряется.

Comments

[alex-1917]

новый рисунок добавил, тоже средненько и рейтинг надо куда-то влепить. или не надо)))