Бюджетные баннеры стали слишком бюджетными: пример провала

На днях заметил вот такой баннер парикмахерского салона. Что в нём не так? Буквально всё. Разберу по пунктам.

Бюджетные баннеры стали слишком бюджетными: пример провала

Основная картинка
Я вижу заголовок «Парикмахерские услуги», а волос героини не вижу совсем. Если главный трафик клиентов на стрижку, покажите красивую причёску, а не глаза и ногти.

Плохая контрастность
На фоне остального ужаса это не так бросается в глаза, потому что хитрый «дизайнер» добавил тень ко всему тексту. Оценка контрастности на фото ↓

<i>1,61 из 21</i>
1,61 из 21

Неправильные маркеры
«•» — это буллет. В тексте их используют для перечисления. Здесь в качестве маркера выбрали чёрточки, поэтому вместо маркированного списка мы видим диалог из книги.

Междустрочный интервал
Основной текст прилепили к первому заголовку, но решили отделить во втором и третьем. Больше раздражает отсутствие отступов между блоками информации. Это превращает текст плаката в сплошное полотно, которое сложно читать.

Лишние знаки препинания
В подзаголовках использовали более жирное начертание и акцентный цвет. Несмотря на правила русского языка, двоеточия портят картинку. Всё из-за написания текста большими буквами. Если бы подзаголовки написали как обычные предложения, визуально двоеточия смотрелись бы лучше.

❌ Текст выровнен по правому краю
Это первое, что бросается в глаза, но я оставил на десерт. Если мы вставляем цитату или подписываем картинку, выровнять по правому краю можно — и то не всегда удачно. На фото ниже — магия. Я просто повернул весь баннер зеркально. Даже перевёрнутый нечитаемый текст выглядит комфортнее исходного ↓

<i>Починил</i>
Починил

✅ Подведу итоги

Список советов, которые бы я дал дизайнеру, разработавшему этот баннер:

  • Используй фото с акцентом на красивой причёске, а не только на глазах и ногтях
  • Убедись, что текст читается на выбранном фоне
  • Тени — элемент дизайна, а не лекарство от плохой контрастности
  • Для списков используй стандартные буллеты, а если важна последовательность — цифры
  • Сделай отступы между абзацами для лучшей читаемости и соблюдай выбранный межстрочный интервал
  • Убери двоеточия или используй нормальный регистр
  • Выровняй текст по левому краю. Кириллицу всегда читают слева направо, поэтому глазу привычнее левостороннее выравнивание

💬 Хочешь больше публикаций про вёрстку и тексты — подпишись на мой канал в Telegram.

Начать дискуссию