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

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

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

Существует множество вариантов страниц товара и в плане дизайна и в плане полноты информации. Портал 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
    +
    Ответить
    • Марал Гаипова
      139
      комментариев
      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
Как выбрать CMS для интернет-магазина
demimurych
18
комментариев
0
читателей
Полный профиль
demimurych - Очередное волшебство, а не материал. все что ниже, сказано человеком который больше 20 лет своей жизни посвятил ковырянию исходных кодов систем. Битрикс по качеству кода и функциональности ровно такое же говно как и вордпресс. Заявить что он разрабатывается группой крутых программистов может только человек, который не знает что такое программирование. Единтсвенное отличие битрикса от вордпресса, это сертифицированнось на определенном локальном рынке. поставить Друпал в один ряд с вордпрессом, это видимо в продолжении предыдущей бугогашечки про крутых программистов в битриксе. тут важно отметить, что если битрикс и вордпресс являлись говном одного сорта весь цикл своего существования, то друпал имеет минимум 4 принципаильно разных кодовых базы. При этом даже самая примитивная из них - друпал 5 ветки, которому больше 12 лет, на голову выше текущих вп с битриксом вместе взятых. с точки зрения разработки - конечно. А не востребовтных на текущий момент плагинов. теория про разработку кода группой крутых программистов, не выдерживает никакой критики. достаточно просто оглянуться назад и увидеть, что в мире опенсорса есть как примеры эталонного говна - вордпресс, так и полная противоположность им типа РОР ставшего фактически во многом и на долго эталоном веб разработки. И это я еще ненапомнил автору о том, что есть такие вещи как питон, миникс и т.д. примеров качественного по в мире разработки открытым сообществом на порядки больше, чем наоборот. и тому есть ряд очень простых обьяснений. первое из которых, никто вам не даст просто так закомитить в ядро любой свой говнокод. даже в вордпресе. словом, информация в статье, как и ее выводы - это из области работы со своим воображением, чем с текущей ситуацией на рынке.
Ссылочное продвижение локальных сайтов: ТОП худших SEO-методов
demimurych
18
комментариев
0
читателей
Полный профиль
demimurych - о господи. это для регионального сайта? в яндексе? где у сайта по региону конкурентов меньше чем выдачи на двух страницах из которых перваш это реклама москвы? потешно ей богу. ктото чего то не понеимает.
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Автоматические SEO-аудиты: как напугать некорректными выводами
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - спасибо
Зачем подменять контент на сайте: разбираем инструмент и развенчиваем мифы
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - К мифу 1 добавлю Google optimize optimize.google.com Удобен для сотрудников со спец. знаниями и без них. Подмена контента настраивается за счет многих вариантов страниц и условий настроек распределения трафика. Варианты страниц можно легко создать копипастом. На мой взгляд удобно и бесплатно. Тот же Calibri и программисты в любом случае, пусть не за это, но где-то берут свою комиссию. (чисто мое мнение). В качестве цены отдаешь такой ресурс как личное время и копейки за внесение двух первоначальных изменений в html шаблон страниц. Но если ваша digital-кампания имеет совесть то оплата максимум час, а то и бесплатно. Интернет-маркетолог сам должен уметь это делать. Все просто + подробную инструкцию прилагают на языке пользователя. + за поддомены платить не надо, они вообще не нужны. + взаимодействие с: - Google Ads; - Google Tag; - Google Analytics просто прекрасно отслеживается по всем вариантам параллельно. Это помогает до деталей нарисовать профиль ЦА по любому "кредиту - отдельно на машину и отдельно на бизнес". Что с аналитикой у Calibri на этот счет? Сам с Calibri не разу не работал, всегда работаю с первоисточником. + к мифу 3 в том что это и есть детище поисковой системы и рекламного инструмента. Яша тоже спокоен будет так как сам везде навязывает Турбо-страницы (считаю их не удобными).- Как "-" (минус) вижу то, что может повлиять на скорость загрузки сайта. Но если у вас не конструктор, а темболее Landing Page, то о скорости можно не волноваться. Но это чисто мое мнение. В остальном согласен с автором.
7 способов увеличить авторитетность сайта «в глазах» поисковых систем
Grigo5
4
комментария
0
читателей
Полный профиль
Grigo5 - Понятно.
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
59
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
Монетизируйте свой сайт вместе с VIZTROM
VIZTROM
3
комментария
0
читателей
Полный профиль
VIZTROM - Добрый день! Так как мы сейчас работаем в приватном режиме, Вы врятли можете объективно оценить нашу рекламную площадку. У нас будет официальный запуск 3 марта для вебмастеров. Приглашаем Вас присоединиться к нам и лично посмотреть наш функционал.
Digital-разговор: Михаил Шакин про SEO, Google и заработок в интернете
Анна Макарова
373
комментария
0
читателей
Полный профиль
Анна Макарова - Подготовим ) Пока предлагаю почитать интервью с Денисом Нарижным из той же серии. Там стенограмма =) www.seonews.ru/interviews/digital-razgovor-denis-narizhnyy-pro-ukhod-iz-seo-i-zarabotok-na-partnerkakh/
Кейс Hansa: как увеличить органический трафик в 1,5 раза
Алексей Порфирьев
3
комментария
0
читателей
Полный профиль
Алексей Порфирьев - Спасибо за замечание, о данной проблеме известно, но она не стоит в порядке приоритетных. Вопрос, на самом деле, дискуссионный. В тематике конкуренция не настолько велика, а в топе выдачи часто встречаются сайты с более серьёзными техническими проблемами. По этому, именно в статьях, более важно работать над релевантностью контента, отношением времени пользователя на странице к уровню доскрола, и различным пользовательским функционалом (рейтинг материала, просмотры и т. п.).
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
139
Комментариев
121
Комментариев
111
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
86
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
59
Комментариев
57

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