100 примеров поп-апов, которые зацепят клиентов

No Comments

Всплывающие окна вызывают у пользователей смешанные чувства. Их можно ненавидеть, ругаться на них, со всей силы кликать мышкой, пытаясь их закрыть. Но стоит признать, что они работают. Мы можем утверждать это, так как сами пользуемся этим инструментом. Да и вы наверняка замечали, что почти на каждом сайте вас встречают всплывающие окна на любой вкус, с предложениями подписки или скидки.

Мы решили собрать более 100 ярких примеров для вашего вдохновения с точки зрения визуала и контента. Берите на вооружение!

Яркие цвета и контраст

Пользователь сталкивается с обилием рекламы каждый день, привлечь его внимание все труднее. Поэтому маркетологи и дизайнеры часто делают ставку на насыщенные цвета в оформлении поп-апов. Но яркая картинка не работает сама по себе, она должна сочетаться с посылом. И необязательно этот посыл будет рекламным: яркие образы хорошо заходят с качественными предложениями, которые отвечают интересам аудитории.

1. Здесь нет ни сложных детализированных иллюстраций, ни фотографий – только надпись и неоновый зеленый цвет:

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

2. Вот яркое окно на сайте магазина косметики с совсем другим настроением:

Это сайт «Иль де Боте» и их яркий поп-ап. Сочетание красного с черным – классика, всегда привлекающая внимание. Кроме того, это фирменные цвета компании, так что подобные поп-апы позитивно влияют на узнаваемость бренда

3. Следующее окно — наш пример. Сам поп-ап на фоне затемненного окна выглядит контрастно. Благодаря ярким цветам и деталям хочется рассмотреть сюжет. Неординарный персонаж и сама ситуация, кажется, совсем не связаны с предложением, но если присмотрется ассоциация прямая — с нами этим летом вы будете на волне.

Контрасты в оформлении привлекают внимание и заставляют более детально всматриваться в картинку, которая иллюстрирует текстовый месседж

4. Еще один пример, построенный на сочетании близких цветов: фиолетового с розовым.

Чтобы привлечь внимание пользователя выбрали небанальный образ, не связанный с тематикой. Но при этом монохромное изображение динозавра не отвлекает от текста, а хаотично расположенные лайки отсылают нас к нужной теме — SMM-продвижению

5. Оттенки красного и розового вы можете часто встретить на рекламных баннерах и всплывающих окнах. Вот пример, где насыщенный розовый взят в качестве фона:

Всплывающее окно на весь экран в мобильной версии сайта. Дизайн минималистичный, но нескучный, благодаря насыщенному розовому фону и креативной типографике. Но, нужно отметить, что поп-ап на весь экран может отпугнуть пользователей – поэтому очень важно сделать заметный крестик для скрытия окна

Всплывающее окно на весь экран в мобильной версии сайта. Дизайн минималистичный, но нескучный, благодаря насыщенному розовому фону и креативной типографике. Но, нужно отметить, что поп-ап на весь экран может отпугнуть пользователей – поэтому очень важно сделать заметный крестик для скрытия окна

6. Иногда яркие поп-апы занимают весь экран десктопного монитора:

Изображение полностью соответствует посылу: стильный поп-ап показывает и рассказывает, как можно передавать смыслы с помощью визуальных форм

Для публикации таких поп-апов необязательно владеть «Фотошопом»: есть много сервисов для создания поп-апов, в которых сразу можно сделать несложный дизайн.

7. Если товар вызывает приятные ассоциации, его стоит подчеркивать. Это можно сделать с помощью цветного фона окна, контрастного к основному интерфейсу.

Аппетитную еду любят все без исключения: в этом поп-апе полная тарелка сопровождает выгодное предложение для гурманов

8. Яркие поп-апы хорошо сочетаются с образами людей. С помощью яркого фона можно выделить фигуру человека: героя, с которым аудитория себя ассоциирует.

C однотонным ярким фоном ничто не отвлекает от изображения и текста

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

