Блог

Как правильно подобрать изображение для вебсайта


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

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

Так как же правильно подобрать изображения?

- ЦЕЛЬ -

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

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

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

- ИНФОРМАЦИЯ -

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

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

- НАСТРОЕНИЕ -

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

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

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

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

Частично использованы материалы сайта denisdesigns.com

Вас может заинтересовать:

  • Ключевые Элементы ясного и понятного сайта без “мусора”

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

  • Создаем удобный сайт

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

  • Графика в HTML 4.01 и HTML 5: сравнительный анализ

    Какие новые возможности предоставляет веб дизайнерам HTML5?

  • Что такое лендинг пейдж?

    Дословно лендинг пейдж переводится с английского (landing page) как целевая страница. В Рунете можно встретить еще один перевод термина лендинг пейдж – посадочная страница...

  • Правила оформления страницы продукта интернет-магазина

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

  • Тенденции веб-дизайна в 2018 году

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

Блог

  • 29 марта 2018 г.
    Боковое выпадающее меню на CSS для каталога товаров. HostCMS v.6
    Создадим раздвижное меню для каталога товаров с несколькими уровнями вложенности разделов. Меню будет открыто в основных разделах, лежащих в корневом каталоге. В принципе, вам нужно просто скопировать шаблон, CSS стили и пользоваться этим меню...
  • 07 марта 2018 г.
    Тенденции веб-дизайна в 2018 году
    В 2018 году, дизайнеры начинают разработку чистых и простых сайтов, способных соответствовать стандартам мобильных достижений. Центр внимания сосредотачивается на проекты с прямолинейным, но эффективным и оптимизированным дизайном.
  • 26 января 2018 г.
    Что такое лендинг пейдж?
    Дословно лендинг пейдж переводится с английского (landing page) как целевая страница. В Рунете можно встретить еще один перевод термина лендинг пейдж – посадочная страница...
  • 28 декабря 2017 г.
    Внедрение в макет кода формы с reCaptcha. HostCMS 6
    Хочу поделиться с вами кодом, который размещается в макете страницы и подгружает в нее форму с reCaptcha...
  • 24 ноября 2017 г.
    Выводим производителей с разбивкой по алфавиту. HostCMS v.6
    Если у вас в интернет-магазине много производителей (брендов), то приведенное нами решение поможет организовать показ всех производителей с разбивкой по алфавиту...
  • 07 сентября 2017 г.
    Четыре причины, почему Facebook необходим для маркетинговых кампаний
    Успех вашего онлайн-бизнеса зависит от того, как вы реализуете свою стратегию цифрового маркетинга во взаимодействии с вашей целевой аудиторией...
  • 17 июня 2017 г.
    Варианты создания логотипа сайта
    Фундаментом фирменного стиля является логотип. Непосредственно на логотип, в первую очередь, обращают внимание клиенты любой компании, к тому же, логотип должен быть обязательно размещён на такой имиджевой продукции, как ручки, чашки фирменные бланки и прочее.

Все статьи

Наши услуги по созданию сайтов

WEB ДИЗАЙН

Разработка дизайна сайта. Использование шаблонов для "быстрых" проектов.

ПОДДЕРЖКА САЙТА

Поддержка работоспособности и безопасности. Написание текстов и статей. Наполнение товаром.

ПРОДАЖА ГОТОВЫХ РЕШЕНИЙ

Готовые интернет-магазины и интеграционные решения для сайтов на HostCMS

ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ

Графический дизайн (разработка логотипа). Написание seo-текстов. Редизайн сайта. Замена CMS. Кодинг

Подробный ПРАЙС-ЛИСТ