Быстро разработать интерфейс стримингового сервиса. Сервис состоит из двух категорий пользователей: стример и пользователь. Для каждого разрабатывался свой интерфейс.
Мы были сильно ограничены функционалом, потому что проект требовалось запустить в кратчайшие сроки в разработку. Поэтому не стали придумывать велосипед и ориентировались на похожие стриминговые сервисы.
Нужно было разработать дизайн на основе компонентов, чтобы в любой момент его можно было пересобрать, добавить новые элементы или доработать старые
Решение
Страницы интерфейса разделены по блокам, которые легко прослеживаются в дизайне. А также подготовлен полноценный ui-kit с библиотекой компонентов.
User Flow, интерактивный прототип, дизайн десктопной, планшетной и мобильной версии
разработка UI-kit и подготовка макетов к верстке
21 день
время разработки
Как строилась работа
Я проанализировала конкурентов и интерфейсы в похожих нишах. Вместе с аналитиком и разработчиками был подготовлен документ, описывающий необходимый функционал - ориентируясь на доступные ресурсы на момент разработки.
Прототип
Подготовила чб прототип, который мы согласовывали с программистами и уже отдавали в работу на разработку, чтобы ускорить процесс.
User Flow
User Flow был в виде интерактивного прототипа со всеми переходами по кликам в Figma и в виде статичного макета со стрелками и моими пояснениями - как все должно работать.
Дизайн
Дизайн всего интерфейса с адаптивами. Их пришлось делать сразу, потому что поджимали сроки и разработчики верстали адаптивы сразу к десктопной версии.
Пример адаптивов: планшетная версия 744 и мобильная 375
Мобильная версия
Особое внимание уделили мобильной версии
UI kit и подготовка макет к верстке
Макет я дорабатывала уже на финальном этапе - еще раз подготавливала все к сдаче в верстку, разрабатывала UI-kit на основе уже созданных компонентов.
Что в итоге
Предполагается, что проект будет дорабатываться дальше. Будем смотреть метрики и поведение пользователей и дорабатывать существующий интерфейс. По сути задача была разработать MVP в кратчайшие сроки и запустить в работу. Здесь я показала финальную версию того, к чему мы пришли. Но продукт будет меняться :)