Поп-ап построен на сочетании простых фигур и градиентов. Это быстрое и практичное решение – точно такое же, как мы предлагаем в рекламном тексте

10. Яркие цвета позволяют привлечь повышенное внимание к сообщению, даже если дизайн совсем простой. Например, как в следующем случае:

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

11. Удачные цвета делают лаконичные поп-апы интересными: в частности, фирменные цвета компании всегда прекрасно сочетаются и способствуют узнаваемости.

Желтая кнопка на бордовом фоне смотрится ярко и выразительно. Также интересно использование смайла при том, что дизайн достаточно простой и строгий – смайл переводит общение в неформальное русло

12. Яркие поп-апы вызывают эффект неожиданности. Особенно в случаях, когда весь дизайн интерфейса монохромный и минималистичный.

За основу взят красный цвет, сделан акцент на товаре. Пользователю предлагают ответить на вопросы, чтобы подписаться на актуальные новости и получить скидку

13. Необязательно делать весь баннер ярким. Иногда достаточно одного контрастного элемента.

Этот поп-ап привлекает к себе внимание благодаря интенсивному контрасту белого и розового

14. Комбинация теплых и холодных цветов. С помощью пикселизации контур объектов будто стирается и изображение получает дополнительный объем, при этом фокус переходит на надпись — она более четкая. Такой эффект доступен в несколько кликов в «Фотошопе».

Сезонный яркий поп-ап основан на метафоре: мы предлагаем устроить «жаркий» SMM и вдохнуть жизнь в соцсети

15. Еще один поп-ап с использованием контраста синего с желтым.

Голубое окно смотрится особенно ярко на фоне затемненного интерфейса: такой ход позволяет привлечь максимум внимания к поп-апу

16. Яркий простой дизайн, оповещающий о скидках.

Внимание пользователя привлекает сочетание красного с желтым, а потом он начинаем читать текст

17. Яркие поп-апы могут сочетать векторную графику с элементами фотографии:

Пользователя привлекает цвет и форма поп-апа. Отдельно стоящий наклоненный смартфон придает картине объем. Мы постарались разместить здесь много изображений, но сделать их компактными, чтобы не занимать много места на экране

18. Даже обычные прямоугольные всплывающие окна могут иметь сложный дизайн – благодаря сочетанию множества цветов, рамок и надписей:

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

19. В ярких поп-апах хорошо сочетаются фотографии с векторной графикой.

По крупному изображению знака процента среди товаров сразу ясно, что речь идет о скидках

20. Простые и яркие поп-апы хороши для предложения скидок или подарков — в них клиента должна заинтересовать сама информация. Читайте в нашей статье о том, как визуальные акценты работают в дизайне интерфейсов.

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

21. Альтернативный вариант — поп-ап белый, а вот интерфейс подсвечен ярко: это создает необходимый контраст.

Внимание привлекает не только контраст, но и фигура, выходящая за рамки окна

Привязка к инфоповоду

Вы наверняка замечали, что многие поп-апы на сайтах привязаны к конкретным праздникам, ситуациям в мире или хотя бы к сезону. Давайте посмотрим, как работают такие всплывающие окна.

22. Предновогодняя пора — время дарить подарки клиентам. Оповестите посетителей сайта о текущих акциях и скидках с помощью поп-апа, используйте узнаваемый образ, ассоциации возникнут сами собой:

Визуал и предложение обусловлены приближением праздника. Вместо стандартного дизайна кнопки, мы поместили ее внутрь коробки. Но будьте осторожны с этим приемом: пользователь должен четко понимать, куда ему кликать. Также можно сделать кликабельным весь поп-ап

23. Еще один из самых популярных инфоповодов для всплывающих окон это «Чёрная пятница».

 Здесь клиентам предлагают записаться и ввести свои контактные данные для получения скидки. Этот прием работает, если пользователь изначально лоялен к бренду и заинтересован в покупке

24. Когда мы все ушли в этом году на самоизоляцию, у многих встал вопрос, чем заняться в свободное время. Онлайн обучение стало для многих решением этой проблемы.

