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

  1. Бесплатный список чтения: советы по дизайну интернет-магазина
  2. Местоположение, местоположение, местоположение.
  3. Цель изображения героя
  4. 1. Чтобы помочь построить свой бренд и рассказать свою историю
  5. 2. Чтобы ответить на вопросы клиентов
  6. 3. Чтобы подчеркнуть ваше ценностное предложение
  7. 4. Сделать объявление
  8. 5. Чтобы показать продукт или линейку продуктов
  9. Что должен включать образ героя?
  10. Вы должны повернуть изображения своего героя?
  11. Как создать образы героя для вашего интернет-магазина
  12. Где взять изображения из:
  13. Нет стоимости, бесплатные изображения ресурсов
  14. Платные ресурсы изображения
  15. Как собрать образ героя:
  16. Заключение

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

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

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

Давайте копаться в этом.

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

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

Получить бесплатный список чтения

Местоположение, местоположение, местоположение.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  3. Сильный призыв к действию. Наконец, на всех изображениях героев должен быть заметный призыв к действию. Текст или кнопка, которая сообщает читателю действие, которое вы хотите, чтобы он предпринял. Некоторые примеры включают SHOP NOW, ПРОЧИТАЙТЕ НАШУ ИСТОРИЮ, УЗНАЙТЕ БОЛЬШЕ и т. Д.

Вы должны повернуть изображения своего героя?

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

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

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

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

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

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

  • Сохраняйте контент простым, чтобы ваш читатель мог быстро его переварить.

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

  • Сократите количество слайдов до минимума и используйте только то, что действительно важно.

  • Сделайте навигацию очевидной и управляемой для читателя.

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

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

Где взять изображения из:

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

Нет стоимости, бесплатные изображения ресурсов

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

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

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

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

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

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

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

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

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

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

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

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

Stocksy - (Платно) Еще один большой ресурс кураторских изображений от кураторов фотографов. Размер изображения варьируется от 10 долларов США для небольших изображений, 25 долларов США для изображений среднего размера и 50 долларов США для больших изображений.

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

Похожие

