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



02
Заказчики
Двое заказчиков из Германии спонтанно захотели сделать стартап на свои деньги — приложение для телевизора, мобильное приложение и сайт. Заказчики увидели нашу статью про Android TV и решили доверить разработку именно нам
03
Что можно делать в приложении
Пользователь скачивает кастомный IP плейлист и в приложении может просматривать контент, который в этом плейлисте находится
С помощью приложения можно не только смотреть фильмы, сериалы, телепередачи, но и слушать радио

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



-
Весь контент разделен на категории
-
Между ними можно переключаться
с помощью таб-бара -
Активные кнопки разделов
располагаются в зоне большого пальца
05
Типографика и цвета
Так как в приложении много яркого контента, шрифт должен быть достаточно нейтральным. Идеальный выбор для этого —
Roboto
Bold
Regular
-
Приложение сделано в темной теме, так как это это подобие онлайн кинотеатра, а фильмы привычнее смотреть в темноте.
-
Акцентный цвет — коралловый. Этот цвет хорошо играет на контрасте с темно-фиолетовым и освежает приложение.
-
accent
#EC544C
-
primary
#10162A
-
secondary
#5D36BB
06
Разработка
Мы применяли стандартные технологии, за исключением видео-плеера. Оказалось, что не все библиотеки-плееры поддерживают формат mkv. Мы взяли сырой плеер
React Native VLC и дописали библиотеку
-
React Native
для фронтенда
-
NestJS
для бэкенда
-
React Native VLC
для плеера





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


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








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