ERP System for Field Service Operations

ERP System for Field Service Operations

An advanced all-in-one ERP platform designed to support the daily operations of field service businesses. The system helps teams manage CRM, proposals, field services, inventory, accounting, and complex revenue streams.

An advanced all-in-one ERP platform designed to support the daily operations of field service businesses. The system helps teams manage CRM, proposals, field services, inventory, accounting, and complex revenue streams.

Ongoing UX Improvements & New Feature Design

Ongoing UX Improvements & New Feature Design

For the last 4 years, I’ve been working as a designer on a complex ERP system that helps field service businesses manage their daily operations, such as scheduling, billing, inventory, and reporting. As the product grows, I continue to improve existing features and design new ones across the platform.

I work closely with product owners, business analysts, and developers. My goal is to make sure that every UX decision supports user needs, business goals, and technical constraints. We deliver design updates regularly, focusing on better user flows, page improvements, and new functionality.

For the last 4 years, I’ve been working as a designer on a complex ERP system that helps field service businesses manage their daily operations, such as scheduling, billing, inventory, and reporting. As the product grows, I continue to improve existing features and design new ones across the platform.

I work closely with product owners, business analysts, and developers. My goal is to make sure that every UX decision supports user needs, business goals, and technical constraints. We deliver design updates regularly, focusing on better user flows, page improvements, and new functionality.

Designing New Features & Redesigning Existing Functionality

As the system changes, I design new modules and improve existing flows to support new product requirements and real user needs.

As the system changes, I design new modules and improve existing flows to support new product requirements and real user needs.

Cross-functional Team Collaboration

My work involves collaboration with product owners, business analysts, and developers. We work together to understand what is needed, look at the possible problems, and find the right balance between what the user needs, what the business wants, and what is possible in terms of technology. This makes it easier to put the plan into action and get better results.

My work involves collaboration with product owners, business analysts, and developers. We work together to understand what is needed, look at the possible problems, and find the right balance between what the user needs, what the business wants, and what is possible in terms of technology. This makes it easier to put the plan into action and get better results.

Design System & Accessibility Foundation

Design System & Accessibility Foundation

To support future scalability and consistency across the product, I contributed to the development of a design system aligned with accessibility standards and future dark theme support. The system was structured in Figma using tokens and variables to optimize collaboration and implementation.

To support future scalability and consistency across the product, I contributed to the development of a design system aligned with accessibility standards and future dark theme support. The system was structured in Figma using tokens and variables to optimize collaboration and implementation.

Color System Refactoring in Figma:

As part of the design system update, I restructured all color styles into semantic variables and improved contrast across components to meet accessibility standards (WCAG).

The process included a full audit of existing styles and mapping them to new, accessible tokens. To ensure a smooth transition, I collaborated closely with frontend developers, aligning naming conventions and usage rules, and supporting implementation across the product.

As part of the design system update, I restructured all color styles into semantic variables and improved contrast across components to meet accessibility standards (WCAG).

The process included a full audit of existing styles and mapping them to new, accessible tokens. To ensure a smooth transition, I collaborated closely with frontend developers, aligning naming conventions and usage rules, and supporting implementation across the product.

Color System Refactoring in Figma:

Color System Refactoring in Figma:

Preparing for Dark Theme Support:

While dark theme was not yet in development, I designed all variables and components with dual-theme logic in mind.

This included parallel token sets for light and dark modes, previewing key components in both versions, and validating contrast in each.

While dark theme was not yet in development, I designed all variables and components with dual-theme logic in mind.

This included parallel token sets for light and dark modes, previewing key components in both versions, and validating contrast in each.

Preparing for Dark Theme Support:

Preparing for Dark Theme Support:

Component & Icon System Updates:

As part of the design system revamp, all UI components were updated and expanded to align with the new color structure and accessibility requirements. I also reviewed and unified the entire icon set, ensuring visual consistency in style, weight, and size across the product.

The components were built to be modular and scalable, supporting various states and responsive behaviors. Throughout the process, I worked closely with developers.

As part of the design system revamp, all UI components were updated and expanded to align with the new color structure and accessibility requirements. I also reviewed and unified the entire icon set, ensuring visual consistency in style, weight, and size across the product.

The components were built to be modular and scalable, supporting various states and responsive behaviors. Throughout the process, I worked closely with developers.

Component & Icon System Updates:

Component & Icon System Updates:

Field Technician Mobile App

Field Technician Mobile App

This is a strong mobile phone app designed to help people who work in the field. It can be used to track the time they spend working, manage materials, and deal with paperwork and approvals from customers. Built with Flutter for top performance on both iOS and Android, the app works reliably online and offline, making it easy to work in remote areas with bad internet.

This is a strong mobile phone app designed to help people who work in the field. It can be used to track the time they spend working, manage materials, and deal with paperwork and approvals from customers. Built with Flutter for top performance on both iOS and Android, the app works reliably online and offline, making it easy to work in remote areas with bad internet.

My Role & Design Focus

My Role & Design Focus

Over the past few years, I’ve been actively involved in the redesign and continuous improvement of the mobile app as part of a broader product team.

Over the past few years, I’ve been actively involved in the redesign and continuous improvement of the mobile app as part of a broader product team.

Complete UI/UX Redesign for a Mobile Field App:

We moved the mobile experience from the native iOS/Android system to a single Flutter-based code base.

Redesigned the entire interface to support new features, improve usability in the field, and streamline core workflows.

We moved the mobile experience from the native iOS/Android system to a single Flutter-based code base.

Redesigned the entire interface to support new features, improve usability in the field, and streamline core workflows.

Complete UI/UX Redesign for a Mobile Field App:

Complete UI/UX Redesign for a Mobile Field App:

Dark Mode & Accessibility Enhancements:

Introduced full dark mode support with a flexible, accessible color system. Ensured visual contrast and legibility in low-light or outdoor environments. Improved overall accessibility to support a wide range of field users working in diverse conditions.

Introduced full dark mode support with a flexible, accessible color system. Ensured visual contrast and legibility in low-light or outdoor environments. Improved overall accessibility to support a wide range of field users working in diverse conditions.

Dark Mode & Accessibility Enhancements:

Dark Mode & Accessibility Enhancements:

Continuous Feature Growth & Iterative Improvements:

As the app evolved, I participated in the design of new features and adjusted the UI to support additional use cases.

Worked closely with product owners, business analysts, and developers to align UX improvements with business goals and platform constraints.

As the app evolved, I participated in the design of new features and adjusted the UI to support additional use cases.

Worked closely with product owners, business analysts, and developers to align UX improvements with business goals and platform constraints.

Continuous Feature Growth & Iterative Improvements:

Continuous Feature Growth & Iterative Improvements:

Reflection

Reflection

Working on this ERP platform is one of the most valuable experiences in my career. It is a large and complex system used by real businesses every day, and my role is to make it easier, clearer, and more consistent for the people who rely on it. I focus on designing flows that support both users and business goals, while keeping solutions realistic for development.

This project also gives me the chance to grow through close teamwork with product owners, business analysts, and developers. Together we solve challenging problems, and every step adds to my skills in creating meaningful and practical products.

Working on this ERP platform is one of the most valuable experiences in my career. It is a large and complex system used by real businesses every day, and my role is to make it easier, clearer, and more consistent for the people who rely on it. I focus on designing flows that support both users and business goals, while keeping solutions realistic for development.

This project also gives me the chance to grow through close teamwork with product owners, business analysts, and developers. Together we solve challenging problems, and every step adds to my skills in creating meaningful and practical products.

Create a free website with Framer, the website builder loved by startups, designers and agencies.