Меню Закрыть

4 Основных Элементов Дизайна Электронной Коммерции

 

Конечно, смотреть на Стефана

Предпочитаю печатный вариант этого видео? Ниже вы найдете немного отредактированы обзор четырех столпов эффективным электронной коммерции веб-дизайна.

Основ электронной коммерции дизайн
Доверие

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

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

Контактная информация

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

Политика возврата

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

Технические сертификаты

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

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

Визуальная привлекательность

Восприятие-это все, когда продажа ваших продуктов онлайн. Люди формируют свое первое впечатление от вашего сайта в течение всего лишь 50 миллисекунд. С Shopify магазин, делая, что впечатление во многом зависит от качества ваших изображений.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Формат (настольных и мобильных)

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

Если вы строите ваш бизнес с Shopify магазин “отзывчивый”. Это означает, что сайт адаптируется под различные устройства и размеры экрана, будут ли клиенты просматривать на настольном компьютере, смартфоне или планшете.

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

Навигация

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

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

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

  • Магазин [Категория Продукта]
  • О Нас
  • Бестселлеры
  • Свяжитесь С Нами

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

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

  • Магазин [Категория Продукта]
  • Возвращение Политики
  • Условия обслуживания
  • Свяжитесь С Нами

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

Основы пройти долгий путь

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

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

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

Курс Академии важными: как создать свой интернет-магазин

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

Записаться бесплатно

Secured By miniOrange