Кейc: как я сделала серию рекламных макетов для приложения

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

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 п.п.

Причина: увеличилось количество новых клиентов и частота повторных покупок.

Визуализирую для наглядности

Итог: что я вынесла из этой работы

Для меня этот проект стал примером того, как дизайн напрямую влияет на продуктовые метрики и экономику.

Когда визуал, текст и логика работают вместе — бизнес получает:

  • Рост привлечения,
  • Снижение стоимости трафика,
  • Увеличение повторных заказов,
  • Повышение вовлечённости.

А пользователь получает простой, честный и понятный опыт.