Анатомия идеальной фоновой картинки

Анатомия идеальной фоновой картинки

Дмитрий Королев

Текст первого экрана имеет втрое большее значение для первого экрана вашего сайта.

Но если писать все более менее научились, то с картинками дела совсем туго.

Поэтому на своем канале "Записки Маркетолога" https://t.me/adv_notes я решил разместить серию статей на тему идеального первого экрана.

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


Аксиома #1: Картинка первого экрана должна быть тематичной и задавать настроение

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

Даже если вот та картинка с кактусами нравится вам очень и очень сильно, автомобиль будет работать лучше.


Вот это хороший пример


А вот это просто отличный пример!


Этот пример хорош с точки зрения фоново картинки, но так себе в осталном.


Аксиома #2: Текст должен быть контрастным фону

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

Поэтому вот вам несколько простых мехник, как можно сделать первый экран более читаемым.

Белый жирный шрифт на затемненном фоне ВСЕГДА читается хорошо.


Вы не представляете как сильно улучшает читаемость эта техника. И как хорошо влияет на конверсии и продажи.

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


Иногда достаточно не затемнять/осветлять всю картинку, а просто сделать подложку


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


А иногда достаточно просто найти на фоновой картинке однотонное место, и разместить текст там.

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

На сегодня это все!

С вами был Дмитрий Королев, подписывайтесь на мой канал Записки Маркетолога, чтобы не пропустить следующие выпуски!

https://t.me/adv_notes

https://t.me/adv_notes
https://t.me/adv_notes




Report Page