Мы показываем пользователю актуальную иллюстрацию в период самоизоляции и предлагаем выгодную скидку

25. Неочевидная с первого взгляда привязка к инфоповоду на следующем поп-апе хорошо работает вместе с предложением скидки. Фитнес-центр закрыт в связи с пандемией, и предлагает оплатить абонемент на будущее по выгодной цене.

Причину предпродаж понимает любой пользователь, зашедший на сайт во время действия ограничительных мер. Текст апеллирует к желанию людей получить выгоду даже из сложившейся негативной ситуации

26. Еще один поп-ап, связанный с коронавирусом, призывающий оставаться дома.

По случаю перехода в онлайн посетителю предлагают скидку на заказ

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

Красный шарик — узнаваемый элемент фильма, логотип играет ту же роль для компании

Уведомления о cookie

Почти на каждом сайте мы видим эти всплывающие окна. Большинство пользователей даже не вникают в работу cookie, и просто закрывают эти поп-апы машинально. Поэтому обычно интересным дизайном они не отличаются. Но есть и исключения: даже такие функциональные поп-апы могут служить для поддержания фирменного стиля.

28. Вот нетривиальное сообщение, уведомляющее об использовании cookies. Взгляните на строчку внизу:

Файлы cookies используют действительно везде, и пользователь по несколько раз в день вынужден подтверждать согласие на них на всплывающих окнах разных сайтах. Креатив в тексте уведомления, как минимум, заставит человека улыбнуться и лучше запомнить бренд

29. Еще один пример того, что надоевшую всем информацию можно подать интересно с помощью креативных формулировок.

«Угощайтесь печеньем» – это игра слов, которая превращает раздражающее уведомление в неформальную беседу с пользователем

30. Креативные идеи помогают преодолеть баннерную слепоту пользователей. Необычный взгляд на обычную ситуацию залог оригинальности даже при самом простом дизайне:

Это обычное уведомление о файлах Cookie, но бело-зеленый цвет печенья на иллюстрации смотрится нестандартно. К тому же, зеленый – это фирменный цвет магазина. Такой поп-ап поможет пользователю лучше запомнить бренд

31. Вот другое интересное уведомление для детского магазина:

Фирменный стиль компании складывается из мелочей: простое и сердечное уведомление не было бы органичным в магазине детских игрушек

Ставка на предложение и контент

Иногда дизайн может отойти на второй план: если у вас есть выгодное предложение или интересный контент для пользователя. Давайте взглянем на примеры, в которых главное — это содержание, а не оформление.

32. Стильный pop-up от Apple. В основе лежит концепция самого бренда: каждый сервис — это чуть больше, чем просто возможность послушать любимые треки.

Поп-ап яркий, но не кричащий, дизайн не отвлекает от большого количества текста. Стиль компании остается узнаваемым. Обратите внимание на наличие 2 кнопок — пользователю дают выбор. Ему сложнее будет уйти, скорее всего он кликнет на одну из них.

33. Здесь ставка на образ, близкий к ЦА – но этот прием надо осторожно применять, потому что мы видим мужчину, а аудитория магазина явно обоих полов. Лучше использовать более универсальное изображение. В тексте есть выгодное предложение (10% скидка), приглашение к подписке и возможность сегментировать рассылку, поставив галочку на интересующую категорию. Это удобно для дальнейшей работы с базой.

Главная мотивация к подписке — скидка, обозначена так незаметно, что пользователи могут ее пропустить.

34. Пробуем новый подход и идем от обратного:

Предупреждаем не о скидках, а об их отсутствии

35. Заманиваем пользователей подписаться на рассылку, предлагая солидную скидку:

Кто откажется от такого комплимента?

36. Поп-апы не отличаются разнообразием по своему посылу: чаще всего либо предлагают скидку, либо подписку на рассылку. Но оригинальные формулировки делают привычные месседжи убедительнее.

Для привлечения внимания использованы строчки из песни

