Андрей!

Окружение влияет на восприятие, поэтому полезно примерять любой макет в ту среду, где он будет использоваться: макет приложения обернуть в айфон, навигацию — повесить в интерьер, ну а банер — на сайт. Можно надизайнить любую красоту, а потом окажется, что девочка на банере каким‑то образом взаимодействует с другим элементом на странице, а смысл текста искажён близлежащим заголовком.

В качестве примеров — неудачный банер Википедии, который наверняка все помнят, и кое‑что посвежее:

О банере Википедии есть отдельный совет Артёма Горбунова

Теперь о вёрстке. Кажется, что текст в вашем банере неоправданно мелкий, особенно время действия акции. Девочка почему‑то отвернулась от сообщения и вообще кричит в ужасе в отдельной оранжевой комнате.

Я бы переделал как‑то так:

Теперь и девочка радуется. Остаётся непонятным, почему на банере об обуви нет самой обуви. Возможно, тоже стоит что‑то предпринять.

Типографика в вебеДоработка вёрсткиНоситель: сайт
Отправить
Поделиться
Запинить

Комментарии

Если не обращать внимание на стилистику, то основная проблема банера в перенасыщенности информацией. Зачем рассказывать о том, что 1 июня — международный день детей? Покупателям ведь интересна скидка, а не событие или праздник к которому она приурочена. Если скидка на всю детскую обувь — почему бы не сделать скидку в самом каталоге и не мучать покупателей запоминанием промокода?

5 июня 2019
Игорь Петров

А что, если пойти дальше и срезать вообще всё, что не относится к задаче срочно продать обувь? Возможно, даже дата не нужна — банер можно показывать только на время действия акции.

Оставшееся увеличить и визуально упростить, подвигать акценты. Кажется, получается более быстрое считывание: −15% → Купить обувь

5 июня 2019

Если бы был бюджет, я бы сделал фотографию с девочкой, которая поднимает ножку и на ножке обувь. И дальше текст.

5 июня 2019

Рекомендуем другие советы