Медиаспорт · iOS + Android + Web

Медиа Арена — новостное приложение о медиаспорте: кейс

Новостное приложение и веб-портал о медийном спорте: пользователь следит за событиями Медиа Лиги, читает новости и статьи, смотрит аналитику, интервью и видеоматериалы. Лента с поиском, выбором рубрик и настраиваемой сортировкой, а контентом управляют через Telegram-бот вместо тяжёлой CMS. Стек: PHP Symfony, Kotlin, Swift.

Заказать свой проект Все кейсы →

Официальныйсайт

MVP сразу на трёх платформах — iOS, Android и Web — на единой базе данныхНовостная лента со сквозным поиском по новостям и статьям о спортеНастройка контента по рубрикам: футбол, баскетбол, хоккей, теннис, боксГибкая сортировка и конфигурация порядка формирования лентыУправление контентом через Telegram-бот вместо полноценной CMS — быстрый и простой публикационный процессНативные клиенты (Kotlin/Swift) ради push-уведомлений, офлайн-режима и полного доступа к API устройства

Медиа АренаМедиаспорт, спортивные новости и аналитика

Клиент

Спортивно-медийный стартап — освещение событий Медиа Лиги

Отрасль

Медиаспорт, спортивные новости и аналитика

Платформы

iOS, Android и Web

Срок

около 12-20 недель

О продукте

Коротко — что это за продукт и для кого мы его делали.

Заказчик — спортивно-медийный стартап, который освещает события Медиа Лиги: матчи, аналитику, интервью и видеоматериалы. Перед командой YuSMP Group стояла задача разработать новостное приложение и веб-версию портала о медийном спорте.

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

Задача

Нужно было создать новостное приложение в медийно-спортивном пространстве, которое позволит пользователям оставаться в курсе событий и новостей Медиа Лиги. Аудитория читает новости с разных устройств, поэтому один и тот же контент должен был одинаково работать и в мобильном приложении, и в вебе.

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

Особенности проекта

Новостная лента с поиском — просмотр и сквозной поиск по новостям и статьям о спорте.

Выбор рубрик — настройка ленты под интересы пользователя: футбол, баскетбол, хоккей, теннис, бокс.

Сортировка — конфигурация порядка формирования ленты, чтобы наверх попадало самое важное.

Управление через Telegram-бот — публикация и модерация контента через бота вместо полноценной CMS, что упрощает и ускоряет процесс.

Решение и подход

Как мы собрали продукт — от архитектуры до процесса.

Проект реализован по методологии Agile через последовательные этапы: Discovery → Аналитика → Дизайн → Разработка. На старте зафиксировали сценарии болельщика и требования к скорости публикации, затем собрали дизайн и вышли в разработку MVP.

Вместо кросс-платформенного решения выбрали нативные приложения на Kotlin и Swift — это дало полный доступ к API устройства, корректную работу push-уведомлений и офлайн-режима. Бэкенд и веб-портал построены на PHP Symfony, а все платформы работают с единой базой данных, поэтому контент везде синхронен. Управление наполнением вынесли в Telegram-бота — редакция публикует новости прямо из мессенджера.

Технологический стек

Инструменты подобраны под задачу продукта.

Symfony

Бэкенд, API и веб-портал на PHP

Kotlin

Нативное приложение под Android

Swift

Нативное приложение под iOS

Почему единая база мобайл+веб

Нативные приложения (Kotlin/Swift) дают полный доступ к API устройства и точный рендеринг контента. Веб-версия на PHP Symfony разделяет один API-бэкенд с мобильными клиентами.

Рассматривались альтернативы: кросс-платформенный фреймворк (быстрый старт, но ограниченный доступ к нативным пуш-уведомлениям) и два отдельных натива (полный доступ к API, но двойной цикл сборки). Выбраны нативные клиенты для наилучшей работы с пуш-уведомлениями и офлайн-режимом.

Функции продукта

Ключевые возможности, которые закрыли задачу бизнеса.

Новостная лента