как сделать блог популярным
Какой браузер вы должны использовать?
Иллюстрация Papercut.fr Всем нужен веб-браузер, но с таким множеством доступных вариантов решить, какой из них лучше для вас, может быть сложно. Вы ищете что-то быстрое? Или сильная безопасность - ваш главный приоритет? Или вам нужно много-много дополнений?
Как правильно выбрать блог-платформу?
... какой у нас будет блог и где он будет размещаться. Хотя существует несколько тысяч вариантов, все они делятся на три следующие типы: - Автономные блоги; - Блог-платформы; - Блоги интегрированы в новостные сайты. Рассмотрим более подробно их типичных и популярных представителей. Первыми будут автономные блоги. Это такой блог, что фактически представляет собой простой сайт. Он не привязан к шаблонов оформления
Как написать популярную статью, или как моя статья была прочитана более 200 000 раз!
... чтобы как минимум можно было бы потом в комментариях к статье вести активный диалог со своими читателями. Ведь, если тема для вас далеко - они сразу почувствуют фальшь и потеряют весь интерес к вашему ресурсу. 2. Уникальный контент. Если вы пишете самостоятельно, используете собственные литературные приемы, есть свое видение на ту или иную ситуацию - ваша статья уже уникальна! Очень часто блоггеры начинающие делают большую ошибку, когда начинают «писать для
Что такое выборка и что это значит для брендов?
В индустрии моды и косметики есть особый тип влияния: потребители, которые показывают в видео свои покупательские способности своих фанатов, например Youtube распространение - эта тенденция называется «перетяжка». Диапазон, который могут иметь эти так называемые "видеосюжеты", демонстрируется с помощью нашего инструмента мониторинга социальных сетей
5 тем Ubuntu, которые украдут ваше дыхание
Реклама Когда вы проводите много времени на вашем компьютере, это понятно, если вы хотите добавить некоторые личные штрихи. В Linux вы часто можете изменить тему рабочего стола, не устанавливая дополнительное программное обеспечение и не ломая что-либо. Огромное количество параметров настройки - это один из аспектов Linux, который люди любят больше всего. Вот пять лучших тем и пакетов значков для Ubuntu и других рабочих столов Linux на основе GNOME или GTK. Для каждой
TIM SA Мы отправляем продукцию в течение 24 часов
предлагают 198 тысяч продукты расширенная клиентская панель индивидуальные условия ценообразования Смотрите детали предложить 75 тысяч продукты отслеживание груза история заказов и счета Смотрите детали Что вы получаете при покупке в TIM SA? Самый широкий
Как починить Apple iPhone 6 черным экраном или не включить
... какой-то причине, даже после нескольких дней или недель использования. Как правило, лучший способ исправить iPhone 6, который не включается, - это подключить iPhone к iTunes через настольный USB или перезагрузить компьютер в режиме восстановления. Мы рассмотрим особенности ниже.
Как кошки-викинги отличались от современных кошек
... чтобы убивать грызунов, помогая пушистым кошачьим распространяться по всему земному шару. Но викинги также, похоже, разводят кошек по другой, еще менее приятной причине: собирают шкуры, чтобы носить их как одежду. Сейчас, как сообщается в журнале Science Команда ученых из Копенгагенского университета добыла скелеты кошек, найденных в массовых захоронениях
Как правильно писать статьи в дневнике
Многие из нас задумывались над созданием блога. Некоторые даже делал первые шаги, а вдохновение некоторых даже хватало на год блоґування. Но блог - это такая вещь, которая не может держаться слишком долго на голом энтузиазме и в конце концов должно подкрепляться чем-то,
100% бесплатный мгновенный загрузчик YouTube для Windows 10/8/7
БЕСПЛАТНЫЙ мгновенный загрузчик YouTube, EaseUS MobiMover Бесплатно , позволяет бесплатно загружать видео с YouTube на ПК с Windows 10, Windows 8 или Windows 7 и другие устройства, такие как iPhone и iPad. Почему вы должны выбрать этот инструмент? Потому что EaseUS MobiMover эквивалентен: 1 бесплатный мгновенный загрузчик YouTube С MobiMover, установленным

Комментарии

