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

Перед началом работы нужно изучить рынок, в частности, конкурентов.

Я взяла на рассмотрение три онлайн-кинотеатра:
Кинопоиск HD
Амедиатека
Okko

01

02

Проведение
исследований

Перед проведением исследования я составила список гипотез и вопросов для интервью с пользователями.

2/5

гипотез были подтверждены

2

пользователя опрошены

03

User Flow

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

04

Разработка интерактивного прототипа

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

Вы можете прокликать интерактивный прототип ниже.

05

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

Создание дизайн системы и UI-кита. В дизайн-систему входят типографика, система отступов, элементы и компоненты. Это позволяет другим дизайнерам и разработчиком иметь полное представление о том, что из себя представляет проект и какие элементы уже существуют.

06

Верстка макета в Figma

Верстка произведена на автолэйаутах. Для удобной работы с контентом и интерфейсом созданы шаблоны и компоненты. Верстка блоков — адаптивная.
Компонентам назначены поля для быстрого ввода данных через настройки в правой колонке Figma.
Вёрстка на Auto Layout позволяет облегчить работу с контентом, автоматически подгоняя его под размеры блока. Также максимально используются компоненты для повторяющихся элементов.

Спасибо за просмотр! ❤️

Made on
Tilda