Okko
Контекст продукта
Совместная страница активации для Okko — российского стримингового сервиса — распространяемого через Белтелеком, крупнейшего интернет-провайдера Беларуси. Абоненты Белтелекома получают доступ к Okko в рамках своего пакета. Страница — единственная точка входа для активации этого доступа.
Контекст продукта
Совместная страница активации для Okko — российского стримингового сервиса — распространяемого через Белтелеком, крупнейшего интернет-провайдера Беларуси. Абоненты Белтелекома получают доступ к Okko в рамках своего пакета. Страница — единственная точка входа для активации этого доступа.
Моя роль
Продуктовый дизайнер полного цикла. Провёл аудит существующей страницы, определил точки отказа, переработал форму регистрации, экран успеха и создал вторую версию с контентным слоем под формой.
Моя роль
Продуктовый дизайнер полного цикла. Провёл аудит существующей страницы, определил точки отказа, переработал форму регистрации, экран успеха и создал вторую версию с контентным слоем под формой.
Проблема
Форма без контекста и помощи
Страница бросала пользователей прямо в форму для сервиса, о котором они могли никогда не слышать. Никаких объяснений, никакой поддержки, никакой причины доверять тому, что спрашивают.
Проблема
Форма без контекста и помощи
Страница бросала пользователей прямо в форму для сервиса, о котором они могли никогда не слышать. Никаких объяснений, никакой поддержки, никакой причины доверять тому, что спрашивают.
Пустая страница с полями и без инструкции над ними
Нет объяснения что такое «логин услуги» и какой номер телефона нужен
Форма не помещалась в один вьюпорт — нужно было скроллить
Старый экран открывался двумя полями ввода и кнопкой. Ничто не объясняло что такое «логин услуги Белтелекома», где его найти и зачем нужен номер телефона дважды. Пользователи, которые запутались, не имели пути вперёд кроме звонка в поддержку. Аналитика подтвердила очевидное: большинство уходило не завершив форму. Страница запрашивала специфические технические данные у нетехнической аудитории — без какой-либо подготовки.
Старый экран открывался двумя полями ввода и кнопкой. Ничто не объясняло что такое «логин услуги Белтелекома», где его найти и зачем нужен номер телефона дважды. Пользователи, которые запутались, не имели пути вперёд кроме звонка в поддержку. Аналитика подтвердила очевидное: большинство уходило не завершив форму. Страница запрашивала специфические технические данные у нетехнической аудитории — без какой-либо подготовки.
Решение
Объясняем и рассказываем
Переработал страницу вокруг одного принципа: контекст до обязательства. Инструкция вверху, тултипы на полях, видео-гайд в один клик.
Решение
Объясняем и рассказываем
Переработал страницу вокруг одного принципа: контекст до обязательства. Инструкция вверху, тултипы на полях, видео-гайд в один клик.
Короткая инструкция над формой объясняет что нужно и зачем
Тултип на поле логина объясняет термин «логин услуги»
Видео-гайд в попапе — один клик, закрывается, внутри прямая ссылка на кабинет Белтелекома
Редизайн помещается в один вьюпорт — скролл не нужен. Ссылка на личный кабинет Белтелекома находится прямо в блоке инструкции для тех, кому нужно найти свои данные. Видео-гайд открывается поверх страницы — пользователь не теряет своё место. Каждая точка отказа, выявленная в аналитике, получила прямой ответ в дизайне.
Редизайн помещается в один вьюпорт — скролл не нужен. Ссылка на личный кабинет Белтелекома находится прямо в блоке инструкции для тех, кому нужно найти свои данные. Видео-гайд открывается поверх страницы — пользователь не теряет своё место. Каждая точка отказа, выявленная в аналитике, получила прямой ответ в дизайне.
Проблема
Нечего смотреть, нет причин остаться
Страница просила зарегистрироваться в сервисе, о котором пользователь мог никогда не слышать — и ничего ниже формы не обосновывало эту просьбу. В Беларуси стриминг ещё не привычка.
Проблема
Нечего смотреть, нет причин остаться
Страница просила зарегистрироваться в сервисе, о котором пользователь мог никогда не слышать — и ничего ниже формы не обосновывало эту просьбу. В Беларуси стриминг ещё не привычка.
Нет превью продукта
Нет объяснения что содержит Okko и почему это стоит активировать
Пользователи без интереса не имели причины скроллить или передумать
Оригинальная страница заканчивалась формой. Пользователи, которые колебались, не могли никуда пойти — ни контента, ни ценностного предложения, ни второго шанса. Для рынка, где проникновение стриминга ещё растёт, страница предполагала намерение, которого у многих пользователей просто не было. Bounce rate отражал это напрямую.
Оригинальная страница заканчивалась формой. Пользователи, которые колебались, не могли никуда пойти — ни контента, ни ценностного предложения, ни второго шанса. Для рынка, где проникновение стриминга ещё растёт, страница предполагала намерение, которого у многих пользователей просто не было. Bounce rate отражал это напрямую.
Решение
Показываем продукт
Добавил полноценный контентный слой под формой: подборка сериалов и фильмов, блоки с преимуществами и баннер подписки — всё кликабельно, всё скроллит обратно к форме.
Решение
Показываем продукт
Добавил полноценный контентный слой под формой: подборка сериалов и фильмов, блоки с преимуществами и баннер подписки — всё кликабельно, всё скроллит обратно к форме.
Топовые сериалы и фильмы из Okko видны до регистрации
Блоки преимуществ: еженедельные премьеры, эксклюзивы, спорт, ТВ-каналы, детский профиль, офлайн
Каждый элемент контента и баннер скроллит пользователя обратно к форме по клику
Логика повторяет мини-лендинг. Пользователи без намерения могут скроллить вниз, увидеть что реально содержит Okko, и вернуться к форме с причиной. Контентный слой не заменяет форму — он её зарабатывает. Сначала покажи, потом попроси. К тому моменту когда CTA появляется снова внизу, решение ощущается осознанным, а не вынужденным.
Логика повторяет мини-лендинг. Пользователи без намерения могут скроллить вниз, увидеть что реально содержит Okko, и вернуться к форме с причиной. Контентный слой не заменяет форму — он её зарабатывает. Сначала покажи, потом попроси. К тому моменту когда CTA появляется снова внизу, решение ощущается осознанным, а не вынужденным.
Результат
Конверсия выросла, bounce и drop-off упали
Все метрики улучшились после редизайна. Наибольший прирост дали форма регистрации и контентный слой, работающие вместе.
Результат
Конверсия выросла, bounce и drop-off упали
Все метрики улучшились после редизайна. Наибольший прирост дали форма регистрации и контентный слой, работающие вместе.
Общая конверсия: +37%
Bounce rate: 69% → 48%
Drop-off на форме: 40% → 32%
Улучшение конверсии пришло сразу с двух сторон: меньше пользователей уходило до взаимодействия с формой, и больше начавших форму её завершали. Снижение bounce rate пришло преимущественно от контентного слоя — пользователи, которые ушли бы сразу, теперь имели что посмотреть. Снижение drop-off на форме пришло от блока инструкции и тултипов, напрямую закрывших моменты где пользователи застревали. Три проблемы, три решения, одна цифра которая отражает их все.
Улучшение конверсии пришло сразу с двух сторон: меньше пользователей уходило до взаимодействия с формой, и больше начавших форму её завершали. Снижение bounce rate пришло преимущественно от контентного слоя — пользователи, которые ушли бы сразу, теперь имели что посмотреть. Снижение drop-off на форме пришло от блока инструкции и тултипов, напрямую закрывших моменты где пользователи застревали. Три проблемы, три решения, одна цифра которая отражает их все.