Спорт на больших экранах. Кейс Instat

InSports TV (бывш. Instat) — OTT-платформа с трансляциями спортивных событий и плейлистами хайлайтов. На ней подписчики могут смотреть матчи, следить за лигами, командами и игроками.

У компании уже были web-, мобильные приложения и Android TV, но не хватало версии для Samsung Tizen TV. Именно с этой задачей они обратились к нам :)

В процессе работы над проектом мы:

- Встроили приложение в существующую инфраструктуру.

- Сделали удобную навигацию с пульта.

- Реализовали ключевую функцию — выбор длительности просмотра.

Бэкенд был готов — нам нужно было «подружить» его с новым приложением. Это сэкономило месяцы разработки и позволило сфокусироваться на фронтенде и UX.

Нам предстояло разработать:

- Главную страницу со списком трансляций и фильтрацией по дате.

- Страницу команды со списком их матчей.

- Страницу игрока с матчами, в которых он участвовал.

- Избранное для команд и игроков.

- Систему поиска по игроку и настройка предпочтений.

Основной фишкой приложения стала возможность выбрать, какую часть трансляции пользователь хочет смотреть. На выбор предоставляется 4 варианта с разной продолжительностью.

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

Нам нужно было превратить список временных отрезков с интересными моментами в виде (00:15:13–00:16:22) — в короткое видео с главами. Причём реализовать эту функцию так, чтобы пользоваться ей было удобно на телевизоре, где управление происходит пультом.

У InSports был готовый дизайн-проект, но не хватало некоторых экранов. Мы доработали их в тандеме с дизайнером клиента. И несмотря на разные часовые пояса, работали оперативно и слаженно.

Главное отличие приложений для ТВ — управление пультом. Навигация должна быть чёткой, предсказуемой и удобной. Поэтому мы расположили весь контент на жёсткой прямоугольной сетке, чтобы перемещаться было просто и интуитивно.

Также клиент хотел, чтобы в приложении была кастомная клавиатура, а не стандартная Samsung. Это сделало бы интерфейс более однородным, и открытие клавиатуры не слепило бы пользователей в темноте. Поэтому мы сделали собственную клавиатуру, запретив использование родной.

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

Мы делали приложение под телевизоры Samsung. Их отличительная черта — особый UI/UX непохожий на другие телевизоры. Для нас всегда важно тестировать приложения, чтобы всё отлично работало без багов. Поэтому мы купили телевизор Samsung, так как у нас в офисе был только LG. Благодаря этому, мы проработали все краевые сценарии. Приложение безупречно работает на всех телевизорах Samsung.

- Новый продукт дополнил экосистему InSports и вывел сервис на миллионы владельцев Samsung TV.

- Пользователи получили удобный доступ к матчам — от полного просмотра до коротких обзоров.

- Кастомная клавиатура и сеточная навигация сделали интерфейс удобным для управления пультом.

- Дизайн остался целостным и единым для всей линейки приложений.

- Приложение стабильно работает на всех устройствах Samsung и полностью готово к релизу.