Jarvics

Jarvics

streaming platform

2022 • 2026

enterprise cms | 2022 • 2026

enterprise cms

2022 • 2026

product

enterprise cms

year

2022 • 2026

scope

0 → 1 Product

Usability Testing

Problem Definition

User Flows

UI Design

Design System Creation

Information Architecture

01

OVERVIEW

Jarvics is a custom CMS developed for R7, replacing previous workflows based on WordPress. The product was built from scratch to support internal teams responsible for both content publishing and subscriber operations across the R7, Record TV, and RecordPlus ecosystems. It includes tools for content creation, editing, management, and customer support workflows at scale.

The project involved end-to-end design, including product structure, interface design, and visual identity definition.

02

CHALLENGES

Jarvics was developed to replace existing workflows based on WordPress, requiring the gradual migration of tools while maintaining daily operations.

Each new feature introduced was a complex problem-solving process, involving close collaboration with front-end and back-end engineers, as well as constant feedback from journalists and support teams.

One key challenge emerged early in the project. Most users worked in low-light environments, such as control rooms or night shifts, and existing tools did not support this context.

Jarvics was developed to replace existing workflows based on WordPress, requiring the gradual migration of tools while maintaining daily operations.

Each new feature introduced was a complex problem-solving process, involving close collaboration with front-end and back-end engineers, as well as constant feedback from journalists and support teams.

One key challenge emerged early in the project. Most users worked in low-light environments, such as control rooms or night shifts, and existing tools did not support this context.

User research revealed a strong need for a dark mode interface that could reduce visual fatigue during long working hours. This required not only redesigning existing tools but also creating a dark mode design system from scratch, something not present in the R7 ecosystem.

The challenge was to design an experience that remained clear, fast, and easy to understand under these conditions, ensuring that essential information could be accessed quickly and reliably.

03

SOLUTIONS

Initial attempts using standard dark palettes revealed issues. The interface felt visually heavy, with tones that were too harsh and tiring over extended use.

After deep user research and benchmarking across platforms such as YouTube and social media products, it became clear that color composition played a key role in visual comfort. These platforms were selected because they are heavily used over long periods or focused on continuous viewing, making visual fatigue a critical factor in their design.

Instead of relying on neutral grayscale, subtle green and blue tones were introduced into the palette to reduce visual fatigue. This adjustment created a smoother and more balanced interface, improving comfort during long usage periods.

The final tones were also aligned with the R7 color system, using its green and blue proportions to maintain visual consistency across the ecosystem.

The following graph illustrates how subtle adjustments to grayscale values were applied by increasing the green and blue channels. It illustrates how they are slightly increased compared to red, creating a smoother and less harsh grayscale.

• The X axis represents standard grayscale values, where R, G, and B are equal. The Y axis shows the adjusted RGB values after modification.

• The table on the right shows each step of the scale, including the added values and the resulting HEX codes.

Instead of relying on neutral grayscale, subtle green and blue tones were introduced into the palette to reduce visual fatigue. This adjustment created a smoother and more balanced interface, improving comfort during long usage periods.

The final tones were also aligned with the R7 color system, using its green and blue proportions to maintain visual consistency across the ecosystem.

The following graph illustrates how subtle adjustments to grayscale values were applied by increasing the green and blue channels. It illustrates how they are slightly increased compared to red, creating a smoother and less harsh grayscale.

• The X axis represents standard grayscale values, where R, G, and B are equal. The Y axis shows the adjusted RGB values after modification.

• The table on the right shows each step of the scale, including the added values and the resulting HEX codes.

Instead of relying on neutral grayscale, subtle green and blue tones were introduced into the palette to reduce visual fatigue. This adjustment created a smoother and more balanced interface, improving comfort during long usage periods.

The final tones were also aligned with the R7 color system, using its green and blue proportions to maintain visual consistency across the ecosystem.

The following graph illustrates how subtle adjustments to grayscale values were applied by increasing the green and blue channels. It illustrates how they are slightly increased compared to red, creating a smoother and less harsh grayscale.

• The X axis represents standard grayscale values, where R, G, and B are equal. The Y axis shows the adjusted RGB values after modification.

• The table on the right shows each step of the scale, including the added values and the resulting HEX codes.

The final palette was refined through multiple iterations, aligning these adjustments with the existing R7 color system to maintain visual consistency while improving usability.

