Совет недели: Новые тренды в развитии интернет-магазинов

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

За последние 1,5-2 года набрало особую популярность создание собственного интернет-магазина. И WordPress здесь также занимает почетное место.

Раньше эту систему практически не рассматривали как надежную платформу для интернет-торговли, но с появлением и глобальным развитием плагина WooCommerce (более 500 различных плагинов, расширяющих функционал корзины покупателя) — интернет-магазины на CMS WordPress также стали намного доступны и функциональны.

Я внимательно слежу за новыми тенденциями в развитии дизайна и функционала интернет-магазинов (прежде всего на WordPress) и хочу поделиться с вами своими наблюдениями и выводами: что сегодня особенно модно и востребовано в дизайне интернет-магазинов, и какой функционал при этом остается в приоритете?

Хочу заметить, что мои наблюдения и выводы — всего лишь мое собственное мнение, поэтому — совет:

Вы можете соглашаться или нет — это ваше право. Но прислушаться к моим советам все же стоит.

Самые явные функции интернет-магазина

Если даже ваш магазин не подключен к системам онлайн-платежей (типа PayPal, Яндекс.Деньги, WebMoney и др.) — все равно, наличие понятия Корзины покупателя для интернет-магазина — самая важная функция. И тогда главная функция Корзины — не в осуществлении безопасной транзакции (прием и оплата онлайн-платежей), а в осуществлении самого Заказа: прием заявки на товар от посетителя, обработка заказа (связь по Email или телефону с покупателем) и завершение сделки (процедура приема платежа и доставки Товара может лежать за пределами Корзины на вашем сайте).

Если вы используете функционал Корзины из плагина WooCommerce, значит, у вас есть раздел Товары, где вам необходимо создать Товарные карточки: описание Товара, его стоимость, способ его получения (простой через доставку или получение по физическому адресу, цифровой — через загрузку файла). Вам необходимо правильно написать текст, описывающий Товар, правильно настроить представление цены и скидок, ввести понятие Купонов, Дисконтов и т.д. Все эти функции помогает решить плагин WooCommerce вместе с его различными аддонами (плагинами, которые расширяют стандартный функционал плагина WooCommerce).

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

Почитайте — https://bestplugins.ru/wordpress-plugins/plagin-wordpress-woocommerce-ego-rasshireniya.html

Главная страница магазина

Какой она должна быть? За последний год я написал несколько уникальных тем для интернет-магазина на WordPress. Все они разные, с разным вариантом оформления главной страницы.

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

Советую прочитать еще:  Совет недели: как изменить комментарии на вашем сайте WordPress

Например, сейчас я занимаюсь разработкой новой темы, практически готового интернет-магазина «под ключ». Заказчик не будет сам заниматься набором функционала — я все сделаю заранее. Ему останется только наполнить свой сайт правильными Товарными карточками. Тема интернет-магазина — продажа расходных материалов, оборудования и комплектаций для шиноремонта.

А до этого была тема магазина, торгующего постельным бельем. А еще чуть раньше — магазин по продаже египетской парфюмерии и косметики.

anzeda

arabcosmetic

Мой Портфолио

Так какая должны быть главная страница?

Самое главное для любого магазина — первое впечатление. Сайт должен поразить нового посетителя и практически сразу помочь ему стать новым покупателем.

Вы попадаете на сайт (неважно какой тематики) и чувствуете «вот, именно этот сайт даст мне то, зачем я сюда пришел».

Для интернет-магазина произвести первое впечатление — особенно важно.

Но не забывайте, что раскручивается интернет-магазин Товарами, а значит, ваши новые посетители будут попадать к вам на сайт через результаты в поисковой выдаче, или через рекламные объявления, ссылки с которых чаще всего ведут на внутренние страницы сайта.

Поэтому дизайн и функциональность внутренних страниц также важны, как и внешний вид главной страницы.

Но вернемся к главной.

Макет, цвет, фон, шрифт — все это должно работать на основную тематику вашего интернет-магазина.

Удобство чтения, красивый внешний вид, доступность важного функционала (краткое описание товара, групп товаров, цены, акции, фотографии, видео) — все это должно быть очень качественно оформлено и подано на «голубой тарелочке».

И самое важное — сайт интернет-магазина обязательно должен поддерживать адаптивный дизайн!

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

У Google есть онлайн-проверка удобства просмотра на мобильных устройствах. Адрес страницы — https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru

Введите адрес сайта интернет-магазина (любого) и запустите проверку. Посмотрите оценку Google и советы по совершенствованию дизайна и функционала.

Большие списки категорий (рубрик) Товаров

Большая проблема большинства интернет-магазинов — это огромные списки категорий (рубрик) и товарных групп. Как правильно структурировать Товар? Как правильно и где вывести списки категорий Товаров или Товарные группы?

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

