Home
/
Cases
/
Media
/
BMG Release

BMG Release An app for a record company

BMG Release
#media #bmgrelease

About the client

BMG, which specializes in sound recording, music publishing, and streaming services, has an IT ecosystem that supports the work processes of departments in different countries. 

Some of the company's IT products, written on outdated technologies, were difficult to maintain and develop. So, the frontend of one of the applications called BMG Release was written in "AngularJS 1.6".

The inconvenience of using the "Search Engine" section expressed in:

  • slow page loading and testing of applied filters
  • disparity in terms of displayed statuses
  • unreadability of the table in the application

Using the "Artist's Page" was complicated:

  • visually weak presentation of the music app
  • inconvenient navigation between products within a music project
  • lack of adaptability of the application for mobile devices and tablets

There was a need to migrate to the modern version of Angular and update the design of the music application.

Task

Migrate the music application of the record company from AngularJS 1.6 to the modern Angular version with minimal changes on the backend. 

To improve the user experience, it was necessary:

  1. update the application UI
  2. implement a new design according to the BMG design system
  3. Create adaptive versions of the music app for mobile devices and tablets

Decision

The LightTech team has completed a seamless transition to the Angular 2+ platform and updated the design of the music application with a focus on improving the user-friendliness of the interface.

Интерфейс приложения для медиа

Project stages

1

Stage 1

We conducted a series of workshops with users of the current application to identify the main problems and update business processes.

2

Stage 2

Based on the interaction of the UI/UX designer with the development department, we implemented design concepts aimed at solving application performance problems, improving user experience, etc.

3

Stage 3

We have drawn up a plan for the phased migration of the existing web application from AngularJS 1.6 to Angular 2+.
Интерфейс BMG Release от LighTech

Functional

Search Service

  • Grouping filters according to different search scenarios
  • Improving the performance of the mobile application, as well as the readability of tables
  • Unification of statuses within the ecosystem of products, as well as the implementation of hover tooltips, etc.
 

Функционал приложения для медиа

Music Artist's page

  • Implementing a side bar for easy switching between music products inside the app
  • Implementation of adaptive versions of the mobile application
  • Increasing the interactivity of hover drop-down elements, visual geographical maps, etc.
Функционал BMG Release

Challenges

For users of the web service, it was necessary to ensure uninterrupted operation both on the pages of the new application developed on Angular 2+ and on those pages that still remain on the outdated version of AngularJS. 

This required synchronization of sessions and saving user data when switching between two versions of the application. 

It was also important to maintain the consistency of the visual design of common elements such as navigation bars and menus, despite the differences in frameworks. 

An important aspect of the implementation was the support of the existing access rights system in the application without any changes.

Business impact

The model of seamless transition of a music application from an old software version to a new one can be successfully implemented by digital content producers in order to improve the user interface and user experience.

The frontend

Angular Material
TypeScript
RxJS
NGX
Bootstrap

Backend

Python
Django
Celery
Nginx
PostgreSQL
Redis
RabbitMQ

Mobile

Flutter
Dart
Riverpod
REST API
sockets
ObjectBox

More cases

Tell us about your project
Name
Contact
Message
Attach file +
Request to get files
Name
Send files
Message
Thanks!
Your request has been sent
After processing, our manager will contact you