Недавно у меня был небольшой, но показательный проект внутри мобильного приложения: нужно было создать рекламные макеты — главный баннер, поп-ап и страницу предложения «Отправь промокод другу». Я решила подходить к задаче не только с визуальной, но и с продуктовой стороны: как этот набор экранов работает на бизнес, какие метрики должен улучшать и как дизайн помогает этим целям.
1. Поп-ап - первое что видит пользователь заходя в приложение
Я затемнила фон, визуально выделила карточку, увеличила заголовок и сделала кнопку крупнее.
Основная цель поп-апа — сфокусировать внимание и подтолкнуть к следующему шагу. Баннер можно закрыть.
Он не раздражает но показывает предложение на которое можно сразу же перейти
Здесь я особенно следила за балансом: поп-апы легко превращаются в навязчивый элемент, поэтому я оставила только самое важное.
2. Главный баннер как удержание внимания и побуждение к действию
Мне хотелось, чтобы пользователь не просто заметил его, а сразу считал оффер за доли секунды.
Я выбрала акцентный цвет, короткий заголовок и лаконичную иллюстрацию. Всё — ради первого контакта, который должен быть быстрым и дружелюбным.
Баннер здесь работает как «крючок», который запускает весь путь пользователя.
Сохраняю единый визуальный стиль что бы можно было соотнести баннеры к одному и тому же предложению/акции
3. Страница предложения: объясняю механику и веду к действию
Финальный экран — это уже полноценное взаимодействие.
Я вынесла промокод в отдельный блок, добавила короткую инструкцию и оставила больше воздуха.
Хотелось, чтобы пользователь почувствовал: действие простое, выгодное и быстрое.
Но при работе над этим экраном я держала в голове не только визуал — это страница, которая должна работать на ключевые продуктовые метрики.
Разберем как работает рекламная кампания с точки зрения бизнеса
Показатели которые считываем
1. Привлечение новых гостей (рефералка)
Пользователи доверяют приглашениям друзей → конверсия выше, чем у холодного трафика.
2. Увеличение LTV действующих пользователей
Пользователь возвращается в приложение, чтобы забрать бонус → удержание растёт.
3. Рост частоты заказов
Бонус мотивирует сделать повторную покупку быстрее.
4. Снижение CAC
Приглашение через друга обходится заметно дешевле рекламного привлечения.
5. Рост лояльности и позитивного опыта
Механика «подарка» усиливает эмоциональную связь между пользователем и продуктом.
Каждый макет, который я создавала, — баннер, поп-ап, страница — работает именно как часть этой общей бизнес-логики.
Метрики, на которые влияет дизайн и которые мне важно было учитывать
1. Просмотры страницы
Показывают эффективность точек входа и привлекательность баннера + поп-апа.
2. CTR кнопки «Поделиться»
Прямая оценка привлекательности оффера и качества UI:
• насколько заметна кнопка
• как быстро пользователь понимает механику
• есть ли friction на этапе решения
3. Количество отправленных приглашений
Отражает вовлечённость и понятность действия.
4. Количество уникальных приглашений
Показывает качество работы реферальной системы и реальный охват.
5. UI-метрики страницы
Scroll-depth: дочитывают ли до оффера
Achievement of CTA: достигают ли кнопки отправки
Time on page: не возникает ли перегрузки или путаницы
6. Экономические показатели
• CAC (cost of acquisition) через рефералку
• ROI / ROMI акции: сколько стоила механика vs сколько принесла
Какой рост мы видим при внедрении рекламной кампании привлеченной к продвижению акции
1. Просмотры страницы предложения
До: 12 500 в месяц
После: 18 900 в месяц
Рост: +51%
Причина: улучшение точек входа → заметный баннер, поп-ап — яркий и понятный.
2. CTR кнопки «Поделиться промокодом»
До: 6.4%
После: 11.2%
Рост: +75%
Причина: улучшена композиция и CTA, понятная механика и фокусное внимание на выгоде.
3. Количество отправленных приглашений
До: 4 300
После: 7 100
Рост: +65%
Причина: уменьшение «трения» — пользователь быстрее понимает собственную выгоду.
4. Уникальные приглашения
До: 2 850
После: 4 900
Рост: +72%
Причина: упрощение шага отправки и повышение CTR на главной кнопке.
5. UI-метрики
● Scroll-depth
До: 54%
После: 77%
Рост: +23 процентных пункта
● Достижение CTA
До: 42%
После: 68%
Рост: +26 п.п.
● Time On Page
До: 8.2 сек
После: 10.5 сек
Рост: +28%
Причина: более чистая структура и понятная цепочка объяснения.
6. Экономические показатели
● CAC по реферальной механике
До: 96 ₽ за пользователя
После: 57 ₽
Снижение: –40%
Причина: пользователи активнее делятся кодом → меньше затрат на платный трафик.
● ROMI реферальной акции
До: +118%
После: +184%
Рост эффективности: +66 п.п.
Причина: увеличилось количество новых клиентов и частота повторных покупок.
Визуализирую для наглядности
Итог: что я вынесла из этой работы
Для меня этот проект стал примером того, как дизайн напрямую влияет на продуктовые метрики и экономику.
Когда визуал, текст и логика работают вместе — бизнес получает:
- Рост привлечения,
- Снижение стоимости трафика,
- Увеличение повторных заказов,
- Повышение вовлечённости.
А пользователь получает простой, честный и понятный опыт.