5EEDAED5-6AA4-4553-94A3-AEF2477EDF6F

YotaSports

YotaSports
Клиент

Следом за приложением для настройки чёрно-белого экрана YotaHub, дизайн-команда Yota Devices доверила нам новую задачу. Совместными усилиями нам предстояло разработать интерфейс YotaSports — мобильного приложения для трансляции событий со спортивных игр.

Задача

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

Управление с цветного экрана

YotaSports на лицевом дисплее отличается от заднего. У обратной стороны больше возможностей, и только она хранит подробности матчей. При этом без «цветного» приложения не обойтись — с него начинается настройка.

Нажмите на картинку

Управление с обратной стороны

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

Дизайн интерфейса

Почти тем же составом, что на проекте YotaHub, мы с командой Yota Devices разрабатывали интерфейс: вместе проектировали первые экраны, проверяли гипотезы, искали решения. Дизайнеры Yota Devices снова помогали, направляли и вели нас от концептуального этапа к отрисовке деталей.

Интерфейс верхнего экрана мы построили по стандартам Material design от Google, а чёрно-белую часть создали по руководству от дизайн-команды Yota Devices.

Переключение между видами спорта и списки игр: прошедших, действующих и предстоящих.
Мини-формат спортивного виджета в трёх состояниях: ход игры, афиша и экран без избранных матчей.
Крупный формат спортивного виджета в трёх состояниях: ход игры, афиша и экран без избранных матчей.
Полноэкранный режим приложения. Открывается по нажатию на виджет.
Слева подан вид действующих игр, справа — предстоящих и завершённых.
Оповещения о результатах матчей.

Знакомство с приложением

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

Нажмите на картинку

Презентация состоит из 5-ти статичных слайдов и 3-х интерфейсных подсказок. Сперва подаём назначение приложения, поясняем устройство и логику работы. Затем уже «образованному» пользователю показываем, как выбирать между видами спорта, выводить данные на второй экран и смотреть трансляцию.

Развитие проекта

У приложения YotaSports большое будущее, которое мы и коллеги из Yota Devices спланировали ещё в начале проекта. От следующих версий стоит ждать новых видов спорта, больше информации о матчах, командах и игроках.

Разработка приложения

Мы ушли от сложной разработки серверной части, найдя подходящего поставщика данных. На идеальный источник информации мы не рассчитывали, поэтому искали приближенную к нашим требованиям базу. Структура данных повлияла на формат приложения, но незначительно — все концептуальные идеи удалось сохранить.

Спасибо команде Yota
Devices за наставления
и чуткое руководство.
Стратегия и UX:
Георгий Яковлев;

Арт-дирекшн:
Георгий Яковлев, Александр Батуев.

Отправьте заявку или напишите письмо selling@nimax.ru

Вместе мы подберём решение и подходящий инструмент

IBS
IBS
Ролик про аутсорсинг и цифровой HR от IBS.
эксплейнер, концепция, сценарий, съёмка, монтаж, цветокоррекция, озвучание, графика
Фора Банк
Сайт московского банка.
концепция, архитектура, дизайн, разработка
Conde Nast, SEO
Делаем SEO для крупнейших глянцевых СМИ России.
SEO
Промсвязьбанк
Видео о приложении Промсвязьбанка.
эксплейнер, концепция, сценарий, съёмка, монтаж, цветокоррекция, озвучание, графика, серия