×
Россия +7 (495) 139-20-33

15 примеров оформления страницы товара

Россия +7 (495) 139-20-33
Шрифт:
4 33377

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

Fitbit

У Fitbit немного товаров, поэтому они могут позволить себе такую товарную страницу.

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

fitbit_2-blog-full.png

Sofa.com

Страница товара без излишеств, не пестрит рекламой выгодных кредитов и прочих предложений. Вы найдете достаточно изображений дивана в разных ракурсах.

sofa.com_1-blog-full.png

Ткань, текстуры и размер можно выбрать при помощи лайтбокса.

sofa.com_2-blog-full.png

Victoria’s Secret

Авинаш Кошик восхищался персонализацией в интернет-магазине Victoria’s Secret. Страницы товаров также хорошо продуманы: легко выбрать нужный размер и цвет.

victoria_s_secret_1-blog-full.png

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

vs_2-blog-full.png

notonthehighstreet.com

Дизайн страницы отлично подойдет для разных товаров. Отметим возможность кастомизации. Например, добавление текста песни, как на скриншоте.

notonthehighstreet-blog-full.png

B&O

Пример длинной продуктовой страницы от Bang&Olufsen. Здесь есть и подробное описание технических характеристик, демонстрационные видео и многое другое.

Modcloth

Хотите платье? На сайте Modcloth к вашим услугам пять вариантов просмотра модели, видео и фотографии образов довольных обладательниц.

modcloth-blog-full.png

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

modcloth-blog-full (1).png

Glasses Direct

Мы не привыкли покупать очки онлайн, поэтому понятный и легкий в использовании сайт просто необходим. В интернет-магазине Glasses Direct вы найдете подробное описание с указанием размеров. Сомневающиеся могут бесплатно примерить очки дома.

glasses_direct-blog-full.png

Betabrand

У интернет-магазина Betabrand интересная бизнес-идея — спонсировать пошив одежды в обмен на скидку при покупке готового изделия. Концепция разъясняется новичкам, также предлагается достаточно изображений.

betabrand-blog-full.png

Blake

Blake — B2B-компания, производящая конверты. Отметим минималистичный дизайн и понятную подачу информации.

Nest

Эта страница прекрасно рассказывает о продукте для непосвященных.

nest-blog-full.png

Made.com

Достаточное количество свободного пространства выделяют изображения и информацию.

made.com-blog-full (1).png

Spicely

В интернет-магазине Spicely можно приобрести специи и лечебные травы. Обратите внимание на то, как проиллюстрированы разные варианты упаковки.

spicely-blog-full.png

Indochino

На сайте Indochino можно персонализировать подбор костюма.

indochino-blog-full.png

Клиента просят измерить себя, чтобы подобрать элементы пиджака. Все тщательно разъясняется.

indochino_customise-blog-full.png

Airbnb

В карточке квартиры на сайте Airbnb есть все необходимое: фотографии высокого качества, карты и календарь для бронирования.

airbnb-blog-full.png

Также отметим отзывы.

airbnb2-blog-full.png

Sonos

Страницы такие же прекрасные, как и товар. Необходимая информация разместилась на первом экране. Скролльте, если хотите больше подробностей.

Отлично сделаны отзывы. Есть краткое представление аргументов за и против и рекомендации по применению.

sonos_reviews-blog-full (1).png

А какие товарные страницы вдохновляют вас? Поделитесь, пожалуйста, в комментариях.


(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Михаил Калужинов
    1
    комментарий
    0
    читателей
    Михаил Калужинов
    больше года назад
    Ну делюсь. Отличная страница товара тут:

    f.ua/samsung/galaxy-j7-j710f-ds-white.html  - она универсальна, т.к. это супермаркет.
    А из специализированных магазинов - вот эта отлична:
    veliki.com.ua/goods_Pride_Rebel_7_2.htm#orange  - вообще совершенство, мать его :)
    -
    0
    +
    Ответить
  • Гость
    больше года назад
    Есть в рунете аналоги, например есть мебельный ритейлер, который очень похож на один из сайтов представленный в этой статье, названия писать не буду, что бы не делать рекламы)
    -
    1
    +
    Ответить
  • Ilya Pronin
    3
    комментария
    0
    читателей
    Ilya Pronin
    больше года назад
    А почему бы не сделать подборку по русскоязычным сайтам, чем публиковать какие-то переводы. Я перешел из вашей рассылки и рассчитывал увидеть интересную статью о примерах оформления в русском интернете.
    Пишите тогда сразу, что это перевод статьи и примеры сайты английского.
    Очень многие сейчас стали публиковать переводы - это не интересно читать! Сразу предупреждайте что это перевод! - "Мы это перевели, потому что нам нечего написать"
    -
    6
    +
    Ответить
    • Марал Гаипова
      141
      комментарий
      0
      читателей
      Марал Гаипова
      Ilya Pronin
      больше года назад
      Добрый день. Вы делаете поспешные выводы.
      1. Мы написали, что это перевод:  "Портал Econsultancy сделал подборку из 15 интересных примеров интернет-магазинов".
      2. У нас около 15 000 материалов на портале, есть статьи с примерами  и русскоязычных сайтов тоже. Вот, например, последний www.seonews.ru/analytics/uluchsheniya-na-sayte-kotorye-ubivayut-konversiyu/

      Считаю, что конкретно в этом случае нельзя ориентироваться только на отечественны...
      Добрый день. Вы делаете поспешные выводы.
      1. Мы написали, что это перевод:  "Портал Econsultancy сделал подборку из 15 интересных примеров интернет-магазинов".
      2. У нас около 15 000 материалов на портале, есть статьи с примерами  и русскоязычных сайтов тоже. Вот, например, последний www.seonews.ru/analytics/uluchsheniya-na-sayte-kotorye-ubivayut-konversiyu/

      Считаю, что конкретно в этом случае нельзя ориентироваться только на отечественные примеры. Важно изучать успешные и оригинальные работы и то, как реагируют на них, вне зависимости от страны. Внутренние причины поведения человека сходны. Никто не предлагает копировать опыт коллег. Посмотрев, узнав, что делают в схожих областях другие компании, можно натолкнуться на правильные мысли и идеи, как работать со своим сайтом и со своей аудиторией. И экспериментировать. Получать свой опыт. Если он будет интересный и оригинальный, то мы об этом напишем)
      -
      0
      +
      Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Алгоритм продвижения сайта через Pinterest
