IP
YES

IPYES TV APP

Logoimg

01

Для чего нужен IPyes

Приложение для проигрывания видео контента, который предоставляется реселлерами на основе технологий 
IP телевещания

В Европе строгое законодательство против пиратства. 
Если просто так взять и скачать фильм, то к вам постучится полицейский и выпишет огромный штраф. Люди нашли выход — в Европе развит спрос на реселлеров плейлистов. Можно связаться с ними и подобрать плейлист по своим вкусам. 
Чтобы проигрывать плейлист, его нужно куда-то загрузить, 
и IPyes — как раз то приложение для проигрывания контента, который предоставляется реселлерами.

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

Люди нашли выход — в Европе развит спрос на реселлеров плейлистов. Можно связаться с ними и подобрать плейлист по своим вкусам. 
Чтобы проигрывать плейлист, его нужно куда-то загрузить, 
и IPyes — как раз то приложение для проигрывания контента, который предоставляется реселлерами.

imgimgimg

02

Заказчики

Двое заказчиков из Германии спонтанно захотели сделать 
стартап на свои деньги — приложение для телевизора, 
мобильное приложение и сайт. Заказчики увидели нашу статью про Android TV и решили доверить разработку именно нам

03

Что можно делать в приложении

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

С помощью приложения можно не только смотреть фильмы, сериалы, телепередачи, но и слушать радио

img

04

Интерфейс

В плоскости UX всё было просто и нам не пришлось изобретать велосипед. 
Интерфейсный дизайн строится на простых паттернах, которые привычны любому пользователю

Логика приложения очень понятна, поэтому чтобы не усложнять флоу, решили даже обойтись без онбординга

img
img
img
  • Весь контент разделен на категории

  • Между ними можно переключаться
    с помощью таб-бара

  • Активные кнопки разделов

    располагаются в зоне большого пальца

img

Весь контент разделен на категории

img

Между ними можно переключаться 

с помощью таб-бара

img

Активные кнопки разделов располагаются в зоне большого пальцас помощью таб-бара

05

Типографика и цвета

Так как в приложении много яркого контента, шрифт должен быть достаточно нейтральным. Идеальный выбор для этого —

Roboto

Bold

Regular

  • Приложение сделано в темной теме, так как это это подобие онлайн кинотеатра, а фильмы привычнее смотреть в темноте.

  • Акцентный цвет — коралловый. Этот цвет хорошо играет 
на контрасте с темно-фиолетовым и освежает приложение.

  • accent

    #EC544C

  • primary

    #10162A

  • secondary

    #5D36BB

06

Разработка

Мы применяли стандартные технологии, за исключением видео-плеера. Оказалось, что не все библиотеки-плееры поддерживают формат mkv. Мы взяли сырой плеер
React Native VLC и дописали библиотеку

  • React Native

    для фронтенда

  • NestJS

    для бэкенда

  • React Native VLC

    для плеера

img
TV
IP
imgimgimgimg

Browse your favorite content
for free

Для данного кейса было реализовано 3 больших дизайн-проекта. Мы спроектировали и разработали мобильное приложение и приложение для телевизионных платформ

imgimg

Также спроектировали веб-платформу, в которой смогли соединить продающий лендинг и сервис для загрузки плейлистов в собственный аккаунт

07

Что сейчас

imgimgimgimgimgimgimgimg

Хотите рассчитать стоимость вашего проекта бесплатно? Оставьте заявку!

Хочу!

Мобильное приложение активно готовится к релизу, сейчас мы доделываем функцию покупок внутри приложения. Впереди нас еще ждет работа с приложением для Smart TV.