Когда нужны фотографии
Здесь всё довольно просто: если вы продаете товары, то лучше использовать фото, так как они передают реальный вид продукта. Это же правило работает и для офлайн-услуг — на сайтах ресторанов, кофеен, отелей, коворкингов и других подобных мест фото создают атмосферу и усиливают связь между компанией и клиентом.
Есть несколько способов найти фотографии для сайта.
Фотосессия
Для потребителя важны качество и уникальность контента. А фотографии на сайте — это визитная карточка компании.
Провести качественную съемку можно и с минимальным бюджетом. Например, фотографа можно найти среди недавних выпускников фотокурсов, а в качестве реквизита использовать подручные материалы.
Важно помнить, что хорошие фотографии обязательно окупятся, поэтому жалеть на это средств точно не стоит.
Фотографии показывают реальный вид товаров — потребитель знает, что получит после покупки
UGC-контент
Пользовательские фотографии повышают доверие клиентов, которые мало знакомы с брендом, и обеспечивают компанию неисчерпаемым контентом не только для сайта, но и для страниц в соцсетях.
Как использовать UGC на сайте? Как вариант, можно подгрузить модуль с фото из Instagram и пригласить пользователей подписаться на страницу.
UGC делает лендинг более живым
Проверенные фотостоки
Этот вариант наименее предпочтительный: стоковые фотографии не передают уникальность бизнеса, однако они подходят стартапам и молодым проектам, которые только запускают свой продукт и нуждаются в его визуализации.
Не стоит брать фотографии напрямую из поисковиков, так как они чаще всего много раз использовались на чужих сайтах и могут нарушать авторские права.
Бесплатные фотографии с лицензией можно искать через сервис Loon — мы пользуемся им при создании брендбуков. Loon собирает картинки и фотографии сразу с четырех надежных стоков — Unsplash, Pexels, Pixabay и Flickr.
Когда нужны иллюстрации
Иллюстрации подходят для сайтов сервисов, технологических, финансовых и других компаний, где фото продукта или услуги сделать просто невозможно. В таких случаях иллюстрации на сайте выполняют сразу несколько функций:
-
Привлекают внимание. Они цепляют взгляд пользователя и заставляют его остановится на цельном смысловом блоке. Когда страница сайта состоит из полотна текста, пользователю сложно вникнуть в его суть.
Скорее всего, читатель даже не остановится на этой странице 
Однако с иллюстрацией сайт становится более легким, а иллюстрация цепляет взгляд пользователя -
Визуализируют сложные процессы. С помощью иллюстраций можно показать устройство продукта, возможности сервиса или процесс работы команды.
Иллюстрации помогают UserX Analytics наглядно показать возможности продукта -
Помогают посетителю ориентироваться в нужном направлении. Иллюстраций могут выделить смысловые блоки, которые позволят читателю комфортно воспринимать информацию и тем самым увеличат глубину просмотра страницы.
Горизонтальные линии переводят взгляд на ключевые цифры компании 
А точеные иллюстрации, такие как стрелочки, направляют пользователя в нужное место на экране, снижая процент отказа -
Поддерживают фирменный стиль компании. Иллюстрации — это такой же важный элемент фирменного стиля, как логотип, шрифт и цветовая палитра. Используя иллюстрации на различных носителях, в том числе на сайте, компания увеличит запоминаемость бренда.
Иллюстрации на сайте Epicstars являются частью фирменного стиля компании
Можно ли совмещать фото и иллюстрации
Совмещать фотографии и иллюстрации можно, но осторожно: что-то должно быть главным, а что-то только дополнять. Например, онлайн-платформа Puzzle English в основном использует фирменные иллюстрации и иконки, а фотографии на лендинге выступают в качестве дополняющего элемента.
На сайте Puzzle English гармонично совмещаются фотографии и иллюстрации, но за основу берется все-таки второе.
Резюмируем
Основная задача визуальных материалов на сайте — сделать страницу более привлекательной и понятной для пользователя.
Определиться с тем, что использовать — фото или иллюстрации — помогут основные правила:
-
если ваш продукт можно сфотографировать, используйте фото;
-
если необходимо наглядно объяснить сложный процесс, используйте иллюстрации;
-
хорошей альтернативой иллюстрациям могут стать иконки — они также цепляют взгляд, однако, если мы используем их с фотографиями, они смотрятся аккуратнее.