Топ-15 красивых и эффективных страниц товара интернет-магазина

LuxyHair.com

В этом магазине продаются волосы для наращивания. Посетительница вначале выбирает густоту волос, затем оттенок.

А потом посетительница переносится на страницу конкретного товара. На товарной странице справа чуть выше кнопки «add to bag» есть ссылка на видео о товаре. Это отличный стимул конверсии, его уместно применить любому магазину.

Еще важный нюанс, который советуем позаимствовать. Под кнопкой «add to bag» есть три инфографических символа с подписями: «бесплатная доставка», «бесплатный 60-дневный возврат» и «круглосуточная служба поддержки». Это очень уместно – не надо искать особую страницу о цене доставки и праве на возврат.

PooPourri.com

Первый экран страниц товаров тут отличается расположением фото справа, а текста слева – вопреки стандартам прочих магазинов. Это дает посетителю «с непривычки» большее фокусирование взгляда на цене и кнопке добавления в корзину.

Также магазин не боится изобразить способ применения столь пикантного продукта как туалетный освежитель воздуха – прокрутив страницу товара вниз, мы видим кнопку видео на тему «Как это работает».

RockyMountainSoap.com

Компания, производящая мыло только из природных компонентов, приводит на товарной странице справа список ингредиентов. Экраном ниже на странице товара расположены отзывы.

United By Blue

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

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

Sixty-Nine.us

Здесь на странице каталога персонажи двигаются. После перехода к определенному товару анимация превращается в статическую фотографию – и сопровождается «чистой» страницей товара с большим количеством пустого пространства.

Leesa.com

В магазине Leesa колористика товарных страниц четко определена: сочетание бирюзового с белым, а в фотографиях – с серым.

На таком фоне алая кнопка добавления в корзину выглядит особенно заметно.

Прокручивая товарные страницы вниз, вы увидите внутреннюю систему товара (матраса); узнаете, что делает его уникальным; почитаете ответы на ЧАсто задаваемые ВОпросы, а также отзывы покупателей.

Store.Manitobah.com

Тут интересно, что на страницах товаров слова «бесплатная доставка» и «бесплатный возврат» написаны справа от кнопки «Добавить в корзину».

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

Совет тем, кто повторит подобный дизайн: в конце столь длинной «простыни» из десятка экранов товарной страницы должна быть вторая кнопка «Добавить в корзину».

PerfectKeto.com

Страница товара тут содержит прямоугольные кнопки выбора разных вкусов – вариантов пищевого продукта. Также заметна легкая возможность «подписаться [на регулярную доставку этой диетической еды] и выиграть 15% цены».

Кнопка покупки здесь не красная, а зеленая – «экологический» цвет лучше резонирует с темой природного здорового питания.

JohnnyCupcakes.com

Здесь оригинальны овальные кнопки выбора размеров.

А самое интересное – есть и кнопки выбора женской или мужской футболки. Смелый ход: не делить каталог изначально на «женщинам» и «мужчинам» – а поделить ассортимент по дизайну, а уже на странице товара дать переключатель выбора гендера.

 WPStandard.com

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

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

MasterDynamic.com

Снимок наушников крупным планом, солидная колористика с тонами «коммерческого серого» и «коммерческого черного» демонстрируют элитарное качество и тщательность, с которой было изготовлено изделие.

Далее страница товара уходит на много экранов вниз – и там можно узнать о нюансах наушников; из чего они сделаны; какие у них есть расширенные функции и как ими управлять.

Черная кнопка «добавить в корзину» тут очень ненавязчива – она скромно закреплена справа в верхнем колонтитуле. И что удобно, кнопка остается в этом месте на всех этапах прокрутки страницы товара.

PrimalPitPaste.com

Тут интересна, во-первых, вертикальная оранжевая кнопка перехода к отзывам – слева от фото товара.

Во-вторых, инфографика с подписями – под кнопкой «Добавить в корзину». Она сразу убедительно говорит об органических компонентах и отсутствии химикатов.

Все еще не убеждены? Крутите товарную страницу вниз – и глубже погрузитесь в описание ингредиентов и способ использования зубной пасты. Скромная оранжевая кнопка «Корзина» на всех этапах прокрутки заманчиво плавает в правом нижнем углу.

LoveHair.com

Тут у фотографии товара – тонкие оттенки пастельных тонов, контрастно оттененные темно-серым верхним колонтитулом. Это создает ощущение нежности.

Справа мы видим раскрываемые списки ингредиентов, свойств товара и его применения, а также ссылку на видео о товаре.

PilgrimCollection.com

В динамичном дизайне магазина Pilgrim страницы товаров (аромаламп) мерцают то белым фоном, то черным. Инфографика с подписями под кнопкой покупки и надписи в верхнем колонтитуле указывают на бесплатную доставку, притом не позже 4 дней от заказа; 30-дневный возврат и гарантию 1 год.

Прокрутите вниз – и обнаружится графика, в которой подчеркиваются функции, преимущества и материалы товара, а также видео.

Holstee.com

Прокручиваемая часть страницы товара тут не так проста, как та, что «выше сгиба». Прокрутите вниз, и увидите по-инстаграммному много фотографий товара и видео о нем.

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

Translated from English. Source: Shopify.com. Author: Courtney Symons