CinemaCat - мобильное приложение онлайн-кинотеатра by Аня ЕршоваCinemaCat - мобильное приложение онлайн-кинотеатра by Аня Ершова

CinemaCat - мобильное приложение онлайн-кинотеатра

Аня Ершова

Аня Ершова

Коротко о проекте

Задача

Разработка мобильного приложения для онлайн-кинотеатра с уникальной функцией "Киновселенная", направленной на повышение вовлеченности пользователей через интерактивное открытие фильмов и сериалов.

Процесс

Провела исследование целевой аудитории (интервью), анализ конкурентов и usability-тестирование. Разработала user personas, CJM (Customer Journey Map), user flows и архитектуру навигации. Создалa wireframes, прототипы (статические и динамические) и дизайн-систему в Figma, учитывая guidelines iOS и Android для адаптации под разные устройства. Применила принципы атомарного дизайна для создания UI-kit (компоненты, варианты, стили, grids, auto layouts). Разработала визуальную концепцию на основе moodboard, фокусируясь на типографике, композиции и мистической тематике (черный кот как символ).

Результат

Приложение улучшило пользовательский опыт: упрощена навигация, добавлены персонализированные рекомендации и интерактивные элементы для поиска контента. Прототип протестирован на usability, что привело к оптимизации сценариев (регистрация, поиск, просмотр). Это повысило вовлеченность, сделав интерфейс интуитивным и визуально привлекательным для мобильных платформ.
Инструменты: Figma.

Почему «Киновселенная»?

Идея функции «Киновселенная» появилась в ходе интервью с представителем целевой аудитории. Пользователь отметил, что часто не знает, что именно хочет посмотреть, и стандартный поиск по жанрам не всегда помогает.
На основе этого инсайта была предложена концепция интерактивного визуального исследования контента: от общего к частному — от жанров к поджанрам, авторам или темам, а затем к конкретным фильмам. Это позволило превратить поиск фильма в более понятный и вовлекающий сценарий.

Процесс

Анализ конкурентов

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

CJM и портреты пользователей

На основе анализа были сформированы пользовательские портреты и карта пользовательского пути (CJM). Это помогло выявить ключевые точки взаимодействия пользователя с приложением и определить моменты, где можно повысить вовлечённость.
Основные инсайты:
пользователям важно быстро находить связанный контент
ценится визуальная наглядность и логичная навигация
пользователь ожидает персонализированный и понятный интерфейс
CJM
CJM
Портрет №1
Портрет №1
Портрет №2
Портрет №2
Портрет №3
Портрет №3

Архитектура и навигация

Была спроектирована структура приложения с учётом новых пользовательских сценариев. Отдельный раздел «Киновселенная» позволяет пользователю исследовать фильмы и сериалы внутри одной франшизы, переходя между персонажами, частями и связанными проектами.

Usability test

Провела тестирование на 2 респондентах: задачи по поиску фильма, добавлению в избранное, просмотру. Метрики: успешность (100% для ключевых задач), время (среднее 0.9–2 мин), сложность (3–5 баллов). Выводы: упростить фильтры, улучшить рекомендации; рекомендации внедрены в прототип.
Usability test
Usability test

User flow

Разработала user flow для ключевых сценариев: вход, поиск, просмотр. Это оптимизировать итоговый дизайн.

Moodboard

Собрала moodboard с мистическими элементами (черные кошки, луна, свечи) для создания атмосферы магии и таинственности, что отражено в логотипе и интерфейсе

Итоговый дизайн

Like this project

Posted Sep 12, 2024

Мобильное приложение онлайн-кинотеатра с уникальной функцией Киновселенная»