Фото или иллюстрации: что использовать на сайте?

Когда нужны фотографии

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

Есть несколько способов найти фотографии для сайта.

Фотосессия

Для потребителя важны качество и уникальность контента. А фотографии на сайте — это визитная карточка компании.

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

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

Фотографии показывают реальный вид товаров — потребитель знает, что получит после покупки

UGC-контент

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

Как использовать UGC на сайте? Как вариант, можно подгрузить модуль с фото из Instagram и пригласить пользователей подписаться на страницу.

UGC делает лендинг более живым

Проверенные фотостоки

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

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

Бесплатные фотографии с лицензией можно искать через сервис Loon — мы пользуемся им при создании брендбуков. Loon собирает картинки и фотографии сразу с четырех надежных стоков — Unsplash, Pexels, Pixabay и Flickr.

Когда нужны иллюстрации

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

1. Привлекают внимание. Они цепляют взгляд пользователя и заставляют его остановится на цельном смысловом блоке. Когда страница сайта состоит из полотна текста, пользователю сложно вникнуть в его суть.

   Скорее всего, читатель даже не остановится на этой странице Однако с иллюстрацией сайт становится более легким, а иллюстрация цепляет взгляд пользователя

2. Визуализируют сложные процессы. С помощью иллюстраций можно показать устройство продукта, возможности сервиса или процесс работы команды.

   Иллюстрации помогают UserX Analytics наглядно показать возможности продукта

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

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

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

   Иллюстрации на сайте Epicstars являются частью фирменного стиля компании

Можно ли совмещать фото и иллюстрации

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

На сайте Puzzle English гармонично совмещаются фотографии и иллюстрации, но за основу берется все-таки второе.

Резюмируем

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

Определиться с тем, что использовать — фото или иллюстрации — помогут основные правила:

• если ваш продукт можно сфотографировать, используйте фото;

• если необходимо наглядно объяснить сложный процесс, используйте иллюстрации;

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

Источник статьи