Vehicle Traffic Control System

Application Development, UI/UX Design, Mobile Application Development
.NET Core, Vue.js, Android

Our client has a business in the automotive industry. Namely, they have a facility based at a large territory with multiple parking sections used for various purposes.

Business Challenge

The system we were to design was intended to control and manage the movement of vehicles between different parking areas and show their current position. This would not only optimize the vehicle movement but also decrease processing time.

Our client did not have any automated vehicle traffic control system. Instead, agents guided drivers to parking based on visual view and using radio to inform the drivers. As a result, while some parking lots were overloaded, others were empty. Besides, some vehicles got to their parking lot very quickly, while others had to wait for hours.

With this in mind, our client wanted to develop a brand-new automation system that could also be scalable and communicate with their existing systems.

The system would allow the client to:

  • optimize vehicles’ movement
  • increase the number of served vehicles
  • improve communication between agents and drivers
  • simplify the agents’ work
  • redistribute traffic
  • save drivers’ time.

Since our team had to develop the system from scratch, we managed building all its parts, which are namely a web application for agents and an Android app for drivers.

Web Application

The web application consists of two main parts.

The first one displays vehicle location in parking lots, in the line, and in the awaiting zone to the agents.

The second one enables saving data into the dictionary and see the history of all events and changes.

History screenFigure 1: History screen

The system can manage the parking process in both manual and automated mode. In the automated mode, the position in the line is calculated based on priority, arrival time, and critical events. In manual mode, it is only calculated based on the arrival time.

Agents get notified on any issues and can change the position in the line or move a car to another access point based on the actual information retrieved from the internal systems. Agents can also manage the status of parking access points.

Application home screenFigure 2: Application home screen

The web application also has an additional feature that shows vehicle line for special parking on a TV screen:

TV ScreenFigure 3: TV Screen

Mobile Application

Drivers have dedicated smartphones with the mobile application already installed. This application blocks any attempts to run anything except it. It sends GPS coordinates to the server, which are then used by the web application to calculate real vehicle location and determine where the vehicle is at the current moment.

The mobile application sends the drivers the information on the line and prompts what to do next.

Mobile app screenFigure 4: Mobile app screen

Technologies Used

We designed the web application using .NET Core and Vue.js. As a result, we implemented a modern lightweight application with a simple yet powerful user interface.

As for the mobile application, we created it using Kotlin.

Results and Benefits

Arcadia's team was fully responsible for UX design, graphic design, system architecture, implementation, testing, and deployment of both the web and mobile applications. We also enabled integration with the client’s ERP system.

We built web and mobile applications, created UX, and extended the features that cover the needs of this company. The system allows our client to manage vehicles in a more efficient and convenient way.

Related Cases

Read all

UX Audit for a Country Risk Platform

Improving UX for an online platform, bringing new traffic and subscribers from the main product.

Price Reporting and Analytics System

Development of a solution that represents pricing and news data in a convenient and flexible way.

Survey WYSIWYG Editor

Redesign and reimplementation of a WYSIWYG survey editor from the outdated Knockout framework to the modern React library.