Советы создания правильных hero image для сайта
Подходящая графика высокого качества поможет увеличить общую оценку сайта, в то время как неверно подобранная иллюстрация рискует испортить все впечатление веб дизайна.
Релевантные изображения
При выборе hero image предпочтение отдавайте картинкам, которые соответствуют контенту, тематике и идее сайта. Материалы из фотостоков на главной – это уже клише. В них нет ничего плохого, но если вы действительно хотите быстро ознакомить пользователей с главной идеей своего сайта, или не желаете быть похожими на другие компании, тогда лучше избегать такого подхода.
Создайте из hero image ослепительный шедевр
Сол Басс сказал: «Дизайн – это визуальное мышление». Действительно, это тот же контент, только представленный в виде изображения. Он позволяет выделить информационное наполнение веб-страницы. Тщательно продуманный баннер hero image будет радовать глаз и захватывать внимание пользователей.
Старайтесь быть эмоциональными
Согласно проведенным опросам, 70% потребительская лояльность и решение совершить покупку формируется на основе эмоций. Если ваш графический баннер наделен индивидуальностью и сюжетом, то он обязательно вызовет ответный отклик у посетителей.
Графика высокого качества
Картинки не должны быть размытыми или заретушированными. Фото плохого качества выглядят неприглядно. Применение в вебдизайне подобных вариантов говорит об отсутствии профессионализма. Баннер hero image – это лицо вашего бренда. При разработке сайта пользуйтесь векторными графическими редакторами.
Улучшить процент конверсии добавлением cta элементов
Чаще всего в качестве призыва к действию (CTA) используют именно кнопки, размещенные поверх большого изображения в верхней части экрана. Очень важно достичь визуальной гармонии между hero image, контентом и CTA-кнопкой.
Оптимизируйте изображение под разные размеры экрана
Убедитесь, что размер фото соответствует размеру дисплеев различных устройств. Адаптируйте картинку под разные платформы, если даже для этого придется поменять ее размер.
Используйте инструменты, которые позволяют корректировать размеры изображений. Например, Cloudinary – облачный веб-проект, позволяющий отслеживать контрольные точки картинки в интерактивном режиме.
Дайте волю творческому воображению
Креативные иллюстрации и рисованные веб-дизайны быстро становятся популярной альтернативой простым баннерам hero image. Креативные иллюстрации дают больше возможностей для передачи информации, которые трудно запечатлеть в одном кадре.