кейс Mindbox: дизайн и верстка 10 pop-up шаблонов для CDP-платформы

Mindbox — крупнейшая российская облачная CDP-платформа хранения данных о пользователях и автоматизации маркетинга. Сервис помогает бизнесу в одном окне настраивать персонализированные омниканальные коммуникации с клиентами на основе данных об их поведении и предпочтениях: email-рассылки, мобильные пуши и In-Upp, лояльность, рекомендации и ML, оптимизация рекламы, виджеты и Pop-Up (поп-ап).

цель

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

на старте

Летом 2024 года у компании Mindbox возникла необходимость создать новую серию pop-up шаблонов (шаблонов всплывающих форм на сайте) для своих клиентов. Прежние решения уже не соответствовали современным требованиям к UX-дизайну pop-up и пользовательскому опыту.

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

задачи

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

провели исследование и собрали мудборд

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

Каждый pop-up шаблон создавался с учетом:

разработали визуальную концепцию и дизайн

«Колесо фортуны» — игровая механика с вращающимся колесом стимулирует пользователей к подписке за счет интерактивного взаимодействия. Повышает шансы на сбор контактных данных за счет элемента выигрыша.
«Слот-машина» (однорукий бандит) — игровой pop-up с визуалом в стиле слот-машины, предлагающий пользователю оставить email и получить бонус. Привлекает внимание благодаря анимации и эффекту неожиданности.
«Секретный сюрприз» (выбор из трех подарков) — игровой pop-up предлагает пользователю выбрать один из трёх подарков и оставить контакты для получения бонуса. Добавляет элемент геймификации с визуально привлекательным оформлением. Пользователь вовлекается в процесс выбора и с большей вероятностью оставляет данные.

Или pop-up с предложением сохранить избранные товары, отправив их на email пользователя. Такой pop-up повышает вовлеченность, позволяя пользователю сохранить интересующие его товары.

Финальный вариант мы сверстали по всем требованиям документов к разработке pop-up на платформе, загрузили на тестовый стенд и протестировали.

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

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

технические решения и реализация

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

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

Мы разработали 10 pop-up шаблонов, среди которых были подписные, с таймером, с обратной связью и игровые (колесо фортуны, слот-машина, выбор подарка). Все разработанные pop-up шаблоны соответствовали высоким требованиям по дизайну и функциональности. Клиент остался доволен результатом, отметил продуманный UX-дизайн, креативный подход к визуализации и высокую адаптивность решений под разные задачи и бренды.

Оставьте заявку и мы свяжемся с вами в течение 1 часа в рабочее время.