Surf
Обсудить проект

The Hole

За четыре месяца создали для Medium Quality собственную платформу, которая стала № 1 в App Store в категории «Развлечения» и собрала 100 000 установок. Из стримингового приложения выросло активное сообщество — с реакциями, шэрингом фрагментов, веб-админкой для редакции и защитой контента от копирования.

The Hole — приложение видеосервиса Medium Quality

Medium Quality хотел собственный видеосервис без сторонних платформ — со своей аудиторией, системой безопасных публикаций и нагрузкой уровня TikTok. Нам предстояло разработать MVP приложения всего за 4 месяца.

Мы создали приложение на Flutter — кроссплатформе, которая позволяет разрабатывать сразу для iOS и Android. Это ускорило релизы и снизило затраты на 40% без потери стабильности и качества. Уже в первые месяцы приложение установили более 100 тысяч пользователей, общее число просмотров видео превысило 200 миллионов, а аудитория выросла до 5 миллионов подписчиков.


::facts{style="green"}

  • 4 месяца до первого релиза
  • 100 000+ установок в первые месяцы
  • №1 в App Store (Развлечения)

::


[ Что сделали — главное ]

Мы начали с исследования и CJM-воркшопа: разобрали, как пользователи взаимодействуют с плеером и почему не всегда досматривают видео. На основе инсайтов за два дня собрали прототип на Flutter, проверили стабильность воспроизведения, работу анимаций и производительность. Тесты подтвердили: кроссплатформенный стек подходит по скорости, качеству и возможностям масштабирования.

Параллельно создали дизайн и UX, запустили MVP и начали тестировать сценарии с реальными пользователями. После релиза приложение обросло интерактивом — реакциями на таймлайне, возможностью делиться фрагментами, гибким управлением качеством видео и режимом «картинка в картинке».

Приложение стало №1 в App Store в категории «Развлечения» в 2021 году.


Умный плеер

Плеер адаптируется к скорости сети, подстраивает качество и устойчив к обрывам. Добавили перемотку кнопкой, выбор скорости (0,5× – 2×) и просмотр в Full HD.

The Hole — умный видеоплеер с адаптивным качеством

Реакции и шеринг

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

The Hole — реакции и шеринг видеофрагментов

Прероллы для премьер

Добавили возможность запускать короткие ролики перед видео с тегом «премьера». Такие прероллы встроены нативно — их можно смотреть даже в фоне или в режиме «картинка в картинке». Управлять показом можно прямо из кастомной админ-панели.

The Hole — прероллы для премьер видеоконтента

Антипиратская защита

Внедрили динамический водяной знак — логотип двигается по экрану и не позволяет вырезать контент. Экранную запись можно ограничивать или блокировать для отдельных страниц.


[ Под капотом ]

От нас ждали быстрого запуска видеосервиса, без потери качества и гибкости. Решением стала кроссплатформа Flutter, которая позволила разработать приложение сразу для iOS и Android и выпускать обновления за считанные дни.

На этом фундаменте собрали кастомный видеоплеер — доработали open-source-ядро, стабилизировали HLS, PiP и работу в фоне. Под капотом работает микросервисная архитектура, выдерживающая пиковые нагрузки, а встроенная аналитика и система пушей реагируют на действия зрителя в реальном времени. Контентом редакция управляет напрямую из веб-панели — без участия разработчиков.


[ Признание ]

  • № 1 в App Store (Развлечения, 2021)
  • Tagline Awards 2020–2021 — топ-3 за лучшее MVP приложения и лучший дизайн
  • Tagline Awards 2021 — топ-2 в «Медиа» и «Отдых и развлечения»

::quote{author="Кирилл Адещенко" position="Продюсер в Medium Quality"}

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

::

[ обратная связь ]

Расскажите о проекте и мы предложим подходящие решения

напишите нам в Telegram
добавить файл

Отправляя запрос, вы соглашаетесь с политикой конфиденциальности