N / A

Выбор дизайна вашего магазина электронной коммерции

Choosing Your Ecommerce Store Design

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

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

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

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

Если вы используете WordPress (или WordPress / WooCommerce), Magento или Shopify, у вас есть доступ к широкому спектру предварительно разработанных тем, с помощью которых можно установить новый скин на ваш сайт. От раскраски до стилей кнопок, шрифтов и заголовков, эти темы позволяют полностью изменить макет и дизайн каждой страницы вашего сайта всего за пару кликов.

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

Есть много мест, где вы можете найти бесплатные и премиальные темы для разных платформ.

Выбор дизайна вашего магазина электронной коммерции

https://wordpress.org/themes/
http://wwww.themeforest.net/category/wordpress
http://www.elegantthemes.com

Выбор дизайна вашего магазина электронной коммерции

http://www.woothemes.com/product-category/themes/woocommerce/
http://themeforest.net/category/wordpress/ecommerce/woocommerce
http://evowpthemes.net/10-of-the-best-wordpress-woocommerce-themes/

Выбор дизайна вашего магазина электронной коммерции

http://themeforest.net/category/ecommerce/magento
http://www.templatemonster.com/magento-themes.php
http://www.rockettheme.com/magento/themes

Выбор дизайна вашего магазина электронной коммерции

https://themes.shopify.com/
http://themeforest.net/category/ecommerce/shopify
http://www.shopifythemes.net/

Глава 2: Планировка и настройка магазина

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

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

Макет магазина

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

При выборе оптимальной планировки вашего магазина необходимо учитывать несколько факторов.

Не смущайте и не отвлекайте

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

Выбор дизайна вашего магазина электронной коммерции

Остерегайтесь загроможденных страниц, таких как www.lingscars.com (так плохо, что это почти хорошо).

Как показано на BBC Dragons ‘Den, LingsCars.com, пожалуй, лучший из существующих примеров того, как не размещать свой интернет-магазин. Этот запутанный дизайн scattergun не удобен для преобразования, и, хотя он может работать для Ling, не все могут с этим справиться.

Информацию о продукте найти сложно, а приведенные выше скриншоты окружены рисунками, каракулями, играми и прочими «забавными» вещами. Вы даже можете «раздражать Гая», одного из сотрудников Линга, в офисе, играя в The Proclaimers on loop в офисе одним нажатием кнопки.

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

Выбор дизайна вашего магазина электронной коммерции

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

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

Баланс текста / изображений

Выбор дизайна вашего магазина электронной коммерции

Правильный баланс между текстовой и визуальной информацией – еще один важный элемент макета магазина. По сути, покупатели должны видеть изображение того, что они покупают, но также четко определять достаточно информации о продукте, чтобы заранее знать, что они делают правильный выбор. Не заставляйте людей искать детали, а представляйте информацию в приятной, понятной и удобоваримой форме. Некоторые веб-сайты (например, arngren.net, изображенный выше) слишком сложны для просмотра и использования, и это, несомненно, отразится на их коэффициенте конверсии.

Выбор дизайна вашего магазина электронной коммерции

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

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

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

Страницы категорий

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

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

Делайте все просто и логично

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

Аналитический паралич

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

Выбор дизайна вашего магазина электронной коммерции

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

Горизонтальное и вертикальное выравнивание

Оценить разнообразие сложно, и вы не хотите, чтобы паралич анализа начал отговаривать ваших клиентов, готовых к использованию карт. Когда вы все же приходите, чтобы показать разнообразие на страницах своих категорий, у вас есть выбор: вертикальное или горизонтальное представление. Итак, что лучше всего для поощрения конверсий и ограничения ощущения подавляющего выбора?

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

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

Страницы продуктов