При проектировании интернет-магазина надо учитывать возможную структуру Товарных категорий и заранее продумать представление Товаров для разных товарных групп.

Советую прочитать еще:  Черный ромб с вопросом

Например, магазин предлагает шкафы-купе и межкомнатные двери. В первом случае фотография должна быть альбомным форматом, в другом — портретным:

2

meghkomnatnie-dveri

Практически невозможно реализовать сценарий в дизайне, чтобы архив категории «Шкафы-купе» выводил альбомные фотографии, а архив категории «Межкомнатные двери» — портретные фотографии.

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

А есть еще и такие нюансы, как экранная лупа для просмотра мелких деталей на фото, есть функция overlay (наложение других фото при наведении курсора).

Надо каждую функцию в работе с медиа-контентом продумать заранее и учесть при проектировании дизайна.

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

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

И обязательно нужна грамотная и понятная навигация по внутренним страницам для ваших читателей. Чем проще и понятней — тем удобней и приятней с ней работать.

zazzle-shop-categories-listing

 

Сейчас стало очень модным делать мега-меню. Вот как раз для интернет-магазинов с большим количеством категорий и групп Товаров мега-меню находит самое правильное и качественное применение:

 

1

А также навигация по торговым маркам с помощью файлов-картинок (смотрите выше).

Мега-меню сегодня позволяет вывести не только тонны текстового контента, но и файлы изображений, что увеличивает удобство поиска нужного товара или товарной группы (скриншот ниже):

 

Или как вам такой вариант описания структуры магазина по продаже велосипедов? Эта фотография — будущий элемент моей авторской работы:

anatomy

Динамическая информация о Товаре

Я заметил, что страница описания Товара в интернет-магазине — самая не оформленная. Довольно часто отсутствуют фотографии и вместо них — пустое место. Слабо раскрыты характеристики Товара и его детальное описание. В 80% случаев отсутствуют отзывы и комментарии к Товару. И что еще — довольно часто на одном и том же сайте страницы просмотра Товара отличаются между собой макетами!

Во-первых, наличие фотографии повышает эффективность продажи Товара примерно на 28-30%.

Во-вторых, наличие дополнительных фотографий Товара (спереди, сзади, сбоку, экранная лупа, слайдер) повышают эффективность продажи еще на 10-12%.

В третьих, если Товар продается в нескольких цветовых решениях — обязательно наличие фотографий каждого цвета. На сколько повышается эффективность продаж в этом случае? Говорят и пишут, что где-то на 5-6%.

Посчитайте, сколько получилось? Примерно 50% повышения эффективности продажи! И это не я придумал. Жаль, нет под рукой источника дать ссылку на исследование. Поэтому можете не верить)))

Советую прочитать еще:  Как правильно редактировать файл стилей CSS активной темы WordPress

И это я перечислил даже не эффективные маркетинговые действия, такие, например, как:

  • Правильно и грамотно написанное описание и характеристики
  • Список похожих товаров должен быть не более 3-х
  • Акционные товары (скидки до конца дня, ночные распродажи и т.д.)
  • Создание эффекта дифицита (товара осталось... штук)
  • Гарантии (возврата, замены). О гарантиях забывают на 80% сайтах!
  • Функции А/Б тестирования одной товарной карточки (не все сайты магазинов это умеют)

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

 

Три важных элемента дизайна для нового сайта интернет-магазина:

  • Простота
  • Эстетика
  • Контент

Фильтры поиска Товара в каталоге

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

Фильтры поиска должны обязательно учитывать разные характеристики Товара: стоимость, цвет, размеры, торговая марка, категория, группа, общие теги (метки), возраст (товары для детей от рождения и до 3 месяцев, от 3 месяцев до 6 месяцев, и так далее), пол (товары для женщин и для мужчин, товары для детей). Я что-то забыл? Наверняка! Фильтров по Товарам существует великое множество, они разные, но должны быть простыми в управлении.

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

Стали модными решениями фильтры, работающие на основе технологий jQuery (мультипликация) и Ajax-технологии (открытие новых страниц без перезагрузки, что значительно ускоряет работу сайта).

Пример

Все фильтры магазина — в левой боковой колонке. Без перегрузки страницы:

 

Еще пример

Кнопка фильтров — справа под слайдером. Нажмите и откроется скрытый функционал фильтров. При нажатии на любой результаты выводятся без перегрузки страницы:

2

 

Заключение

Все, о чем я написал в этой статье, мое собственное мнение от увиденного в Интернет. Свой первый дизайн интернет-магазина я сделал в 2010 году — эту тему можно найти в моем интернет-магазине платного контента WordPress.

Последний магазин сделан мной не так давно — скриншот вы могли видеть в начале статьи.

Сколько я сделал за эти годы магазинов на WordPress? Честно, не помню. Около 2-х десятков.

Мало? Много?

Не знаю.

Если материал вам понравился, нажмите или расскажите о нем друзьям!

Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *