На главную
CineLab
Немного о проекте…
Нужно было сделать редизайн личного кабинета пользователя (кинотеатра). Старый интерфейс не обновлялся около 10 лет, имел устаревший визуал и неудобную навигацию, построенную через верхнюю шапку.
Личный кабинет использовался для работы с фильмами, отслеживания статусов загрузки, получения ключей версий, а также для управления информацией о кинотеатре и профиле пользователя.
Задачи и цели
Обновить UX и UI личного кабинета без изменения бизнес-логики сервиса
Повысить удобство навигации и ежедневного использования
Привести интерфейс к единому визуальному образу
Упростить работу с карточками фильмов и их версиями
Наглядно отобразить статусы загрузки и доступность ключей
Подготовить дизайн к дальнейшей передаче в разработку
Что было сделано
Проанализирован старый интерфейс и составлена карта сайта на основе старого интерфейса
Совместно с техническим директором обсуждена структура данных и приоритеты отображаемой информации
Собран интерактивный прототип, на котором проработана логика кабинета
Пересобрана навигация: вместо верхней шапки реализован левый сайдбар как более масштабируемое и удобное решение
Разработан единый UI-подход для карточек фильмов и версий с отображением состояний
Создан UI Kit с использованием переменных Figma для упрощения поддержки и передачи дизайна разработчикам
Экран списка кино
На экране (1) отображены карточки кино, которые имеются в кинотеатрах пользователя. Также отображены версии каждого кино и его статус загрузки. При нажатии на карточку кино, отображается модальное окно (2) , в котором можно подробнее ознакомиться с информацией о кино
Экран "О Кинотеатре"
Мобильная версия
UI-Kit и переменные
Благодарю за просмотр!
На главную