Суть конверсии, вероятно, наиболее важна на самой странице продукта, где покупатели решат либо перейти к вашей оплате (или добавить в корзину), либо покинуть страницу продукта и перейти в другое место. «В другом месте» может быть нажата кнопка «Назад», чтобы перейти в альтернативном направлении по вашим категориям. Или это может быть к следующему продавцу. Не рискуйте – делая страницы продуктов максимально эффективными, вы увеличиваете шансы на повышение конверсии, превращая больше посетителей в счастливых клиентов.

Розничная торговля в деталях

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

Информация для покупки

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

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

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

Выбор дизайна вашего магазина электронной коммерции

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

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

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

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

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

  • Обзоры пользователей: обзоры абсолютно необходимы для любой страницы продукта электронной коммерции, потому что люди должны быть уверены в выборе покупки, который они собираются сделать. Мнения других чрезвычайно важны и полезны, когда вы хотите, чтобы кто-то принял решение – чужие слова часто более убедительны, чем ваши собственные, поэтому позвольте другим вашим клиентам закрыть сделку за вас.

  • Кнопка Strong Buy: желаемое действие должно быть видно и выделяться на странице. Сделайте покупку ваших продуктов как можно проще, и пусть посетитель не сомневается в том, что ему делать дальше.

  • Кнопки публикации в социальных сетях: абсолютно необходимые кнопки публикации в социальных сетях для Facebook, Twitter, Google+ и Pinterest, если применимо. Социальные сети являются жизненно важным источником трафика для страниц ваших продуктов – почему бы вам не побудить клиентов делиться крутыми продуктами и продвигать ваши страницы среди своих поклонников, подписчиков и друзей в Интернете? Посмотрите на крупные сайты электронной коммерции, если хотите понять, как это делают крупные игроки.

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

Структура URL

Страницы категорий и продуктов должны быть связаны с главной страницы, если они будут обнаружены посетителями вашего сайта. Сайты электронной коммерции часто могут оказаться обширными, с бесчисленными отдельными страницами, которые можно обнаружить. Ваша структура URL-адресов – это один из способов, с помощью которого посетители могут перемещаться по вашему веб-сайту, если им это необходимо, обеспечивая при этом важные преимущества SEO, сообщая Google, как он должен интерпретировать и оценивать ваш сайт.

При структурировании URL-ссылок стоит подумать о включении категорий и названий страниц, чтобы посетители могли видеть «хлебные крошки» расположения страницы на вашем сайте. Хлебные крошки показывают посетителям путь, который они прошли, чтобы перейти с домашней страницы на страницу, которую они Структурируя свои URL-адреса category1 / category2 / product-name, вы получаете эффект навигации, который помогает посетителям (и Google) понять, как ваш сайт каталогизирован и как они могут перемещаться по нему.

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

Выбор дизайна вашего магазина электронной коммерции

Инструменты Google для веб-мастеров

После того, как вы завершили макет и структуру своих URL-адресов, страниц продуктов и страниц категорий, все, что осталось на сайте, – это убедиться, что вы готовы к работе с Google. Инструменты Google для веб-мастеров – это один из способов помочь вам настроить ваш сайт и точно определить, что Google думает о вашем сайте. Инструменты Google для веб-мастеров позволяют:

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

Инструменты для веб-мастеров полностью бесплатны и могут предоставить бесценную информацию о настройках, которые необходимы вашему веб-сайту, чтобы работать лучше – будь то напрямую для Google или, как следствие, для тех, кто приходит навестить ваш сайт и, надеюсь, совершит покупку.

Вы можете создать учетную запись в Инструментах для веб-мастеров и получить дополнительную информацию по адресу: http://www.google.com/webmasters/tools.

Дополнительная литература / Ресурсы:

Источник записи: ecommerceguide.com

Похожие записи

N / A

Продажа продуктов питания в Интернете и электронная торговля - Руководство по электронной торговле

N / A

Руководство по прямой поставке для электронной коммерции

N / A

Электронная торговля для пожилых людей

N / A

Как узнать, кому принадлежит доменное имя