Мы можем спросить, хотите ли вы пить молоко в чашке или на тарелке?
Мы можем спросить, хотите ли вы пить молоко в чашке или на тарелке? Выбор тарелки будет довольно неэффективным, если вы действительно хотите пить. И наши дети это знают. Творческие инновации происходят, когда дети начинают собирать вещи по-новому, чтобы сделать игрушку из блоков или картона или использовать пластиковую миску в качестве шляпы. И мы можем помочь им по-новому взглянуть на мир, разыгрывая эти необычные сценарии. Для 14-месячного ребенка
А чтобы вы посоветовали для того, чтобы написать популярную статью или сделать ее такой?
А чтобы вы посоветовали для того, чтобы написать популярную статью или сделать ее такой? Какие из этих методов вы уже используете, а какие только собираетесь? Другие интересные статьи
С этим давайте сразу перейдем к самому важному вопросу, который, вероятно, у вас на уме, какой хостинг для вашего блога лучший и как вы знаете, что искать?
С этим давайте сразу перейдем к самому важному вопросу, который, вероятно, у вас на уме, какой хостинг для вашего блога лучший и как вы знаете, что искать? Прежде чем мы начнем, вот единственное, что важнее, чем веб-хостинг Итак, ясно, что хостинг является действительно важной составляющей вашего онлайн-бизнеса. Тем не менее, есть одна вещь, которую я осмелюсь сказать, является более важным.
Но как вы это делаете, когда, глядя на бриф клиента, мы видим целый список важных и супер-важных элементов, которые обязательно должны быть на главной странице сайта?
Но как вы это делаете, когда, глядя на бриф клиента, мы видим целый список важных и супер-важных элементов, которые обязательно должны быть на главной странице сайта? Здесь ползунки приходят с помощью. Что такое слайдер? Слайдер - это просто слайд-шоу - анимация, размещенная на веб-сайте в виде карусели, которая отображает изображения, графику с текстом и кнопками CTA или видеофайлы, а также целые блоки текста.
Можете ли вы выяснить, что Square хочет, чтобы вы делали на этой странице?
Можете ли вы выяснить, что Square хочет, чтобы вы делали на этой странице? Это отличная визуальная иерархия ... 2. Сгиб все еще имеет значение «Сгиб» - это область веб-страницы, которую можно просматривать без прокрутки посетителя вниз. И да, по-прежнему важно ставить вашу самую ценную информацию, призывы к действию и т. Д. Выше сгиба.
В конце концов, почему вы должны спать, когда они хотят играть?
В конце концов, почему вы должны спать, когда они хотят играть? Чтобы помочь решить эту проблему, вы можете сделать несколько шагов. Во-первых, играйте с кошкой перед сном. Это поможет им почувствовать себя так, словно они с вами уже успели, и утомить их на ночь. Во-вторых, не поддавайтесь их требованиям внимания, когда они мяукают. Наградите своего кошачьего друга с любовью, когда они будут тихими, и они узнают, что мяуканье не работает. Когда ваша
Например, хотите ли вы предотвратить, чтобы ваши пользователи возвращали поддельные данные?
Например, хотите ли вы предотвратить, чтобы ваши пользователи возвращали поддельные данные? Или вы пытаетесь предотвратить взлом вашего доменного имени? В любой атаке спуфинга DNS есть две жертвы - владелец захваченного домена, который теряет трафик на свой сайт, и конечный пользователь, который перенаправляется на фальшивый IP-адрес. Владелец домена Для владельца домена вы мало что можете сделать, чтобы защитить себя от подделки вашего доменного имени уязвимому
Wi-Fi против Ethernet: что вы должны использовать и почему?
Wi-Fi против Ethernet: что вы должны использовать и почему? Wi-Fi против Ethernet: что вы должны использовать и почему? Мир становится беспроводным. Означает ли это, что для Ethernet все кончено? Прочитайте больше и Wi-Fi в другом месте, когда вы выходите. Но Wi-Fi разряжает батарею, поэтому имеет смысл
Что мне сделать, чтобы включить его?
Что мне сделать, чтобы включить его? Ответ. Проблемы с питанием, связанные с программным обеспечением, часто решаются путем принудительного перезапуска (нажмите и удерживайте кнопки питания и «Домой» одновременно в течение 20 секунд, пока не появится логотип Apple). И я понимаю, что вы уже сделали это, но безрезультатно. Чтобы заряд аккумулятора не был причиной, попробуйте зарядить свой iPhone на этот раз. Подключите его к функциональному источнику питания с помощью
3. Как сделать так, чтобы Google полюбил Ваши статьи?
3. Как сделать так, чтобы Google полюбил Ваши статьи? Включайте в запись несколько раз ключевые слова, это хоть и не так важно как непосредственная польза для читателя, но пренебрегать этим не стоит. Например, если в записи речь идет о «ловлю карася», то как минимум трижды стоит написать эту фразу и выделить ее жирным. Также стоит помнить, что ваш интригующий заголовок не очень подходит для поисковых систем, его нужно указать отдельно в строке «title».
В Excel, как вы могли бы быстро и легко извлечь реальные изображения из URL-адресов изображений?
В Excel, как вы могли бы быстро и легко извлечь реальные изображения из URL-адресов изображений? Преобразование URL-адресов изображений в реальные изображения с кодом VBA Преобразуйте имя файла в фактические изображения

Вы должны повернуть изображения своего героя?
Что должен включать образ героя?
Вы должны повернуть изображения своего героя?
Вы ищете что-то быстрое?
Или сильная безопасность - ваш главный приоритет?
Или вам нужно много-много дополнений?
Как правильно выбрать блог-платформу?
Почему вы должны выбрать этот инструмент?
Мы можем спросить, хотите ли вы пить молоко в чашке или на тарелке?
А чтобы вы посоветовали для того, чтобы написать популярную статью или сделать ее такой?