У меня есть постоянный клиент, с которым мы работаем уже давно и пилим его слона по частям. Были и доработки отдельных страниц сайта, и презентация, и рекламные материалы.
В одной из задач клиенту захотелось сделать на странице стандартный CTA-баннер.
Решила не угадывать
Клиент давний и понятный. Но в работе с ним часто нужно угадать настроение. С таким сталкиваются многие, и это не проблема, это простой человеческий фактор.
Тут я решила не угадывать, а сразу сделать несколько вариантов и дать человеку выбрать.
Почему вообще несколько
Один вариант можно делать, когда клиент точно знает, что он хочет, и может это объяснить. Или когда он всецело доверяет выбору дизайнера.
Но я еще ни разу не встречала клиента, который действительно четко понимал бы, что он хочет и как это будет работать.
И вообще надо понимать: клиент приходит как раз затем, чтобы ему сделали так, как ему надо. Разбираться в композиции и иерархии — это наша работа, а не его.
Выбор, которого нет
Если смотреть поверхностно, самыми яркими отличиями между вариантами были цвета. Если погрузиться в детали — конечно же, не только они. Разные иллюстрации. Разные размеры шрифтов. Разное количество деталей.
Схем было всего три
Схемы условные: реальные баннеры клиента здесь не показаны.
От крупного к мелкому
Во всех случаях чтение идет от крупного и яркого к мелкому. И сверху вниз.
Именно поэтому, кстати, вы не увидите баннеров, где кнопка наверху, а текст к ней внизу: такой текст никто не станет читать.
Есть нюанс
Все три схемы правильно ведут читателя, но есть нюанс. Если много равнозначного по шрифту текста, у читателя разбегаются глаза: а что тут важнее?
Что выбрали
Это я и показала заказчику наглядно: много элементов отвлекают. Так что выбран был вариант с минималистичным рисунком и коротким текстом с кнопками слева.
А писать длинные тексты на мелких баннерах — это нечитабельно!
Про размеры и требования к рекламным баннерам — в статье «Баннеры для РСЯ и Яндекс Карт в 2026».
Чек-лист CTA-баннера
- Одна мысль
- Баннер говорит что-то одно. Если хочется сказать три вещи — это три баннера или страница, а не баннер.
- Заголовок — самый крупный
- С него начинается чтение. Пояснение заметно мельче, чтобы не спорить с ним за внимание.
- Коротко
- Заголовок в одну-две строки, пояснение — одно предложение. Все остальное — на странице, куда ведет кнопка.
- Кнопка после текста
- Сверху вниз и слева направо: сначала человек понимает, о чем речь, потом видит, что нажать.
- Одна главная кнопка
- Если кнопок две, вторая — заметно тише: контур или ссылка. Две одинаково яркие снова заставляют выбирать.
- Глагол на кнопке
- «Записаться», «Получить расчет», «Посмотреть каталог» — понятно, что произойдет после нажатия.
- Иллюстрация помогает
- Небольшая и спокойная. Если картинка тянет взгляд сильнее заголовка, она уже мешает.
- Воздух
- Пустое место вокруг текста и кнопки — это не недоработка, а то, что помогает их увидеть.