Indra Sistemas
Indra Sistemas is a multinational company that offers consultancy services in transport, defense, energy, telecommunications, and financial services, as well as services to the public sector mostly in Europe and in the United States.
With a revenue of 4.3 billion euros in 2023 and 57,000 employees worldwide, it is one of three Spanish companies among the top 100 in the world for defense and security.
Project Overview
Indra needed to create a custom frontend application for its clients in the public sector that would allow them to create real-time monitoring dashboards on their own using a wide selection of datasets and graphs available in their data library.
This provided their clients with a faster way to access and customize the data that were most important to them so they could identify and solve operational issues and bottlenecks more quickly.
Requirements
- Users need to easily create their own highly customizable dashboards.
- The interface must be intuitive and simple to use while also allowing the creation of powerful dashboards.
- Admins should be able to define granular permission-based access, specifying who can view or edit specific content.
- Real-time preview of the dashboard while editing.
- Connect to a variety of real-time datasets in the library.
- Allow adding multiple filters to each dataset used in the dashboard.
Solution implemented by Codewow
To connect to a variety of datasets and render all sorts of graphs to a real-time and custom-made interface presents some challenges. One of them is to make it so simple that users of any tech level could use.
The Team
As a pure frontend project, Codewow assembled a Senior Frontend Development Team, UI/UX designers, and a QA team. As usual, our DevOps team deployed our standard three-environment infrastructure to guarantee a high-quality development process.
Design
A seamless user experience that allowed anybody to create powerful dashboards was the key point for the UX/UI team. We accomplished it using different UX strategies, including extensive drag-and-drop functionality and real-time UI feedback while editing the dashboards.
Development
We used ReactJS to develop the necessary custom components and connect them to the real-time datasets.
With massive frontend computation and real-time data, performance becomes a major priority to keep the user experience fluid and satisfying. We accomplished it greatly thanks to our senior developers who applied massive code optimization at all times.
Technologies used
- ReactJS
- Custom components
- AntDesign
- Rabbit MQ
- AWS Serverless infrastructure
- AWS CodeBuild
- AWS CodePipeline
- AWS CodeDeploy
Quality Assurance
Our QA team designed and executed all necessary tests to ensure all datasets were successfully connected at all times and our interface was correctly updated in real-time.
Conclusion
The project was highly successful and the dashboards were widely adopted in all of Indra’s sectors and clients. New custom datasets were rapidly implemented to cover specific clients’ needs.
Soon, the dashboards became a major selling point for the company, bringing in new clients and increasing revenue.
- Flexibility: The client outsourced specialized expertise for several months rather than committing to a long-term hire.
- Fast onboard: The recruitment and onboarding process was completed seamlessly within a few days.
- Quality Assurance: Automated backend testing routines were effectively integrated into the development process.
Let’s talk about your projects
We bring more than 20 years of senior experience collaborating with the private sector globally.