Installer

A vehicle monitoring company faced the challenge of optimizing the workflow of its field technicians. The previous process, which relied on phone calls, text messages, and paper notes, caused delays, errors, and made centralized job management difficult.The project's objective was to create a dedicated internal mobile application to revolutionize the daily work of the installers. My task was to oversee the entire process. This started with analyzing user problems and needs, continued with designing the UI/UX from scratch, and concluded with implementing a fully functional application for both iOS and Android using Flutter.

Project type

UI/UX Design and Flutter Development

Category

iOS and Android app

Duration

6 months

User needs

folder
Centralized Job Information
fact_check
Faster Work, Fewer Errors
calendar_month
Clear Schedule & History

User base

✦  Primary user

Marek, 38 years old

A skilled technician slowed by constant confirmation calls and risky manual data entry. Marek needs a tool to replace paperwork, eliminate errors, and let him focus on his craft.

User journey

📱

Login and Daily Overview

The user begins by logging into the app. They are immediately presented with a clear list of all jobs assigned for the day. This main screen acts as a central hub, allowing them to also access their job history, calendar, and profile settings.

1

📝

Accessing Job Details

Before heading to the client, the installer selects a job from the list to view all critical information. This screen provides the client's name, phone number, and address, along with the specific vehicles that require installation, ensuring the technician is fully prepared.

2

🚦

Installation, Scanning, and Diagnostics

On-site, the core workflow begins. The user confirms the vehicle details and uses the built-in scanner to capture the device's serial number, eliminating manual entry errors. After completing the physical installation, they run a series of diagnostic tests directly within the app checking power, GSM signal, and satellite connectivity to ensure everything is working perfectly.

3

Completing and Archiving the Job

Once the tests are passed, the user updates the job status to "Completed". The task is automatically moved from the active list to the job history. This creates a permanent, detailed record of the installation, including vehicle data, photos, and device information, which can be accessed anytime for future reference or reporting.

4

Interface

Login process

The login interface is designed for simplicity and security. The user enters their email address and password to access the application. New user registration is managed by an administrator, which is why the application does not include a self-registration screen. A password recovery feature is also available—after entering an email address, the system sends a link to reset it. The clean and minimalist design focuses on the core function of user authentication.

Profile

The "Profile" screen is the user account management hub. It displays basic information such as the user's name, phone number, and email address. The user can edit their personal details, change their password, and log out of the application. This section also contains application settings, such as changing the language or interface theme, allowing for a personalized experience.

Order execution process

This section illustrates the core job execution process for a technician. The workflow is designed to guide the user step-by-step from selecting a task from the "To-do" list, through adding vehicle details, to registering and configuring the terminal. The app streamlines data entry with a QR code scanning feature for the device, minimizing the risk of errors. The user can also mark the status of a vehicle or terminal (e.g., as not serviced), providing flexibility in handling non-standard cases.

Calendar

The "Calendar" module is a tool for visually managing the work schedule. The user can view jobs in a monthly layout. After selecting a specific day, a list of scheduled tasks appears at the bottom of the screen, showing their status (e.g., scheduled, completed), time, client name, and address. The interface simplifies planning and allows for a quick overview of daily responsibilities.

History

The "History" section allows the user to browse an archive of completed jobs. The main screen displays a chronologically grouped list of tasks with a quick search functionality. After selecting a specific job, the user can access detailed information, such as client data, address, and job completion dates and times. The application also provides insight into technical installation details, including data on the serviced vehicles and installed terminals (e.g., IMEI, SN numbers), which facilitates future diagnostics and service.

Color and typography

Roboto

Regular · Medium · SemiBold
Secodry
#34bb52
Primary
#007aff
Error
#ff2d55
Text
#000000
Background
#FFFFFF