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

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

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

Существует множество вариантов страниц товара и в плане дизайна и в плане полноты информации. Портал 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
    +
    Ответить
    • Марал Гаипова
      137
      комментариев
      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
#SEOnews14: мы празднуем – вы получаете подарки!
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Гость, добрый день! С победителями мы связывались сразу после розыгрыша. Если мы вам не написали, значит, ваш номер не выпал. Но не расстраивайтесь, у нас обязательно будут новые розыгрыши!
Google Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
Светлана Зубрицкая
1
комментарий
0
читателей
Полный профиль
Светлана Зубрицкая - Нужно убрать пробелы между строк и заменить кавычки на вот такие "
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
Георгий
1
комментарий
0
читателей
Полный профиль
Георгий - Все что рекомендуется в этой статье есть у w.tools. Ни разу не пожалел что подключился. Своя CDN сеть, кеш статики и динамики, минификация js\css и кешируемого html, оптимизация всех типов картинок и еще куча всего полезного. Сайт летает и я не знаю проблем. Могу рекомендовать от души.
Война с дубликатами. Как нужно и как не нужно канонизировать URL
Ann Yaroshenko
5
комментариев
0
читателей
Полный профиль
Ann Yaroshenko - Дмитрий, добрый день! Если вы проставили на странице с автозапчастями rel=canonical ( а я вижу в коде, что не проставили) или в HTTP хедере, то бот, как правило: выберит ту страницу главной, которую вы указали в rel=canonical ссылке. Eсли же вы этого не сделали, то бот сам выберит оригинал (алгоритмы, по которым бот это делает, скрыты Googl-ом)
«Аудит, чтобы ты заплакала…», или Что делать, когда получил сторонний аудит сайта
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Воообще, на самом деле здесь двоякое впечатление от таких аудитов. Конечно, для полного глубокого анализа и подготовки рекомендаций по сайту - нужны доступы к системам аналитики и инструментам вебмастера. Но если оценивать подобные аудиты с точки зрения чистого SEO (которое все больше и больше становится лишь малой частью digital-маркетинга, лишь одним из каналов) - они имеют место быть. Но с оговоркой, что они сделаны с учетом анализа конкурентов/отрасли. Современные инструменты и алгоритмы позволяют делать это маркетологам в автоматическом режиме, и даже давать рекомендации - возможностями машинного обучения уже никого не удивишь. Да, полное перечисление "мифического" списка ошибок, построенного по предикативным правилам, да еще и с учетом устаревших особенностей ПС - это явный признак некачественного аудита. В первую очередь потому, что эти "ошибки" следует рассматривать в качестве рекомендаций от ПС (как и говорится в справочнике вебмастера у Яндекса/Google). Однако если эти данные даются с отсылкой на данные о конкурентах, об отрасли, используются методы ML и Natural language processing для обработки исходных данных, кластеризации запросов, классификации страниц/запросов/сайтов, определения структуры документа - такие отчеты имеют право на существование. Но ключевым моментом является то, что подобные инструменты достаточно сложны в разработке, а значит требуют квалифицированных специалистов для их разработки. Которых просто нет у студий рассылающих подобные "сео отчеты". Подобные отчеты по "ошибках" тоже неплохой источник информации, но лишь на 0 этапе анализа сайта. И в принципе, теоретически, возможно почти полное составление "хороших аудитов" без участия маркетолога, на основе лишь открытых данных сайта/внешних источников, но только при соответствующем применении всех современных возможностей анализа данных и рекомендательных систем. И в любом случае подобный "хороший отчет" требует конечного заключения от эксперта.
От мечты стать юристом к собственному SMM-агентству. Как найти себя в современном цифровом мире
Виктор Брухис
5
комментариев
0
читателей
Полный профиль
Виктор Брухис - Статья выглядит так, как пожелали редакторы и интервьюер) Вопросы к интервью подбирал не я)) Хотя, в целом я согласен с вашим видением. А за пожелание удачи большое спасибо!
BDD 2019: Как перестать убивать время на сбор и обработку тонны данных для SEO-аудита
Kosta Bankovski
4
комментария
0
читателей
Полный профиль
Kosta Bankovski - Спасибо за приятные слова! Буду и дальше делиться наработками ;)
Как провести анализ содержания страниц товаров и категорий
Никита Седнин
3
комментария
0
читателей
Полный профиль
Никита Седнин - Спасибо!
Как вывести сайт в ТОП 10 Google в 2019 году
Ирина
8
комментариев
0
читателей
Полный профиль
Ирина - Работают. Как естественные, так и закупные. >Мои сайты в первую очередь заточены на яндекс Соболезную. >Насколько поисковые алгоритмы с гугловскими у него. Разница в 10 лет. Вон в Яше все долбят на ключи, на вхождения и прочий трэш из древностей. А у Гугла, вон почитайте про eat, ymyl Не все понятно но спасибо за ответы. Я так понимаю что с ссылками деть никто точно не знает) Ну это и хорошо вообщем. Самому разбираться как то интересней. Но не всегда. Есть к примеру 2captcha.com/ru и на него 100к ссылок есть. Ну а смысл какой?
Как я пытался купить CRM-систему, но мне ее поленились продать
Kristina
1
комментарий
0
читателей
Полный профиль
Kristina - Очень рекомендую CRM-систему польской фирмы Firmao. Все функции настраиваются в соответствии с индивидуальным потребностям компании! Советую попробовать бесплатную демо-версию, чтобы попробовать все необходимые функции, без лишних кнопок и траты дополнительных финансов! :) Сайт: firmao.ru/info
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
360
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
107
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
79
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

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