Case study · Coatings manufacturing · Global

Modernizing Magni Group’s Task & Sample Management Platform

Magni Group Inc. is a global coatings and chemical solutions provider known for its advanced surface protection technologies. With operations spanning multiple regions, Magni relies heavily on internal digital tools to manage projects, customer requests, and laboratory samples.

Over time, the existing web application—built using legacy ASP.Net (VB) technology—became difficult to maintain, lacked responsiveness for mobile devices, and offered limited scalability for future needs. To ensure long-term reliability and usability, Magni partnered with M RANK to design and develop a modern, responsive, and efficient web-based platform.

Project Objectives

The primary objective was to modernize and enhance the user experience of Magni’s existing web application, focusing on key features such as:

User authentication and role-based access (Active Directory integration)

Task management (creation, tracking, and reporting)

Sample request management (customer samples, approvals, and Deacom order visibility)

Unified dashboard for real-time visibility

Compatibility across desktop and mobile browsers

Improved maintainability and long-term scalability

Challenges Faced

Outdated frontend architecture limited responsive design capabilities.

Inconsistent user experience across devices.

Legacy code dependencies made extension difficult.

Limited API optimization for modern workflows.

Our approach

M RANK proposed a complete UI/UX redesign and frontend redevelopment while retaining Magni’s existing MS SQL database and backend API structure to minimize migration risks.

Technology Stack

Frontend

React, HTML5, CSS3 (component-driven, responsive UI)

Backend

Existing .NET APIs retained and integrated

Database

MS SQL (existing database maintained)

Version Control

Git (GLDP Repository)

Testing

Manual QA

Methodology

Agile (2-week sprint cycles)

System Architecture & Key Modules

The application was structured into modular components to ensure flexibility and maintainability.

Core Modules

Dashboard – Unified view of tasks, complaints, and sample requests

Authentication & Authorization – Secure login/logout integrated with Active Directory

Tasks Management – Add/edit/close tasks, attach files, add comments, track by customer/project/department

Sample Request Management – Add customers, initiate requests, track approvals, view Deacom orders, generate reports

UI/UX Modernization

M RANK's design team created a clean, intuitive, and device-responsive interface using Figma. The design emphasized consistency, accessibility, and mobile-first usability.

Results & Impact

Modern, responsive interface improving user satisfaction and productivity
Seamless integration with existing systems and databases
Reduced maintenance overhead due to modular React architecture
Improved visibility across departments
Enhanced performance and reliability

Technical Highlights & Innovations

Migration to grid/flex design for adaptive responsiveness

Component-based architecture for faster updates

Integrated notifications for task and sample updates

Support for Microsoft Edge and Google Chrome

Scalable for future API and module additions

Conclusion

Through close collaboration with Magni Group, M RANK successfully delivered a future-ready web application that transformed internal task and sample management. The new solution enhanced efficiency, visibility, and user engagement while ensuring scalability for future growth. This project stands as a strong example of M RANK's excellence in UI/UX modernization and enterprise application transformation.

Have a similar problem?

Tell us what's slowing your business down. We'll reply with an approach, a timeline and an estimate.

Book a free consultation Contact us

Call +91 98454 08134Email info@mrank.in

More case studies

Flooring installation · USA

Type To Search