37. Интересное всплывающее окно, в котором предлагается множество опций на выбор. Этот поп-ап похож на отдельный интерфейс в миниатюре.

В верхней панели предлагается выбрать звонок, переписку или подписку на новости. При выборе каждого пункта открывается еще ряд опций: например, при заказе звонка предлагается поговорить сразу или выбрать удобное время

38. Еще одно выгодное предложение – получить прайс по всем просмотренным позициям на сайте.

Пользователю конкретно объясняют, что он получит на почту. Это может вызывать большее доверие, чем просто подписка на рассылку

39. Если пользователь собирается покинуть сайт, можно напомнить ему о выгодном предложении или предложить бесплатный полезный контент:

Восклицательные предложения усиливают важность месседжа

40. Бесплатная полезная информация мотивирует пользователя подписаться на рассылку:

Выгода пользователя акцентирована в тексте ярким цветом

41. Во всплывающих окнах часто информируют людей о новых функциях и возможностях сайта:

 Это всплывающее окно должно заинтересовать пользователя не оригинальным дизайном, а информацией: оно приглашает посмотреть новые изменения в инструментах, которыми человек пользуется

42. Информативные всплывающие окна могут состоять из нескольких частей:

В узком блоке слева информация о работе сервиса, а в большом белом блоке предложение скидок

43. Иногда результаты говорят сами за себя: затейливый дизайн рекламы делать не обязательно, если можно показать убедительные данные:

<img class="lazy" alt="Конкретные цифры вызывают доверие потенциальных клиентов – это главная мотивация перейти на страницу с кейсами» title=»Конкретные цифры вызывают доверие потенциальных клиентов – это главная мотивация перейти на страницу с кейсами» data-src=»/upload/img/06-07-2020/43-1.jpg»>

44. Когда главная задача — коммуникация с пользователем, важно найти правильный подход и уйти от продажных и шаблонных скриптов:

Ставка сделана текст. Он существенно отличается от шаблонных и заезженных вариантов, к которым мы привыкли.

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

Всплывающее окно внизу экрана — не отвлекает от потребления контента и предлагает получить на почту полезные материалы

46. Простое оформление годится даже для коротких сообщений. Если клиенту интересно ваше предложение, вполне можно обойтись без ярких иллюстраций и креативных формулировок:

 Внимание пользователя привлекает красивая фотография товара и предложение скидки: замысловатый дизайн здесь совсем не нужен

47. В одном поп-апе может содержаться несколько выгодных предложений.

Здесь предлагают скидку и подарки за подписку, а также отсылают на соцсети. При этом формулировки лаконичные, а информация понятно структурирована

48. Для новых пользователей хорошо работают поп-апы, обещающие скидку на первый заказ. Так человек может попробовать продукт по сниженной цене. При наличии интереса к продукту, это будет мотивировать к покупке:

При затемнении интерфейса хороши светлые всплывающие окна: подобный дизайн позволяет привлечь внимание к тексту

49. Альтернативный вариант – не просто проинформировать о скидке, а предложить прислать ее на почту:

Выделение слов цветом помогает пользователю сконцентрироваться на тексте

50. В поп-апе можно предложить помощь: возможно, некоторым людям трудно ориентироваться на сайте. В этом случае во всплывающем окне размещают самые популярные запросы:

В окне обозначены основные услуги банка, по которым клиента готовы проконсультировать онлайн

51. Выгодные и неожиданные предложения хорошо сочетаются с неформальными формулировками и лаконичным дизайном.

В период пандемии эта информация существенна для потребителей: бесплатная доставка в Россию может мотивировать людей выбрать именно этот магазин

52. Если нужно структурировать много информации, есть смысл выбрать простой дизайн и сделать несколько визуальных акцентов.

Буллеты возле абзацев текста помогают лучше воспринимать информацию визуально

53. Поп-апы могут содержать вопрос с выбором вариантов.

При положительном ответе пользователю предлагают скидку, а при отрицательном – консультацию

54. Такой прием может использоваться, если нужно быстро сориентировать пользователя на сайте.

