Inside the client profile

Industry

Digital media / Music streaming

Content distributor type

Subscription-based live concert platform

The product

A multi-platform app for streaming live and on-demand concert recordings

Inside the product journey

Business goal

The client aimed to expand their U.S. market presence by launching a Roku app with user experience based on their existing Apple TV app.

Our approach to the development

We redesigned the existing Apple TV app logic for Roku. We also implemented custom features to overcome native Roku platform constraints.

Outside the solution and into the real-world numbers

Within the first month after launch, the app achieved significant early results →

Explaining our tactic while building a Roku streaming app for the client

“The content distributor initially sought to replicate the user interface and experience of their existing React Native app. However, that solution was limited by Roku native component constraints, resulting in a complex user flow where basic actions involved excessive steps.
Rather than reproducing these limitations, we recommended a complete redesign and building the Roku app without relying on standard components, and our proven Roku expertise earned the client’s trust to do so. This is how our partnership unfolded.”
— Oxagile’s team

Custom UI freedom

We were granted the flexibility to develop custom elements such as carousels, animated counters, live badges, buttons, grids, tiles, and more — all precisely aligned with the desired design and functionality.

Streamlined UX

We simplified user interactions by reducing the number of screens and input fields, creating more intuitive navigation, and making tasks like signing in now require fewer steps. Additionally, users can conveniently enter data using their mobile devices instead of relying on the remote.

Optimized performance

Most UI components were custom-built to ensure high performance through lightweight classes tailored specifically to the app’s requirements. In contrast, Roku’s built-in components are closed systems, often overloaded with unnecessary features and lacking support for design-specific animations.

The libraries used in the project

Roku Analytics, Roku RAF library, Roku Channel Store library, Bitmovin Roku player

The client’s solution redesign story

Platform limitations and inconsistent UX

The existing design was originally built for Apple TV (tvOS), and adapting it directly to Roku proved ineffective. Each platform has its own UX and technical constraints, making one-to-one reuse impractical and limiting.

Oxagile’s solution

We proposed abandoning direct adaptation in favor of creating a universal, scalable design system. This system would serve as a flexible foundation for all platforms — with each receiving tailored adjustments — ensuring long-term maintainability and a more seamless cross-platform experience.

Fragmented experience across devices

Creating separate native apps for each platform would have led to inconsistent user experiences. But the goal was to offer users a continuous viewing journey — no matter what device they switch to.

Oxagile’s solution

We focused on building a cohesive, cross-device experience by keeping the core logic and interface unified. This allowed users to start watching on one screen (e.g., Smart TV) and continue on another (e.g., mobile or laptop), without friction or confusion.

Cross-platform design constraints

Though the system aimed at universality, many micro-level platform differences had to be addressed — from keyboard behavior and font rendering to layout rules. For example, Apple prohibits placing buttons below the keyboard, while Roku often requires it.

Oxagile’s solution

We invested in extensive cross-platform testing and interface tuning. The scalable design system served as a base, while individual elements were adapted per platform’s UI rules, resulting in high consistency without sacrificing native usability.

Tell me more

Looking for experienced Roku experts?

The solution in a nutshell

“To align with the client’s goals, our Roku app solution focused on optimizing the video content experience specifically for big-screen environments. Every feature we developed reflected the unique interaction patterns of TV platforms — prioritizing ease of navigation, visual clarity, and performance.
A core principle of our approach was deep customization: nearly every screen includes custom UI components designed for both usability and aesthetic impact.“
— Oxagile's Roku developer

Home page grid

The home screen layout isn’t a typical static grid. It pulls different content types via multiple APIs, grouping them into horizontally scrollable rows (live shows, replays, featured content, etc.).

VOD details page filtering

One standout feature is the alphabetical artist filter. Instead of typing with a remote, users can scroll through the alphabet. Letters without available content are disabled, and selecting a letter reveals relevant artists. Once an artist is chosen, the page filters to show only their related events.

Hero carousel component

The hero area on the homepage is a completely custom, dynamic carousel. It automatically rotates and allows for highlighting priority content — like upcoming events or special promotions — with real-time updates.

User-facing features and components of the app

Extra functionality we delivered

Flexible monetization with Roku Pay

  • Implemented the full range of Roku Pay features, including monthly and annual subscriptions, as well as one-time purchases.
  • Developed Enhanced Subscription Recovery, a feature that helps users with failed payments (e.g., expired cards) quickly restore their subscription without friction.

This feature became mandatory with Roku’s October 2024 certification update, and we responded swiftly by building a custom solution from scratch without relying on external code.

Custom Bitmovin Player integration for enhanced user experience

  • The client had already licensed Bitmovin Player for other platforms and wanted to maintain consistency by implementing it on Roku as well.
  • Bitmovin functions on Roku as a wrapper over the native Roku player and does not provide its own controls, but it adds value through integrated tracking.
  • To improve user experience beyond the native Roku player UI, we developed a fully custom player controller on top of Bitmovin. This included intuitive navigation, refined design, and custom behavior logic — such as scrubbing, playback controls, and directional key handling — while fully complying with Roku certification guidelines.

Comprehensive analytics integration for data-driven insights

We integrated three key analytics systems crucial for the client’s ecosystem:

  • Amplitude: Since there is no Roku SDK, we built the integration from scratch, including event handling and data transmission.
  • Google Analytics 4 (GA4): Implemented with all standard tracking events as required.
  • Telemetry: The client’s proprietary analytics platform that tracks streaming behavior to enable accurate revenue sharing with artists based on actual user engagement.

Cross-device concurrency management

  • Enabled users to log into multiple devices but restricted active streaming to one device at a time.
  • When playback starts on a second device, the stream on the first device is automatically paused, with an appropriate notification to the user.
  • This is managed via background heartbeat signals sent to the backend every 10—15 seconds, ensuring reliable enforcement of concurrency rules across platforms.

Future collaboration plans with the client

“We are going to broaden the feature set of the Roku platform we built, enhancing its capabilities to deliver a richer user experience. Simultaneously, we aim to tailor these functionalities for mobile and Android TV applications, creating a unified ecosystem where users can access and enjoy music effortlessly and intuitively across multiple devices.”
— The client’s Team Lead

Ready to rethink what a Roku app can do?

From flexible monetization to bespoke UI, find out how our tailored solutions turn platform constraints into advantages, all while respecting platform nuances.

Book a call