Исследование рынка: сколько денег в диджитале, что было в 2025 году и каковы прогнозы на 2026 год.
Инна Игнатович
Stellar Cinema (мобильное приложение онлайн-кинотеатра)
Инна Игнатович
#Дизайн приложений

Stellar Cinema (мобильное приложение онлайн-кинотеатра)

26 
Инна Игнатович Беларусь, Минск
Поделиться: 0 0 0
Stellar Cinema (мобильное приложение онлайн-кинотеатра)
Компания

Stellar Cinema

Сфера

Культура и исскусство

Регион

Беларусь, Минск

Сдано

Май 2025

Задача

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

Решение

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

Аналитика: Определена целевая аудитория, проведено глубинное интервью с потенциальными пользователями, построены User Flow и CJM, проведен функциональный и конкурентный анализ, определены сущности и атрибуты приложения, построена структура сервиса.

Прототипирование или вайрфреймы: Разработан функциональный прототип — смысловой набросок блоков, где спланирована последовательность блоков, а также описана функция и состав каждого. Выполнен интерактивный кликабельный прототип.

Мудборд и референсы: Проведен визуальный анализ аналогичных сервисов, что помогло понять, какие приемы можно использовать в дизайне приложения.

Визуальная концепция: Были отрисованы все основные экраны по целевому сценарию. Интерфейс был разработан в темной и светлой темах, в качестве акцентного цвета выбран ярко-синий. Для текста использовался шрифт Inter.

UI Kit: Созданы компоненты, варианты, автолейауты всех основных элементов управления, прописаны все свойства компонентов и затем использованы в приложении.

Финализация макетов: Отрисованы все остальные экраны сервиса в темной и светлой темах. Так как первоначально я проектировала приложение для платформы iOs, то мной были полностью соблюдены все требования из Human Interface Guidelines.         

Доработка UI Kit: После создания всех экранов UI Kit дополнен новыми компонентами и вариантами.

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

Тестирование приложения: Был проанимирован основной сценарий, затем несколько потенциальных пользователей протестировали приложение, попробовав его использовать.

Подготовка для передачи в разработку: Названы и упорядочены все слои, добавлены технические комментарии для разработчика.

1Дизайн-процесс

2Пользователи

3Структура приложения

4CJM

5Первый вход

6Иконки приложения

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

8Типографика и цвета

9Вайрфреймы

10Дизайн-система

11Каталог фильмов

12Страница фильма и видеоплеер

13Избранное

14Аккаунт и все экраны

Результат

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

https://www.behance.net/gallery/238427399/Stellar-Cinema-Mobile-App-Online-Cinema

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Оставить заявку