Senior UX/UI designer

2024

UI/UX, Prototyping, Design system

Бизнес-задача

Решение

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

Из-за снижения популярности телевидения 2х2 начал активно развивать и осваивать цифровые площадки. Телеканал провел ребрендинг и обратился в студию для создания нового сервиса.

Создание площадки
для развития
поп-культуры и сообщества вокруг взрослой анимации

2х2

01 / О проекте

Я изучила продукты других телеканалов и сервисов из смежной области (онлайн-кинотеатры). Провела сравнительный анализ, выделила основные паттерны и лучшие решения на рынке, составила общие рекомендации для нового сервиса.

Поиск лучших решений

02 / Бенчмаркинг

2х2

Мы проанализировали интервью с пользователями, определили их цели и предпочтения, выявили основные боли и барьеры. Чтобы команда лучше понимала аудиторию сервиса и ее потребности, мы составили портреты пользователей.

Интервью и портреты пользователей

03 / Исследования

2х2

Я спроектировала основные пользовательские сценарии и создала кликабельные прототипы. Для поиска проблемных мест и минимизации ошибок на дизайне мы провели коридорное тестирование, после чего я доработала кейсы и внесла правки.

2х2

Прототипирование и тестирование

05 / Проектирование

Ограничения со стороны CRM

Управление контентом сайта происходит через CRM. Так как все настраиваемые блоки и элементы интерфейса имеют фиксированные поля и набор сущностей, мы должны были учитывать способы и условия их реализации, а также необходимость внесения доработок в админ-панель.

06 / Cложности

2х2

2х2

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

Концепт должен был отражать личность бренда, вызвать эмоциональный отклик у аудитории и быть понятным как для поколения «миллениалов», так и для «зумеров».

Визуальный
концепт: личность бренда - «Бунтарь»

07 / Визуальный концепт

Ироничная коммуникация

_____

_____

_____

Тематические иллюстрации

Стилизованные иконки

На основе исследований и полученных данных был создан финальный дизайн

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

2х2

08 / Дизайн

Основываясь на болях пользователей, я сделала простую и понятную навигацию, которая обеспечивает быстрый переход в каталог. Тематические подборки, навигация по категориям и фильтры позволяют легко находить контент согласно интересам пользователя.

Теперь пользователь может...

Быстро и легко находить контент по предпочтениям

Теперь у пользователя есть возможность узнать больше о проекте идущем в прямом эфире, не отрываясь от просмотра и не переходя в карточку тайтла.

А еще...

Узнавать больше о проекте в эфире, не отрываясь от просмотра

Я упростила доступ к просмотру видео, сезонам и сериям. Добавила динамичные обложки тайтлов с трейлерами и анонсами на фоне, лонгриды от авторов-экспертов, описание героев и чат для обсуждения.

Кроме того...

Глубоко погружаться в контент и делиться впечатлениями

Публикации авторов-экспертов, тесты и конкурсы

Краткое описание любимых героев

Доступ к расписанию выхода всех серий в прямом эфире

Чат для обсуждений и комментов

Можно делиться проектом с друзьями

Выбор сезона/серии на первом скроле

Я соединила два сервиса: 2х2.Медиа и 2х2.ТВ и сделала бесшовную навигацию. Теперь пользователь может не только смотреть видеоконтент, но и читать статьи о мире анимации, кино, игра и пр.

Это помогает расширить аудиторию и сформировать лояльное сообщество.

А также...

Читать персонали-
зированный
контент

Теперь можно следить за новыми публикациями любимых авторов и добавлять статьи в избранное.

Это помогает анализировать интересы пользователей и персонализировать их опыт. Например, предлагать персональные подборки с видеоконтентом на основе прочитанных/избранных публикаций.

А еще...

Следить за любимыми авторами

Теперь у пользователь может создать личный кабинет. В MVP будет доступна история просмотров и раздел с избранными публикациями.

Кроме того...

Продолжить просмотр в удобное время

При вводе поискового запроса пользователи получают результат по всем типам контента: проекты, видео, статьи и список авторов. Чтобы посмотреть результаты поиска им не нужно переходить на отдельную страницу.

А еще...

Быстро найти нужный контент

Я собрала библиотека кампонетов для оптимизации процессов дизайна и разработки и дальнейшего масштабирования продукта.

Библиотека компонентов

09 / Библиотека компонентов

2х2

2х2

После завершения дизайна мы успешно защитили дизайн перед заказчиком и согласовали все детали.

Сейчас продукт находится на стадии разработки. На следующем этапе мы планировали провести дизайн-ревью и запустить продукт. После релиза собрать метрики, наметить дальнейший план работ и перейти ко второму спринту и дальнейшему развитию сервиса.

Мы успешно защитили проект и сейчас сервис находится на этапе разработки

10 / Итоги