Время прочтения: ~6мин

Продающая страница карточки товара Candyshop.by

Ранее я разобрал главную страницу и страницу категории моего онлайн секс-шопа. Сейчас пришло самое время рассказать о том, как же я проектировал и получил итоговую страницу, где в 93% случаев совершается покупка - страница с описанием конкретного товара, или карточка товара интернет-магазина.

Сразу покажу, как она выглядит:

Перед созданием своей страницы я перебрал и проанализировал тонны вариантов. И остановиться на чем-то конкретном было очень сложно. Мне ужасно нравятся некоторые элементы карточки товара у российского гиганта condom-shop.ru. Если говорить точнее, то мне нравится часть страницы, которая получается при прокрутке до фотографии товара. То есть перед твоими глазами получается только фото секс-игрушки или девайса. И это такой...тонкий момент. Тебя ничего не отвлекает, никакой информации - ты, можно сказать, погружаешься в ощущения от обладания этим товаром. Как бы трогаешь его.

Фрагмент карточки товара сайта condom-shop.ru

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

Но все же, я выбрал другой вариант.

Структура карточки товара Candyshop.by

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

Если для товара доступна бесплатная доставка или видео, то отображаются соответствующие лейблы:

Далее слева он видит фото, которое при желании может увеличить. После, по правилам, следует блок информации о товаре. Это трудный момент. Мне все время хотелось убрать эту информацию вниз. А здесь, собственно, оставить крупное фото и увеличить эмоциональное воздейтствие. Но, во-первых, опыт показал, что людей очень часто интересуют технические характеристики, а во-вторых, я сам являлся частым покупателем секс-шопа и помню, как сам же и искал на страницах эту информацию. Плюс все тот же фактор доверия, которое укрепляется наличием на странице как можно большим количеством информации.

Поэтому тут я решил разместить технические характеристики товара, обязательную по законодательству РБ информацию об импортере и бренде. В последствие, я добавил 3 таких пункта, как "для кого", "какой эффект дает", "как использовать", которые заполняются вручную для каждого товара. Это может выглядеть несколько совково, но опыт показывает правильность решения. В онлайн-консультанте часто звучат самые простые вопросы: "а как этим пользоваться?" или "а это только для женщин?".

Тут же чуть ниже блок быстрых ссылок на полное развернутое описание, отзывы и видеообзор, если он имеется. Примечательно, но полное описание (которое располагается ниже) люди практически не читают. Скорее его назначение можно свести только к СЕО.

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

Кнопка "Купить" выделена максимально, но при этом не назойливо. Просто спокойно подмигивает, демонстрируя посетителю возможность заиметь товар. Действие кнопки описано, а чтобы нажималось легче, сразу же я показываю сроки доставки для города, откуда зашел посетитель. Если товара нет в наличии, то кнопка "Купить" не отображается вовсе.

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

Отзывы о товаре

Рядом с полным описанием товара идет блок отзывов. Отзывы критически важны и потому я постарался сделать этот блок максимально живым и привлекательным. Добавил гифку из 90-ых в качестве аватара для всех. Тем не менее, как мне кажется, это оживило страницу =) Добавление отзывов доступно даже без регистрации, а само поле я заполнил текстом по умолчанию. Лишь бы пользователи тыкали кнопку "Оставить отзыв". Количество отзывов самое ключевое, что может быть для продажи товара. Почитайте как-нибудь исследования амазон по этому поводу.

Ну и в самом низу следует блок с популярными товарами из категории текущего товара. Другими словами, это то, что люди смотрят из похожих товаров. По блоку действительно кликают - разместить его в карточке - хорошее решение.

Казалось бы, вроде все так просто и очевидно, но текущая версия карточки товара - это уже 4-ая по счету итерация. И сейчас она выполнена максимально конверсионно. Основа для этого, разумеется, не абстракция или доводы, а полученная конкретно на моем же сайте аналитика.

Предыдущий пост

Сверхконверсионная страница категории для секс шопа Candyshop.by

После описанной ранее главной страницы посетитель попадает непременно на страницу категории. Я бы назвал эту страницу самой важной, потому что именно здесь,...

Время прочтения: ~9мин

comments powered by HyperComments