Просмотр новостей и статей с быстрым поиском по контенту

Рубрики

Настройка ленты под виды спорта: футбол, баскетбол, хоккей, теннис, бокс

Сортировка

Конфигурация порядка формирования ленты — важное наверх

Telegram-бот

Публикация и управление контентом без полноценной CMS

Push-уведомления

Оповещения о свежих новостях и событиях Медиа Лиги

Единая база

Синхронный контент на iOS, Android и Web

Как это работает

Ключевые экраны продукта — по шагам.

Веб-портал: лента новостей и статей

Десктопная версия сводит всё в одну ленту: слева — рубрикатор по видам спорта (футбол, хоккей, баскетбол, теннис, бокс), в центре — хроника коротких новостей с временем и датой, справа — карточки развёрнутых статей с обложками.

Переключатели «Всё / Новости / Статьи» и строка поиска сверху позволяют читателю быстро отфильтровать поток под свой интерес прямо на главной.

Мобильное приложение: три ключевых экрана

В приложении тот же контент адаптирован под смартфон в тёмной теме: главная лента «Все материалы» с разделами «Новости» и «Статьи», карточки с превью и рубрикой, а также боковое меню выбора вида спорта.

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

Айдентика, карточка новости и системные состояния

Фирменный стиль строится вокруг логотипа «Медиа Арена» и оранжевого акцента: сплэш со ссылками на Telegram, ВКонтакте и X, фильтр-чипы рубрик и детальная карточка новости с крупным заголовком, фото и текстом.

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

Контент и управление без тяжёлой CMS

Ключевое инженерное решение проекта — управление контентом через Telegram-бота вместо полноценной CMS. Для стартапа это снимает нагрузку на поддержку админки: редакция публикует и модерирует новости прямо из мессенджера, а материал сразу расходится по iOS, Android и Web из единой базы данных.

Нативные клиенты на Kotlin и Swift дают надёжные push-уведомления и офлайн-доступ, поэтому болельщик получает свежие новости мгновенно и может читать уже загруженное даже без сети.

В цифрах

платформы в MVP: iOS, Android, Web

единая база данных на все платформы

12-20 нед.

типичное окно разработки MVP

управление контентом вместо CMS

MVP на 3 платформах на единой базе: iOS, Android, Web.
Новостная лента с поиском по статьям Медиа Лиги.
Выбор рубрик (футбол/баскетбол на старте).
Discovery → Аналитика → Дизайн → Разработка по Agile.
Упрощённая админка через Telegram-бота вместо полноценной (CMS по запросу).
Типичное окно медиа-MVP: 12–20 недель.

Архитектура и персональные данные

Приложение собирает персональные данные пользователей (подписки, выбранные рубрики). Данные хранятся на серверах оператора.

Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Реестр операторов: pd.rkn.gov.ru.

Часто задаваемые вопросы

Сколько стоит разработка новостного приложения?

Стоимость зависит от набора платформ (iOS/Android/Web), объёма контента и админ-решения. Точную оценку даём после анализа ТЗ.

Почему нативные приложения, а не кросс-платформа?

Нативные клиенты дают полный доступ к пуш-уведомлениям, лучший UX для чтения статей и офлайн-режим. Кросс подходит, когда бюджет ограничен или нет строгих требований к платформо-специфике.

Как работает админка через Telegram-бот?

Редакция публикует материал через Telegram-бот. Сервер преобразует Markdown 2.0 в HTML и Markdown 1.0 для корректного отображения на всех платформах.

Как защищаются ПДн пользователей и что требует 152-ФЗ?

ПДн пользователей (подписки, выбранные рубрики) хранятся на серверах оператора. Передаём шаблоны документов: политику обработки ПДн, уведомление регулятора и приказ об ответственном. Реестр операторов: pd.rkn.gov.ru.

Сколько времени занимает разработка подобного MVP?

Типичный диапазон для новостного приложения с веб-версией — 12–20 недель. Сроки зависят от набора функций и наличия дизайнов до старта. Точные сроки фиксируем после дискавери.