See more projects
nda

The customer chose to protect their confidential information

An Adaptable and Stable Smart TV Solution

Media & Entertainment
Peter Mogerberg

Peter Mogerberg

Communication manager

"Andersen has made a valuable contribution to our Smart TV solution"

An Adaptable and Stable Smart TV Solution

About the client

In this business case, our customer was a prominent telecom company intending to enter the niche of online entertainment. For this purpose, they requested a Smart TV solution.

Location:Germany
[object Object] on the map

Project overview

The resulting app functions as a service to consume various digital content, such as movies, TV shows, etc. Via this app, end-users can interact with the content and tune the way it is played following their preferences, as well as subscribe to additional and third-party providers offering unique content – for example, HULU or Apple TV.

duration7 months
technologies
JS, React
TypeScript
GitLab CI
Concept illustration

Overall description

Login page

The login page is intended for the standard authentication stage with JWT tokens. Once correct data is received from the server, a configuration file is loaded. The latter makes it possible to launch the app for a specific user.

The EPG (electronic program guide) page is the start screen of the app. Namely, this is where the TV content is presented. One can find a grid with a selection of TV shows displayed. End-users can switch between channels and navigate along the timeline in different directions.

One can record various content and view catchups (for the shows that will expire in less than two days), as well as read the descriptions of the selected shows and other information. Initially, the program opens with a mini-player. If the end-user wishes so, they can switch to the full-screen mode.

Concept illustration

Personal information page

The user information page displays all the relevant account details, such as personal data and subscriptions. In addition, it shows personal histories, favorites, settings, and recorded or scheduled shows. With it, the user can quickly and conveniently refresh their memory and plan watchlists.

Concept illustration

Content types

The video content provided by the service is divided into several general groups — i.e., movies, TV series, animation, TV shows, and so on. Thus, end-users can quickly choose the very type of content that matches their mood and preferences at a given moment.

Concept illustration

Catalog

To ensure the best possible user experience and make it easier for viewers to choose what to watch, the catalog contains content pages. They are displayed as content previews grouped by providers or genres. As a result, the end-user can navigate between them and filter preferred video content. Clicking on the card of a group opens a detailed page with information covering the titles selected.

Concept illustration

Chosen content

As for the detailed content pages, their look and layouts may differ depending on a particular type. These dynamic pages allow end-users to see information and visuals covering a particular title. If the content they selected is available free of charge or the user has a proper subscription, they can start watching it right away.

Concept illustration

Subscriptions

The mission of the subscription page is to cover all the services offered by different subscriptions. Needed service package details are shown in a brief yet informative fashion. The subscription page also highlights the end-user's activated subscriptions and makes it possible to manage them — i.e., subscribe to a service or delete unnecessary subscriptions.

Concept illustration

App information

The player, as a component of the solution as a whole, depends on a particular platform. Namely, each player has its API and functions in a slightly different fashion. Here, end-users can see the range of available players with icons and links displayed for their convenience if they need another version.

Concept illustration