Ovič

Select Language

5 лет создаю цифровые продукты для различных платформ. В багаже разнообразные решения для разных продуктов - от retail, ecom и sporttech до horeca и edtech проектов. Сейчас активно занимаюсь внедрением различных LLM и созданием новых пайплайнов для улучшения дизайн-процессов.

Телеграм

Select Language

Телеграм

TV+

Полный кейс

Контекст продукта

мультиплатформенное стриминговое приложение для мобильных, планшетов, десктопа и телевизоров. Контент по подписке: фильмы, сериалы, live-каналы.

Контекст продукта

Моя роль

Продуктовый дизайнер. Провёл редизайн всего приложения, на основе пользовательских исследований и аналитики.

Моя роль

Проблема

Главный экран

Контент терялся за структурой — приложение не давало причины смотреть. Старая главная открывалась рекламным баннером. Реальный контент уходил вниз ещё до того, как пользователь успевал им заинтересоваться.

Проблема

Главный экран

Рекламный баннер на первом экране вместо контента

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

Пять пунктов в таббаре без группировки, навигация конкурировала с контентом

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

Решение

Крупны hero и навигация из трёх пунктов

Заменил рекламный лейаут на полноэкранный hero-баннер как точку входа, сократил таббар до трёх пунктов.

Решение

Крупны hero и навигация из трёх пунктов

Заменил рекламный лейаут на полноэкранный hero-баннер как точку входа, сократил таббар до трёх пунктов.

Hero-баннер даёт контенту визуальный вес которого не было

Категории заменяют заголовки секций — навигация быстрее

Continue Watching виден без скролла — самое вероятное следующее действие сразу на экране

Главная теперь открывается контентом, а не рекламой. Рекомендованный фильм или сериал занимает весь экран — пользователь сразу понимает что смотреть. Таббар сократился с пяти пунктов до трёх: главная, live, избранное. Реклама никуда не делась — просто перестала быть первым, что видит пользователь.

Проблема

Страница сериала

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

Проблема

Страница сериала

Два рейтинга рядом без логики — Кинопоиск и IMDb спорили друг с другом

Нет постоянной кнопки Watch — нужно было искать как начать смотреть

Выбор сезона и эпизода уходил вниз — нужен скролл чтобы добраться

Страница не отвечала на главный вопрос пользователя: как начать смотреть. Кнопки Watch не было вообще — это самое частое действие на странице сериала просто отсутствовало. Два рейтинга рядом создавали путаницу. Выбор эпизода терялся внизу страницы.

Решение

Hero-баннер как якорь и постоянная кнопка Watch внизу экрана

Заменил форму-лейаут на полноэкранный hero-баннер, добавил постоянный Watch CTA и вынес выбор эпизода на фиксированную позицию.

Решение

Hero-баннер как якорь и постоянная кнопка Watch внизу экрана

Один объединённый рейтинг вместо двух конкурирующих

Постоянная кнопка Watch всегда видна — была добавлена впервые

Выбор сезона и эпизода зафиксирован внизу экрана — скролл не нужен

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

Проблема

Настройки

Попапы вместо страниц — непредсказуемый и непоследовательный интерфейс Часть опций открывалась в попапах, часть вела на отдельные экраны. Пользователь не знал чего ожидать.

Проблема

Настройки

Выбор опций через попапы — непоследовательно и неудобно на мобильном

Выход из аккаунта отсутствовал на экране настроек

Раздел помощи не был доступен из настроек

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

Решение

Вложенные страницы везде и два недостающих элемента добавлены

Заменил попапы на единый паттерн вложенных страниц, добавил выход из аккаунта и раздел помощи.

Решение

Вложенные страницы везде и два недостающих элемента добавлены

Заменил попапы на единый паттерн вложенных страниц, добавил выход из аккаунта и раздел помощи.

Попапы заменены последовательными вложенными страницами везде

Настройки сгруппированы в секции: общие, тв-каналы, сериалы, помощь, другое

Выход из аккаунта и раздел помощи добавлены — раньше отсутствовали

Пользователь теперь всегда знает чего ожидать: любой тап ведёт на новый экран, никаких случайных попапов. Быстрые переключатели остались переключателями — остальное следует одному паттерну. Минимальный сдвиг в UX, но значительная уборка в UI.

Результат

Быстрее найти, проще начать, меньше потерянных пользователей

Все три метрики улучшились — каждая отражает отдельную проблему, которую закрыл редизайн.

Результат

Быстрее найти, проще начать, меньше потерянных пользователей

Все три метрики улучшились — каждая отражает отдельную проблему, которую закрыл редизайн.

Время на поиск конкретного сериала: 47 → 33 сек

Нашли план подписки за одну минуту: 50% → 90%

Время от открытия приложения до начала просмотра: 28 → 8 сек

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

Наверх