The following comparison shows an early dark mode version using standard grayscale alongside the adjusted palette. Although the changes to green and blue values are minimal, their combined effect results in a noticeably smoother and more comfortable interface.

One of the most critical operational layers affected by this redesign was the internal tool used by Customer Support teams to manage RecordPlus Subscribers:

04

RECORDPLUS SUBSCRIBER MANAGEMENT

The RecordPlus Subscriber Management system is one of the core operational tools within Jarvics.

Originally built and maintained by a third-party company, it was licensed by Record TV as an external service and operated outside the Jarvics platform under a different visual and structural standard. As part of the broader unification effort, it was migrated in-house and redesigned to align with Jarvics’ system foundations, both visually and operationally.

Used daily by Customer Support teams handling millions of active accounts, the tool plays a critical role in managing subscription states, resolving account issues, and supporting key operational workflows across RecordPlus.

The following sections include carousel comparisons between the redesigned interface implemented within Jarvics and the original legacy version provided by the third-party service.


• Advanced Search: The advanced search was designed to help Customer Support teams quickly locate users when handling requests or live interactions.

Since users often don’t remember key subscription details such as email or phone number, multiple search methods were combined into a single interface to support flexible identification.

In the redesigned version, the information hierarchy was reorganized based on user feedback, giving priority to the fields most frequently used and improving overall efficiency during search.

The RecordPlus Subscriber Management system is one of the core operational tools within Jarvics.

Originally built and maintained by a third-party company, it was licensed by Record TV as an external service and operated outside the Jarvics platform under a different visual and structural standard. As part of the broader unification effort, it was migrated in-house and redesigned to align with Jarvics’ system foundations, both visually and operationally.

Used daily by Customer Support teams handling millions of active accounts, the tool plays a critical role in managing subscription states, resolving account issues, and supporting key operational workflows across RecordPlus.

The following sections include carousel comparisons between the redesigned interface implemented within Jarvics and the original legacy version provided by the third-party service.


• Landing Page (Entry Point): Users enter the flow through the streaming app’s landing page, where they can explore available plans, pricing, special conditions, and a brief overview of each offering.

• User Detail View: This view consolidates all relevant information for a selected user and serves as the main operational hub for Customer Support interactions.

In the legacy version, information and actions were poorly structured, making the interface difficult to scan and increasing the risk of operational mistakes.

In the redesigned version, the layout was reorganized into two clear zones: user information on the left and administrative actions on the right. This separation improves readability and decision-making flow. Critical actions, such as blocking a user, were visually emphasized in red to reinforce caution.

The RecordPlus Subscriber Management system is one of the core operational tools within Jarvics.

Originally built and maintained by a third-party company, it was licensed by Record TV as an external service and operated outside the Jarvics platform under a different visual and structural standard. As part of the broader unification effort, it was migrated in-house and redesigned to align with Jarvics’ system foundations, both visually and operationally.

Used daily by Customer Support teams handling millions of active accounts, the tool plays a critical role in managing subscription states, resolving account issues, and supporting key operational workflows across RecordPlus.

The following sections include carousel comparisons between the redesigned interface implemented within Jarvics and the original legacy version provided by the third-party service.


• Landing Page (Entry Point): Users enter the flow through the streaming app’s landing page, where they can explore available plans, pricing, special conditions, and a brief overview of each offering.

• User Subscriptions: This view presents subscription information for a selected user, maintaining the same structural pattern used across the system by separating information (left) and actions (right).

In the legacy version, actions were inconsistently presented, with a mix of buttons and text links, making interaction less clear. In the redesigned version, they were consolidated into a unified button system with clearer hierarchy and sizing based on usage priority, improving clarity and decision-making speed.

The Payment History table was also reworked, as the previous layout required horizontal scrolling to access all information, reducing usability. The redesigned version improves readability and scanability by restructuring the table for easier navigation and comparison of transactions.

The RecordPlus Subscriber Management system is one of the core operational tools within Jarvics.

Originally built and maintained by a third-party company, it was licensed by Record TV as an external service and operated outside the Jarvics platform under a different visual and structural standard. As part of the broader unification effort, it was migrated in-house and redesigned to align with Jarvics’ system foundations, both visually and operationally.