Такой поп-ап позволяет быстро разделить посетителей на две категории, и показывать им только актуальную информацию

55. Иногда компания переходит на сторону пользователя:

Пользователи ненавидят спам. Компания уверяет, что от них таких писем приходить не будет. Заодно бренд предлагает скидку

56. Аналогичный поп-ап, обещающий информационную рассылку: но уже без какой-либо материальной выгоды для пользователя. Сама подписка расценивается как выгода, потому что в ней будут только лучшие материалы:

Здесь говорится, что все рассылки плохие, а эта – хорошая. Также уточняется когда и как часто будет рассылка: многим пользователям важно удостовериться, что их не будут заваливать письмами ежедневно

57. Компании знают о негативном отношении к всплывающим окнам, и часто поднимают этот вопрос на самых поп-апах. Посмотрим, как в следующем поп-апе обыграна идея о том, что всплывающие окна раздражают:

На футболке написано «раздражающий медведь с поп-апа» – подобный юмор способствует тому, чтобы пользователи менее агрессивно воспринимали всплывающее окно

58. На важные слова или цифры можно обратить внимание, помещая их в центр иллюстрации:

Сумму скидки невозможно не заметить, а никакой лишней информации нет. Поп-ап всплывает только в «Битриксе», он рассчитан на теплых клиентов

59. Для выбора картинки к важному тексту можно использовать метафоры:

Мы привлекаем пользователей быстрым и эффективным обучением, а подъем трафика мы сравнили с взлетающей ракетой

60. Неординарные формулировки, подкрепляющие выгодные предложения:

Пользователю предлагают «доставку мыслей». Это звучит доверительно и подчеркивает, что писать будут только по делу

61. В мобильных версиях сайтов отсутствие лишних дизайнерских деталей – это скорее плюс, чем минус. Когда нужно перечислить преимущества чего-либо и убедить человека, что предложение выгодно, хорошо подходят маркированные списки:

Человек сразу обращает внимание на плюсы приложения, потому что они визуально структурированы. Если то же самое написать сплошным текстом, велик риск, что пользователь закроет окно, не вчитываясь

Человек сразу обращает внимание на плюсы приложения, потому что они визуально структурированы. Если то же самое написать сплошным текстом, велик риск, что пользователь закроет окно, не вчитываясь

62. Даже незатейливые поп-апы с яркими акцентами бывают хороши, если сделаны грамотно и предлагают человеку выгоду.

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

63. Отсутствие картинок само по себе тоже может привлечь внимание к контенту. Совершенно простые белые поп-апы хороши в сочетании с оригинальным месседжем.

Люди уже привыкли к яркому визуалу, и просто черный текст на белом окне заставляет пользователя задержаться и отнестись к сообщению серьезно

64. Еще один совершенно белый поп-ап, в котором важен текст благодарности.

Отсутствие яркого дизайна заставляет непременно прочесть весь текст: даже если его содержание вполне предсказуемо

65. В кризисной ситуации, когда для бизнеса наступают нелегкие времена, на первое место выходит скорость реакции. Визуал и предложение соответствуют ситуации и полностью передают посыл.

Иллюстрация подкрепляет текст: часы дымятся и задают общее настроение – надо поспешить.

66. Интересный на поп-ап, мотивирующий не отписываться от рассылки. В тексте – благодарность пользователю и предложение нескольких опций.

Здесь изображение прекрасно сочетается с месседжем, а пользователю предлагают три варианта на выбор: подписаться на ежемесячную рассылку, возобновить обычную рассылку или отписаться совсем

67. Неформальный язык может помочь завоевать лояльность аудитории. В частности, это могут быть креативные CTA:

Такие кнопки способствуют доверительному общению пользователя с брендом

68. Забавный текст, заведомо несерьезный, может тоже вызвать доверие: поскольку шаблонные серьезные аргументы не отличаются разнообразием. Пользователь миллион раз слышал предложения подписаться на лучшую/информативную/полезную рассылку.

