AIO impact

Industry: Supply chain

Country: Germany
AngularNgRxRxJsKarmaJasmineHTML5SCSSMaterial DesignMicro ServicesNode.jsKafka.jsKOASequelizeDocker


AIO impact is a product created by Aioneers company that is shaping the future of supply chains with AI-based digital execution management. Their system provides a seamless workflow that handles the analytics, decision support and digital execution of supply chain management. They do this with consulting, data science and technology. We collaborated with them to create a workflow process for this with a cloud-based infrastructure.

To achieve set business goals, tasks are created by the client (business) and it moves through different stages. In the analytics stage, data is sent from the client to the data scientist for analysis to get insight into issues.

Next, the system generates actionable recommendations to improve the supply chain. Say, for example, a business needs to increase the production of certain goods, there are two choices before them to realize this – either buy more equipment or hire more workers. Within the application, the supply chain consultants describe possible solutions and monitor the dashboards for the implementations already in motion.

Client goals

We have worked extensively with frontend and backend tools and our client needed our expertise to build their frontend functionalities from scratch. They had their own ideas in layout and requirements on how the project should go, and with proper collaboration and effective communication from us, we translated all their ideas for adequate implementation.

For the backend, some functionalities already existed on the application. Our technical skills were required for the improvement of those features, which will be an upgrade from the pre-existing version 1.0, and the writing of new features where necessary.

Aio impact Illustration 1

Our work


Part of our work involved creating modernized and responsive layouts for login and tables for the organizations and users. When a user logins into their page, certain tables are displayed. These tables hold the users' or organizations' profile page.

As a standard, we don't just want them to have access to their page, but to perform basic operations. We implemented certain authorizations where users can be edited, activated or deactivated.

For organizations, we enacted a table with roles. This table is designed to show the list of organizations, with operations like activation, deactivation and editing also put into effect on it.

From experience, we are aware just how important UI is to users. On the users' settings, we customized different formats, dates and numbers could be displayed to improve the aesthetics of the page.


On the backend, we implemented features that allow users to update their profile pages. To create a clean flow and free up memory space, we removed unnecessary fields that were no longer used. We also updated the validation feature for a user to create or update their information.

Aio impact Illustration 2

Top features created by us


a. We created a configurator that displays a list of initiatives on the dashboard and the actions to be taken. The recommended actions for an initiative are directly impacted by the data analysis.

For example, a business has a problem with sales in a certain region, but they are good in another one. The actions to be taken in the two regions are different. Based on the analysis, more products have to be sent to the area with good sales.

b. Initiatives creation is a very important feature in this application. We are concerned with making sure users get the right decision-support from the analytics measured. We approached this design with much flexibility, making initiatives creation as accommodating as possible to the users by allowing them choose the business metric relevant to them for analysis, making room for edits and the addition of actions to the configurator.


c. Not all data can be changed or edited, but we understand that data changes over time, and with our desire to ensure correct analysis, we made the initiatives robust enough for updates. So when users have new data or metrics, all they have to do is update it for up-to-date analysis.

Templates page

When a business has a structure their data takes, recurring analytics or repeated tasks, the initiatives, do not need to be created every single time. We created templates that are reusable. This page with templates for initiatives, measures and actions, when we want to create ex. initiative, some data will be populated there.

Aio impact Illustration 3

The Execution board page

a. The execution board page is a high-level overview of the performances and status of the initiatives. It gives a quick assessment of what is going on at a quick glance.

To ensure clients have all their ample information on the board, our team designed a workspace that displays the list of initiatives created by the client, the recommended actions to be taken on them, a navigator with quick access to metrics and data, easy connection of analytics to executions, a dashboard that displays DOTs (Digital Object Twins) and a feature for collaboration with other members of the team.

What this means for a user is that they have a workspace with access to all relevant business objects.

On the execution board is a table with data and a tracking object option. This option has different tracking objects and detailed information on the status and activities performed on the data.

b. The execution board also has an update status feature. This feature allows users to update their status in the form of an open action, and tags on tracking objects on the action, for easy identification.


Consultants often use other software or programs to build data and data analytics. These data may need to be displayed on our application for a demonstration.

Aioneers doesn’t allow the integration of external data. To display those, we created a feature called Connector. A connector is a bridge between external data and its embedding on our application.

When a consultant tries to connect, a graph is created and the link to that graph is added to the connector. The graph (which is the data) is simply reflected on our application and is displayed without the need to integrate the two software or switch to a third-party application.

Aio impact Illustration 4


The homepage is an accumulation of all the information that is collected on users.

Special challenge

Complex Calculations:

Complex calculations involve the creation of operations. An operation is created when we assign actions to measures. Each measure is an entity and DOTs (a product to be tracked) can be created on them.

Say we have a measure with 5 actions on it, and we create these DOTs on each of them and bind them together to the measure; then we have created an operation. Each DOT has a different status(es) that is calculated automatically, and the operations on them changed as needed.


Available version



Testing was done on the client’s side.


Azure, DevOps on the client's side

Methodology of development



Postgress SQL - saves information about the organization and users,Operation database - each organization will have its own database and it can save something of its own. (different products and goods for example)

Postgress SQL - saves information about the organization and users,Operation database - each organization will have its own database and it can save something of its own. (different products and goods for example)


June 2020 - Ongoing


4 Front-end, 1 Back-end developers

Used Technologies

AIO impact Angular


AIO impact NgRx


AIO impact RxJs


AIO impact Karma


AIO impact Jasmine


AIO impact HTML5


AIO impact SCSS


AIO impact Material Design

Material Design

AIO impact Micro Services

Micro Services

AIO impact Node.js


AIO impact Kafka.js


AIO impact KOA


AIO impact Sequelize


AIO impact Docker