Used daily by Customer Support teams handling millions of active accounts, the tool plays a critical role in managing subscription states, resolving account issues, and supporting key operational workflows across RecordPlus.

The following sections include carousel comparisons between the redesigned interface implemented within Jarvics and the original legacy version provided by the third-party service.


• Landing Page (Entry Point): Users enter the flow through the streaming app’s landing page, where they can explore available plans, pricing, special conditions, and a brief overview of each offering.

To support the complexity of the system, user roles and permissions were defined to ensure secure and controlled access across different levels of Customer Support operations, reducing risk while maintaining flexibility for high-frequency tasks.

The tool was also extensively validated through user research, including direct interviews with support teams, iterative prototyping, and usability testing sessions.

This continuous feedback loop was essential to refine the experience, since improvements in internal efficiency directly impact customer satisfaction and overall product value.

The RecordPlus Subscriber Management system is one of the core operational tools within Jarvics.

Originally built and maintained by a third-party company, it was licensed by Record TV as an external service and operated outside the Jarvics platform under a different visual and structural standard. As part of the broader unification effort, it was migrated in-house and redesigned to align with Jarvics’ system foundations, both visually and operationally.

Used daily by Customer Support teams handling millions of active accounts, the tool plays a critical role in managing subscription states, resolving account issues, and supporting key operational workflows across RecordPlus.

The following sections include carousel comparisons between the redesigned interface implemented within Jarvics and the original legacy version provided by the third-party service.


• Landing Page (Entry Point): Users enter the flow through the streaming app’s landing page, where they can explore available plans, pricing, special conditions, and a brief overview of each offering.

05

OUTCOME

The redesign of Jarvics and its internal tools resulted in measurable improvements across user experience and operational efficiency across multiple teams, including Customer Support, who rely heavily on one of its core operational systems.

A key factor across the platform was visual comfort, especially in the transition from legacy third-party tools that were predominantly light-themed. This became particularly relevant in environments involving long working sessions and night shifts, where reducing visual fatigue directly impacts focus and productivity.

Visual Comfort

Smoother experience during extended work sessions and low-light environments

Work Efficiency

Improved usability for teams

operating in prolonged or

high-intensity workflows

The redesign of the RecordPlus Subscriber Management system further strengthened daily operations by reducing interface friction and improving clarity in high-frequency tasks. It also introduced structural consistency across the platform, minimizing errors and improving decision-making speed. In addition, bringing the system in-house removed dependency on a third-party provider, increasing control and reducing operational costs.

Support Quality

~20–30% faster workflows

Reduced friction in navigation

and task execution through

improved structure

Operational Efficiency

~10%-20% less operational errors

Clearer hierarchy and action grouping improved decision-making during user handling

Business Impact

Strategic operational independence

Elimination of third-party dependency reduced external reliance and enabled full ownership, scalability, and long-term cost efficiency across the platform

06

DESIGN SYSTEM

A dedicated design system was created to support Jarvics, addressing needs that differ from the R7 platform. The dark interface required specific studies on color, contrast, and accessibility to ensure readability and usability.

While some elements were aligned with the R7 Design System, many components were built from scratch, including inputs, tables, feedback states, and workflows tailored to content management tasks.

The following screens represent a small portion of the full design system, which includes a much broader set of components and variations.

07

INTERFACE

Additional screens showcasing different tools and workflows within the CMS.

  • R7 Videos dashboard for managing and editing video content

  • Registration of reality show participants and media characters

  • Newsletter creation and content configuration

  • Scheduling modal for articles, videos, and livestreams

  • R7 Videos dashboard for managing and editing video content

  • Registration of reality show participants and media characters

  • Newsletter creation and content configuration

  • Scheduling modal for articles, videos, and livestreams

  • R7 Videos dashboard for managing and editing video content

  • Registration of reality show participants and media characters

  • Newsletter creation and content configuration

  • Scheduling modal for articles, videos, and livestreams

08

CONCLUSION

This was one of the most complex projects, involving the design of a product from the ground up.

The process required continuous collaboration with engineering teams and close contact with end users, combining research, prototyping, and testing to guide decisions.

Each feature introduced involved solving new problems, from adapting existing workflows to supporting new forms of content and publishing needs.

This project provided a complete product design experience, covering discovery, iteration, and delivery in a highly dynamic environment.