title=AutoBI – How we Helped a Fleet Management Startup Reduce Costs by 3 Times and Attract New Investments

Case Study

AutoBI

How we Helped a Fleet Management Startup Reduce Costs by 3 Times and Attract New Investments

header-img

Who is the client?

AutoBI is one of the most powerful fleet management platforms in Eastern Europe, including all the tools needed for fleet accounting and data analysis.

The client chooses to work with us because of the product-oriented experience of the founders and significant expertise in building enterprise products from scratch.

Team Composition

ReactJS TechLead and three developers

Laravel/Node.js Team Lead and three developers

Project Manager/Functional Analyst

UIX Designer

Manual QA Engineer

Technologies

TypeScript
TypeScript
NodeJS
Node.js
ReactJS
React.js
Laravel
Laravel
ReactNative
ReactNative
AWS
AWS
PostgreSQL
PostgreSQL
Docker
Docker
Redis
Redis

What business tasks did the client want to solve?

solve-1
Create a unified market solution that combines all the necessary tools in one solution.
solve-2
Create a reliable production solution for equipment maintenance.
solve-3
Make a solution that can be sold and adapted to other companies.
solve-4
Organize automatic registration and the flow of new customers to the platform.

What pitfalls did the client face?

list-decoration
Lack of own development team;
list-decoration
There were no platforms that were engaged in the maintenance of equipment (there were either tracking systems or fuel consumption control systems);
list-decoration
High cost of management due to the need to use many expensive platforms to solve fleet management (logistic) issues.

What should an ideal solution look like?

The application which has a modern web and mobile version with an interactive control panel and a convenient and intuitive interface for efficient user interaction.
Vehicle and equipment
Catalog
Catalog Catalog
Service Tasks Catalog
Service Tasks
Catalog
What we suggested
suggested
Business analysis
suggested
Project Set-up and Service Architecture
suggested
Team Set-Up and Development
suggested
Support
Step 1.
Business analysis
list-decoration
Mind map creation;
list-decoration
A detailed description of each task;
list-decoration
Competitor analysis;
list-decoration
Development evaluation.
Step 2.
Project Set-up and Service Architecture

Backend:

list-decoration
The SaaS platform is based on the micro-service architecture where each of the small services works in its own process and communicates with the others using lightweight mechanisms. This results in an absolute minimum of centralized management of these services and their autonomy.
list-decoration
The team achieved seamless operation of the unlimited number of trackers with the possibility of both horizontal and vertical scaling.
list-decoration
Incredibly speedy route tracking map generation was implemented.
list-decoration
The same RESTful API for web and mobile applications enables usage by third-party developers.
list-decoration
Platform security is ensured by AWS, one of the world’s most common cloud platforms with the broadest capabilities for data centers across the planet.
list-decoration
Each microservice is isolated and contained in its own Virtual Private Network.
list-decoration
At request, each SaaS organization can be set as a separate physical instance, which will take performance to the next level.
list-decoration
The web interface is located in the Content Delivery Network to facilitate the instant delivery of the static content to the users. This way, DDOS attacks are also prevented.

Frontend:

list-decoration
We used a number of React hooks on the front end for a nice responsive design.
list-decoration
We opted for Ant Design, an enterprise-class UI design language, and a React UI library with a set of high-quality React components as it is one of the best libraries for enterprises.
list-decoration
We used Redux as a library to control our React application’s state and provide an “unidirectional data flow.” Such an approach helps to manage and organize data more effectively and optimizes debugging.
list-decoration
Redux-Saga works as a Redux middleware library for handling asynchronous side effects.
list-decoration
There were also a lot of different charts in this project, which is why we used a Recharts library. In a nutshell, Recharts is a redefined chart library built with React and D3. Its main purpose is to help to develop charts with React. These are great because they are easy to combine and reuse.
list-decoration
100% of the project codebase is based on Typescript to ensure clear and readable code and avoid errors that could be a debugging nightmare.
list-decoration
Finally, with Jest, we achieved high unit test coverage to minimize failures and simplify the regression testing.
Step 3.
Development
list-decoration
Scale a team to 8 engineers: 4 backends and 4 frontends;
list-decoration
Set up work and compatibility with the most popular auto trackers;
list-decoration
Set up the collection and analytics of data on transport in real-time;
list-decoration
Created the first working version in 6 months.
Step 4.
Support
list-decoration
Connection of new devices and features;
list-decoration
Set up the platform in the first 20 large enterprises;
list-decoration
Solution support.
Telematics
insights
Geofences
insights
Fuel
insights
Trackers
insights
Activity logs
insights
Results

 

tick
Won two grants and attracted necessary investments
tick
The first version of the product finished in 6 months
tick
The product reached the payback of the development team in 18 months
tick
Increased the number of vehicles and total income
tick
Reduced development costs by three times
Contact Us
phone-iconContact us via Phone: +44 7400 989780
Send us an email
Social media
Our Location
United Kingdom
71-75 Shelton Street, Covent Garden, London, United Kingdom, WC2H 9JQ