Здесь нет громких обещаний: просто приглашение подписаться

69. Хорошо смотрится размещение текста поверх фото, но слова должны быть читаемыми. Для этого можно использовать подложку:

Здесь на картинке прямая ассоциация с комплексным продвижением: каналы усиливают друг друга

70. Вот другой вариант поп-апа «Текстерры» с акцентом на месседже: мы демонстрируем свой опыт в разработке. Текст и иллюстрация здесь органично сочетаются.

Мы используем иллюстрацию, чтобы показать богатый опыт в разработке лендингов. Простое черное окно не отвлекает от месседжа и картинки

71. Еще одна интересная идея для поп-апа это опросы или тесты, соответствующие интересам аудитории. Люди любят интерактивы и геймификацию.

Каждому будет интересно проверить эрудицию

72. Тест может не только развлечь, но и помочь определиться с покупкой.

Здесь на основе теста предлагают подобрать подходящую татуиросвку

Оригинальный дизайн и необычные образы

Удивить или даже шокировать пользователя – хороший маркетинговый прием. Неординарные образы в поп-апах помогут потенциальным клиентам заметить и запомнить ваше предложение.

73. В глаза бросается нетипичный дизайн: с первого взгляда, это нелогичный для тематики сюжет. Но именно из-за этого нам удается привлечь внимание:

Здесь главное – название курса, его описание и CTA-элемент. Розовый текст на синем фоне второстепенный

74. Нетривиальный дизайн можно хорошо усилить текстовым сообщением. Например, в следующем поп-апе используются отрывочные эмоциональные фразы, которые сопровождают предложение:

Чтобы пользователь остался, ему предлагают бесплатную пробную версию и подкрепляют это предложение яркой иллюстрацией

75. Благодаря контрасту нам проще воспринимать текст. В этом случае мы ушли от классических цветов и оттенков, которые использовали ранее. Это сразу бросается в глаза: если ваши пользователи привыкли видеть один формат всплывающих окон и привыкают к нему, то новый дизайн может дать больший эффект.

Объем поп-апу дают элементы, выходящие за контур. Меняйт периодически дизайн всплывающих окон — удивляйте посетителей сайта, привлекайте их внимание

76. В неформальных поп-апах и текст CTA может быть менее формальным:

Необычные картинки и неофициальные формулировки позволяют преодолеть баннерную слепоту

77. С максимально простым дизайном внимание можно привлечь необычной формой.

В контексте сайта косметического магазина это изображение смотрится оригинально и уместно, несмотря на несложную графику

78. Вариации логотипа компании могут хорошо работать в поп-апах. Панда изображена в фирменном знаке этого магазина, но для всплывающего окна в иллюстрации изменили движение и мимику героя.

Дизайн получился необычным и ассоциируется с конкретным брендом

79. Имитация бумаги, пергамента или писем еще одно креативное решение для поп-апа:

Поп-апы с письмами могут быть статичными или анимированными, они неожиданно смотрятся на мониторе и привлекают внимание к содержанию письма: в данном случае это предложение скидки

80. Сделать дизайн интересным можно с помощью композиции — расположения графических элементов:

Здесь мы тоже делаем ставку на близкого к ЦА персонажа. Ничего лишнего: в центре персонаж и главное предложение.

81. Креатив может напрямую отражать суть предложения:

Предлагают скидку 1000 рублей и дополняют дизайн соответствующей купюрой

82. Креативные поп-апы не всегда бывают яркими кричащими. Однако даже при сдержанном дизайне использование неординарных иллюстрации заставит пользователя не закрыть окно в первую же секунду:

Если читатель часто заходит на сайт, ему предлагают зарегистрироваться. На платформе Medium для этого всегда интересные поп-апы

83. Эмоциональные картинки могут обыгрывать текст и дополнять его. Они хорошо работают в сочетании с необычным контентом.

В тексте мы стремимся разрушить стереотип о том, что почтовая рассылка не работает. Картинка задумана как иллюстрация и подтверждение: email-маркетинг жив!

