->
С каждым днем все больше и больше людей совершают покупки в Интернете.
Они ничего не могут с этим поделать. Удобство и простота слишком заманчивы.
Прогнозируется, что к 2021 году глобальные розничные продажи в сфере электронной коммерции достигнут 4,8 триллиона долларов, что более чем вдвое превышает показатель 2017 года, составляющий 2,3 триллиона долларов.
Этот устойчивый бум онлайн-покупок открывает огромные возможности для начинающих предпринимателей в области электронной коммерции. Но это также означает массовую конкуренцию со стороны всех остальных, кто хочет получить кусок для себя.
Поскольку страница вашего продукта — это последнее, что увидит посетитель, прежде чем он решит совершить покупку — или потеряет интерес и уйдет — это одна из самых важных страниц всего вашего магазина.
К счастью, есть тысячи магазинов, которые служат яркими примерами того, как это делать правильно.
И мы собираемся изучить несколько лучших страниц продуктов.
В этой главе мы:
- Посмотрите на шесть магазинов Shopify с лучшими страницами продуктов
- Покопайтесь в конкретных элементах и в том, что делает их такими заманчивыми
- Предложите несколько тем Shopify, которые вы можете использовать для создания собственных
Давайте приступим к делу.
6 исключительных дизайнов страниц товаров
Содержание
1. Мыло Скалистых гор
Rocky Mountain Soap имеет чистый, простой и, осмелимся сказать, классический дизайн страницы продукта.
Он в основном белый, но использует фирменный землисто-оранжевый оттенок бренда, чтобы выделить важные элементы, такие как кнопки «Добавить в корзину» и «Свяжитесь с нами», а также заголовки и интерактивные ссылки.
Их бренд ориентирован на потребителей, которым нужны чистые и натуральные ингредиенты, поэтому они уделяют большое внимание этой концепции в описаниях своих продуктов. Есть специальная вкладка «Ингредиенты», а также вкладка, объясняющая, как использовать их продукты, и вкладка для доставки.
На этой странице мыла Baby Bear используются популярные термины, такие как « исцеление», «справедливая торговля», «органический» и « натуральный».
В нижней части страницы они рекомендуют похожие продукты, чтобы получить несколько перекрестных продаж, а затем сразу же переходят к своим впечатляющим обзорам продуктов.
Когда ваши продукты имеют 46 отзывов с пятью звездами, можно с уверенностью сказать, что у вас есть довольно крутой продукт и бренд в целом.
2. Аргент
У Argent есть одна из лучших идей для страницы продукта, создающая ощущение нехватки и срочности.
В главной навигации дизайна их веб-сайта электронной коммерции есть вкладка «Почти исчезла».
В то время как большинство веб-сайтов используют более косвенный язык, такой как «Ограниченная доступность», этот выбор слова, кажется, дает больше эффекта, чтобы донести суть.
Когда вы нажмете на определенные размеры, вы увидите, что черная кнопка «Добавить в корзину» превращается в серую кнопку «Распродано», что подчеркивает дефицит этого продукта и, естественно, повышает чувство срочности покупателя.
Описание продукта впечатляюще точно описывает, как он подойдет и как клиенты могут его использовать, говоря такие вещи, как: «Он не подходит, но отлично работает в качестве альтернативы верхней одежде для более теплого климата или верхней одежды для холодных офисов».
Он также включает подробное руководство по размерам, помогающее устранить самую большую проблему с покупками в Интернете.
Внизу страницы вы найдете рекомендации по другим хорошо сочетающимся предметам Argent. Плавные перекрестные продажи.
Обладая высокой ценой, Argent отлично справляется с обеспечением ценности своих продуктов, демонстрируя при этом, что они привержены удовлетворению потребностей клиентов.
3. Вещевые отрасли
У Thing Industries много индивидуальности, и это действительно проявляется в дизайне веб-сайта электронной коммерции компании.
Здесь продаются причудливые товары, такие как подушки в форме бананов, книжные полки для скворечников и настенные крючки, похожие на сиськи.
На веб-сайте много изображений, основное внимание уделяется ярким, минималистичным фотографиям товаров, снятым в портретной ориентации (то есть, они больше в высоту, чем в ширину), которые занимают большую часть экрана и предназначены для отличного просмотра на мобильных устройствах. Они показывают продукт в действии с различными вариантами использования, например, в качестве брелка или держателя для сумок.
Когда вы прокручиваете страницу вниз, фотографии продуктов выстраиваются в линию вниз, чтобы вы могли видеть их во всей красе.
Описания продуктов просты и неубедительны, потому что давайте смотреть правде в глаза — это те виды продуктов, которые более или менее говорят сами за себя.
4. Лиза
При покупке дорогостоящего товара потребители обычно нуждаются в большем количестве информации и уверенности в продукте по сравнению с покупками меньшего размера.
Матрас Leesa стоимостью около 1000 долларов идеально подходит для этой цели.
У Leesa одна из лучших страниц продукта, когда речь идет о предоставлении информации о продукте и решении всех возможных проблем, которые могут возникнуть у покупателей.
Над сгибом дизайн страницы продукта использует бирюзовый и оранжевый цвета бренда для акцентов на важных элементах, таких как цена и вариант подтверждения плана оплаты.
При прокрутке вы видите красивую индивидуальную графику, показывающую состав матраса и его особенности. Есть несколько разделов, которые продолжают иллюстрировать преимущества использования графики и фотографии продукта.
Вы даже можете сортировать отзывы по категориям. Говорите о том, чтобы пройти лишнюю милю.
А внизу раздел часто задаваемых вопросов закрепляет сделку.
Понятно, что у Leesa одна из лучших страниц продуктов, дизайн которой свидетельствует об их превосходных продуктах.
5. 69
Мы много говорим о лучших практиках и рекомендациях, но иногда правила созданы для того, чтобы их нарушать.
69 — прекрасный пример дизайна веб-сайта электронной коммерции, который просматривает свод правил, делает паузу на минуту, а затем показывает ему средний палец. Результат? Одна из самых привлекательных и лучших страниц продукта.
Посетители сразу видят это, особенно на анимированной домашней странице, на которой модели слегка двигаются, неловко глядя на вас.
Вместо логотипа и навигации вверху они разместили логотип слева от экрана, а навигацию — справа.
Страницы продуктов укрепляют непочтительную индивидуальность бренда. Они в высшей степени чистые, простые и прямые, с черно-белой темой и очень небольшим количеством лишнего.
В качестве бонуса к весомым преимуществам брендинга этот метод оставляет покупателям мало места для отвлечения.
В целом, это освежающее напоминание о том, что вы можете добиться успеха в глуши, и что некоторые из лучших страниц продуктов нарушают все правила.
6. ПРЕСС Лондон
У PRESS London другая бизнес-модель, чем у обычного интернет-магазина, и это видно по дизайну страницы продукта компании.
В идеале они хотят, чтобы клиенты возвращались для регулярного очищения соком, поэтому важна поддержка клиентов — помимо акцента на стоимость и качество.
Чтобы подчеркнуть стоимость, есть раздел «Подписаться и сохранить», в котором показана скидка 10% на подписку по сравнению с разовой покупкой.
Чтобы усилить элемент поддержки, есть значок, показывающий предполагаемую доставку в течение 1-2 дней, а также номер телефона и адрес электронной почты службы поддержки.
Бренд также имеет сильный социальный элемент, с помощью значков, с помощью которых покупатели могут делиться продуктами в социальных сетях. Дизайн страницы продукта также включает кнопку реферальной программы «Пригласить друга» в левом нижнем углу экрана.
Под прокруткой вы можете увидеть описания и ингредиенты для всех продуктов (что абсолютно необходимо для расходных материалов, особенно тех, которые способствуют укреплению здоровья), а также вкладки для просмотра сведений о доставке, обзоров продуктов и часто задаваемых вопросов.
В целом, у PRESS элегантный дизайн веб-сайта электронной коммерции, в котором хорошо используется безмятежный зеленый цвет бренда. Как вы помните из введения к главе 1 на странице продукта , зеленый цвет является ключевым символом здоровья и хорошего самочувствия.
Мы чувствуем себя здоровее, просто глядя на это.
Теперь, когда вы видели несколько самых лучших страниц продуктов, давайте пробежимся по некоторым темам Shopify , которые помогут вам создать собственный красивый магазин с минимальными хлопотами.
Темы Shopify для дизайна веб-сайта электронной коммерции с высокой конверсией
Ваша тема может стать решающим фактором успеха вашего магазина. Правильная тема может превратить хороший дизайн веб-сайта электронной коммерции в одну из лучших страниц продукта.
В прежние времена, когда вам приходилось каждое утро проходить 15 миль по снегу, чтобы добраться до школы, хороший дизайн веб-сайта электронной коммерции означал трату тысяч долларов и необходимость профессионального веб-разработчика даже для самых незначительных изменений.
Но сегодня Shopify делает невероятно простым перетаскивание вашего пути в магазин, который может конкурировать с крупными брендами.
На официальном рынке тем Shopify есть десятки вариантов, оптимизированных как для настольных компьютеров, так и для мобильных устройств. Есть также множество общих торговых площадок и независимых разработчиков, где вы можете найти еще тысячи.
Вы можете просматривать официальный рынок по коллекциям, например:
- В тренде на этой неделе: чтобы узнать, что нового
- Минималистский стиль: для чистой и простой атмосферы
- Весело и живо: для бренда с большей индивидуальностью
- Большие, красивые изображения: если вы хотите выставлять напоказ изображения своего продукта
- Отлично подходит для больших запасов: если вы продаете большой объем продукции
- Отлично подходит для небольших запасов: если вы продаете только несколько продуктов
Вы также можете выбрать темы, специально созданные для определенных отраслей, таких как одежда и мода, электроника, здоровье и красота, мебель и многое другое.
Если у вас есть конкретная дизайнерская или маркетинговая тактика, которую вы хотите внедрить, посетите страницу « Все темы ». Вы можете сортировать темы на основе стиля макета, функций домашней страницы и страницы продукта, стилей навигации, а также функций маркетинга и социальных сетей.
Вот несколько бесплатных и платных тем с высокой конверсией с официального рынка, которые можно попробовать в вашем новом магазине.
Совет для профессионалов: обязательно ознакомьтесь с демонстрационными версиями и прокрутите вниз страницу каждой темы, где вы можете увидеть несколько реальных магазинов Shopify, которые ее используют.
Бесплатные темы
Минимальный
Надежная тема, которая позволяет избежать беспорядка. Он доступен в стилях «Винтаж», «Мода» и «Современный» и идеально подходит для начинающих предпринимателей в области электронной коммерции, которые только осваивают азы.
Еще одна простая тема, которая станет хорошей стартовой площадкой для начинающих. Он поставляется в классическом и игривом стиле.
Разработанный для больших запасов, Supply выпускается в синем и светлом стиле. Не позволяйте названию обмануть вас — вы можете легко настроить цвета и другие элементы своего бренда, как и остальные темы Shopify.
Платные темы
Блокшоп ($160)
Blockshop был создан для красивых фотографий продуктов, смело демонстрирующих ваше главное изображение в верхней части главной страницы. Он поставляется в четырех стилях, все с минимальным пользовательским интерфейсом (UI) , чтобы сосредоточиться на ваших продуктах. Это хороший выбор для магазинов модной одежды, поскольку в него встроены таблицы размеров и функции рекомендаций по продуктам.
Стартап ($180)
Доступный в четырех стилях, Startup идеально подходит для одностраничных магазинов или магазинов с небольшими товарными запасами. Но его впечатляющий уровень гибкости и детализации делает его достаточно мощным и для веб-сайтов с большими каталогами.
Параллакс ($180)
Название этой темы удачное, поскольку в ней используется эффект дизайна веб-сайта электронной коммерции, называемый параллаксом. Когда пользователь прокручивает страницу вниз, фоновые изображения перемещаются медленнее, чем раздел переднего плана, создавая уникальный и привлекательный магазин. Parallax доступен в четырех забавных стилях.
Заключение
Ну, ребята, это обертка.
В этой электронной книге мы рассмотрели:
- Что такое страница продукта , включая различные типы и их базовую анатомию
- Как написать описания продуктов , которые привлекут посетителей и заставят их покупать
- Плюсы и минусы создания красивых изображений продукта , которые усиливают историю вашего бренда.
- Как использовать видеоролики о продуктах, чтобы продемонстрировать свои продукты и привлечь посетителей
- Список некоторых из лучших страниц продуктов на Shopify и как вы можете вырасти, чтобы стать такими же, как они
Мы надеемся, что вы чувствуете себя вдохновленными, полными сил и готовыми убивать со своим собственным магазином прямой поставки — в комплекте со страницами продуктов, которые восхищают и конвертируют.