Виктор Гаврюков
29
комментариев
1
читатель
Полный профиль
Виктор Гаврюков - В самом вверху есть ссылка на мою группу в ВК, там где автор материала. Через группу и свяжитесь со мной_)
Ссылочный апдейт Google: что изменится для SEO-специалистов в рунете
Тимур
6
комментариев
0
читателей
Полный профиль
Тимур - Понял, спасибо за информацию.
Как забрать 5 мест в выдаче из 10. Кейс-эксперимент
Виктор Гаврюков
29
комментариев
1
читатель
Полный профиль
Виктор Гаврюков - такое можно делать и с ВЧ_)
3 основные ошибки, которые допускают владельцы сайтов при продвижении
Виктор Гаврюков
29
комментариев
1
читатель
Полный профиль
Виктор Гаврюков - Не обращай внимания_) Если у тебя хороший ресурс, то ты будешь первоисточником, и все кто своровал, автоматически начнут на тебя ссылаться, точнее, так гугл будет считать_)
Как продвинуть сайт по коммерческим запросам в ТОП-10 с помощью ресурса Reddit
Denis Zar
2
комментария
0
читателей
Полный профиль
Denis Zar - пользовались услугами по продвижению на реддит от reddit-marketing.pro?
Как мы увеличили трафик из Яндекса более чем в 3 раза за неделю на сайте клиники. Кейс
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - У большинства сайтов произошел рост в Гугле в декабре и в марте Яндекса. Ваши шаманства тут не причём :)
Сравнительная статистика уровня жизни SEO-специалистов в семи странах, включая Россию
Рустам
1
комментарий
0
читателей
Полный профиль
Рустам - Средняя температура по больнице, подсчет даже близко не отображает действительность, особенно учитывая разность цен и уровня зп в разных частях больших стран (США, Канада, Россия)
Зарабатываем с помощью текстов: как создать уникальный контент и монетизировать сайт
dotaidi
94
комментария
0
читателей
Полный профиль
dotaidi - Какой-то нейро-физиологический подход к теме создания контента: 1. " ..чтобы контент отвечал интересам аудитории, закрывал ее боли и потербности". Закрыть боль аудитории? Это как понимать, текст что должен выполнять функцию анестезии? Зачем падать в медицинские категории, это ведь профессиональный текст о SEO, а не триллер и не художественная литература, где метафоры уместны. 2. "Главное — чтобы процесс сбора информации вас увлекал и нравился, ведь эта работа требует усилий". Построение тезиса предполагает, что если работа не нравится, то и усилий она не требует. И вообще, упор в работе на главное значение "нравится" — очень спорное и тоже из области НЛП-игрушек. Стилистика статьи тоже желает более продуманного подхода к использованию словосочетаний специфической терминологии: "вы можеет создавать материалы в коллаборации с известными брендами, релевантными тематике вашего сайта". Бренд не может быть релевантным из-за того, что это целый комплекс явлений, собранный под некоторой узнаваемой семантической или графической символикой. Релевантность — качество, свидетельствующее о совпадении запроса(желания) и выдачи (полученной информации). Это нужно хотеть бренд, чтобы он стал релевантным. Аналогия и релевантность не синонимы. "прикладывайте усилия в сбор и обработку информации" и многие подобные обороты делают статью не просто нерелевантной, но просто безграмотной.
Как доработка структуры вывела сайт в ТОП-10 Google и увеличила трафик в 2 раза. Кейс Связной Трэвел
Дмитрий
3
комментария
0
читателей
Полный профиль
Дмитрий - Вероятнее всего было обновление Google и позиции были снижены в связи с низкой скоростью загрузки страниц (так как доработке ведутся не только по SEO, но и в целом по функционалу сайта, появляются новые скрипты). В этот период в Google Search Console увеличилось количество страниц с низкой скоростью загрузки. Мы выявили несколько проблем, которые снижают скорость загрузки страниц и выдали рекомендации по их устранению. Пока данные рекомендации находятся в работе. Также был проведен анализ EAT факторов и проверка сайта на соответствие требованиям Google к YMYL сайта, выданы рекомендации по доработке данных факторов (ждем внедрения наших рекомендаций, поделимся потом результатами).
Рост ботных переходов на сайт: как интерпретировать и что делать
Mike
5
комментариев
0
читателей
Полный профиль
Mike - как это проверить? что товары выводится именно на основе спроса, а не по заданным алгоритмам?
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
385
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
114
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
94
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
62
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!