84. Животные харизматичные персонажи, которые хорошо подходят для рекламных целей:

Забавная иллюстрация своей позой и одеждой демонстрирует дорогой текст

85. Привычные пользователям персонажи могут быть показаны с необычной стороны. Например, часто используются эмодзи – это картинки, понятные всем и актуальные для разных ситуаций.

Здесь креативный дизайн сопровождает неожиданную надпись, а пользователю предоставлен выбор: уйти с сайта или вернуться

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

Дизайн поп-апа подтверждает тезис: мы умеем делать рекламу, пропустить которую не удастся

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

Здесь эффект от текста усиливается с помощью эмоционального фото

88. Эмоциональные лица часто используют – если улыбающиеся люди на стоковых фото смотрятся неестественными и устаревшими, яркие и неожиданные персонажи на фото помогут привлечь внимание, не вызывая отторжения:

Это поп-ап тату-салона, и герой с молотком никак не связан с заведением напрямую. Но брутальность этого образа близка целевой аудитории, которая делает татуировки

89. В поп-ап может быть интересно интегрировано название бренда.

Логотип вписан в фотографию, он повышает узнаваемость компании

90. Яркие цвета – мощный инструмент визуальной коммуникации. С их помощью можно удивить или даже шокировать пользователя. В следующем поп-апе насыщенные оттенки сочетаются с нетривиальным композиционным решением.

Абстрактные разноцветные фигуры привлекут пользователя необычной композицией. Но важно не переборщить: смысл обращения должен быть всегда понятен

91. Иногда услугу можно представить в образе узнаваемого героя: на рисунке или на фото:

Образ хипстера всем понятный и яркий, он ассоциируется с соцсетями

92. Еще один пример с ярким образом. Нарочито простой дизайн, герой на фотографии и язык повествования нетипичны для интернет-среды. Поэтому такой поп-ап может привлечь внимание и вызвать доверие.

Образ человека и текст дают понять: здесь не будет спама и неактуальной рекламы

93. Поп-апы, которые красиво сделаны и отличаются от большинства всплывающих окон на сайтах, всегда имеют больше шансов зацепить аудиторию:

 Мелкие детали взрыва на прозрачном фоне – это необычный визуал, привлекающий внимание. Еще одна фишка этого поп-апа – выбор, который мы даем пользователю

Поп-апы с анимацией

Моушн-дизайн сейчас повсюду: современный пользователь любит движущиеся картинки.

94. Анимация во всплывающих окнах нередкое явление.

Так в движении показано ограниченное время авторизации на сайте. Анимация мотивирует пользователя действовать быстро

95. Еще один анимированный поп-ап, сообщающий о спешке:

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

96.Вот любопытная анимация на случай, если пользователь покидает страницу:

Бегущий человек забавный, он задерживает взгляд, чтобы пользователь успел подумать: действительно ли он хочет покинуть сайт

97. Моушн-графику часто используют в рекламных всплывающих окнах:

Тут целых две движущихся картинки, которые накладываются одна на другую: они ассоциируются с «космической рассылкой» и «улетной информацией», упомянутыми в тексте

98. Даже если пользователь закрывает всплывающее окно, его можно удивить:

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

99. Даже незначительные движения мотивируют пользователя кликнуть по картинке. Например, как эта анимированная иллюстрация подарка.

Пользователю предлагают скидку, и картинка визуализирует это предложение

100. А это интерактивный поп-ап:

Нарисованный медведь перемещается от движения мышью: когда пользователь хочет закрыть окно, медведь интересуется, уверен ли пользователь в своих намерениях. С таким интерактивом пользователь, как минимум, подольше задержится на окне

Вам нужны яркие и оригинальные поп-апы, которые продают? Обращайтесь за услугами графического дизайна к специалистам Texterra!

Original source: https://texterra.ru/blog/primeri-pop-apov-kotorye-zatsepyat-klientov.html

About us and this blog

We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

Subscribe to our newsletter!

More from our blog

See all posts

Leave a Comment