Как создать красивые (и убедительные) изображения героев для вашего интернет-магазина

Опубликовано: 2015-01-06

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

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

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

Давайте углубимся в это.

Список для бесплатного чтения: советы по дизайну интернет-магазина

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

Место, место, место.

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

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

Цель изображения героя

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

1. Чтобы помочь создать свой бренд и рассказать свою историю

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

2. Чтобы ответить на вопросы клиентов

Еще один распространенный подход — предоставить ответы на часто задаваемые вопросы. Это может быть ответ на ваше наиболее распространенное возражение или ответы на срочные вопросы, которые могут возникнуть у ваших посетителей. Например: «БЕСПЛАТНАЯ доставка в США».

3. Чтобы подчеркнуть ваше ценностное предложение

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

4. Сделать объявление

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

5. Чтобы показать продукт или линейку продуктов

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

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

Что должен включать в себя образ героя?

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

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

Привлекательное изображение. Человеческий глаз любит большие, смелые и яркие изображения, и именно поэтому качественная фотография продукта так важна. Образ героя ничем не отличается. Ваше главное изображение должно содержать графику, изображения или фотографии с высоким разрешением и привлекать внимание. Почти во всех темах будет указано рекомендуемое разрешение изображения, чтобы вы точно знали, какого размера делать свои главные изображения.
Броский текст. Ваш текст — это слова, которые вы используете для передачи своего сообщения. Из-за характера изображения и времени, которое у вас есть, чтобы передать свое сообщение, ваш текст должен быть очень кратким и по существу.
Сильный призыв к действию. Наконец, все основные изображения должны содержать заметный призыв к действию. Текст или кнопка, сообщающая читателю о том, какое действие вы от него хотите. Некоторые примеры включают «КУПИТЬ СЕЙЧАС», «ПРОЧИТАЙТЕ НАШУ ИСТОРИЮ», «УЗНАЙТЕ БОЛЬШЕ» и т. д.

Стоит ли поворачивать изображения героев?

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

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

Сообщение ссылается на одно исследование Университета Нотр-Дам, показывающее, что первое изображение из пяти изображений получило 84% всех кликов.

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

Если вы хотите использовать вращающиеся главные изображения для своего магазина, учтите следующее:

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

Как создать главные изображения для вашего интернет-магазина

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

Откуда брать изображения:

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

Бесплатные графические ресурсы без лицензионных отчислений

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

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

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

Pixabay - (бесплатно) Более 400 000 бесплатных фотографий, векторов и художественных иллюстраций.

Graphic Burger — (бесплатно) отличный ресурс с бесплатными фотографиями и изображениями для коммерческого использования.

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

morgueFile — (бесплатно) morgueFile существует уже давно и содержит тысячи бесплатных стоковых фотографий, которые доступны для поиска.

Платные ресурсы изображений

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

Creative Market - (Платный) Один из лучших торговых площадок для изображений и графики. Здесь высокие стандарты качества и приемлемые цены.

500px Prime — (Платный) Невероятный ресурс высококачественных, красивых и уникальных фотографий от фотографов со всего мира.

Dollar Photo Club - (Платный) Всего 1 доллар за изображение и большой выбор фотографий премиум-класса.

Stocksy — (Платный) Еще один отличный ресурс тщательно подобранных изображений от кураторов-фотографов. Изображения варьируются от 10 долларов за маленькие изображения, 25 долларов за изображения среднего размера и 50 долларов за большие изображения.

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

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

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

Как собрать образ героя:

Adobe Photoshop (9,99 долл. США в месяц) — это программа, которую выбирают художники-графики и фотографы, однако она имеет довольно высокую цену и большую кривую обучения. Хорошей новостью является то, что есть несколько альтернатив, гораздо более удобных и бесплатных.

Pixlr — (веб-ориентированный, бесплатный) бесплатный загружаемый веб-редактор изображений. Если вы немного знакомы с редактированием изображений, вы обнаружите, что Pixlr довольно прост и интуитивно понятен. К сожалению, без опыта редактирования изображений вам все равно может показаться, что Pixlr немного сложен в навигации. Попробуйте начать с веб-редактора.

Pixelmator — (приложение OSX $29,99) Pixelmator — многофункциональный и мощный редактор изображений для OS X, номинальная стоимость которого составляет $29,99.

Canva — (Web-Based, Freemium) Canva — довольно новое веб-приложение для редактирования изображений, которое выходит за рамки простого редактирования изображений. Их цель — сделать дизайн простым для всех. Приложение позволяет легко выбрать размер изображения, которое вы хотите создать, и включает в себя такие элементы дизайна, как встроенные, включая стоковые фотографии (бесплатные и платные) и шрифты.

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

Заключение

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

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