Custom ERP System
cMotion
cMotion
A comprehensive UX redesign of CrossMotion's internal management system — improving usability across dashboards, data tables, HR, commercial operations, and administrative modules.
A comprehensive UX redesign of CrossMotion's internal management system — improving usability across dashboards, data tables, HR, commercial operations, and administrative modules.
Year
Year
2024
2024
Role
Role
UX/UI Designer
UX/UI Designer
Tools
Tools
Figma · Canva
Figma · Canva
Audience
Audience
CrossMotion internal employees
CrossMotion internal employees
The Problem
CrossMotion's existing internal system had accumulated usability debt over time — outdated visual patterns, confusing navigation, and interaction flows that didn't match how employees actually worked. The result was a platform that users avoided when possible, leading to incomplete data and operational inefficiency.
The redesign needed to address multiple functional areas simultaneously: dashboards with KPIs, data entry tables, personnel management, and both commercial and administrative modules — all used by different employee roles with different needs and levels of technical familiarity.
CrossMotion's existing internal system had accumulated usability debt over time — outdated visual patterns, confusing navigation, and interaction flows that didn't match how employees actually worked. The result was a platform that users avoided when possible, leading to incomplete data and operational inefficiency.
The redesign needed to address multiple functional areas simultaneously: dashboards with KPIs, data entry tables, personnel management, and both commercial and administrative modules — all used by different employee roles with different needs and levels of technical familiarity.
CrossMotion's existing internal system had accumulated usability debt over time — outdated visual patterns, confusing navigation, and interaction flows that didn't match how employees actually worked. The result was a platform that users avoided when possible, leading to incomplete data and operational inefficiency.
The redesign needed to address multiple functional areas simultaneously: dashboards with KPIs, data entry tables, personnel management, and both commercial and administrative modules — all used by different employee roles with different needs and levels of technical familiarity.
My Role
I led the UX/UI redesign of the cMotion system, working closely with the development team throughout. This began with a heuristic evaluation of the existing platform to identify and prioritize usability issues, followed by designing new interaction patterns and high-fidelity screens for all key modules. Collaborating within an Agile environment alongside developers, I ensured that redesigned screens were accompanied by detailed specs and component documentation to support accurate implementation.
I led the UX/UI redesign of the cMotion system, working closely with the development team throughout. This began with a heuristic evaluation of the existing platform to identify and prioritize usability issues, followed by designing new interaction patterns and high-fidelity screens for all key modules. Collaborating within an Agile environment alongside developers, I ensured that redesigned screens were accompanied by detailed specs and component documentation to support accurate implementation.
I led the UX/UI redesign of the cMotion system, working closely with the development team throughout. This began with a heuristic evaluation of the existing platform to identify and prioritize usability issues, followed by designing new interaction patterns and high-fidelity screens for all key modules. Collaborating within an Agile environment alongside developers, I ensured that redesigned screens were accompanied by detailed specs and component documentation to support accurate implementation.
Process
Heuristic Evaluation
Heuristic Evaluation
01
Audited the existing system against established usability heuristics, documenting pain points and severity ratings for each module.
Audited the existing system against established usability heuristics, documenting pain points and severity ratings for each module.
Stakeholder Sessions
Stakeholder Sessions
02
Gathered feedback from employees across roles to understand which issues caused the most operational friction.
Gathered feedback from employees across roles to understand which issues caused the most operational friction.
Design System
Design System
03
Built a consistent component library — tables, forms, modals, navigation, status indicators — to unify the visual language across all modules.
Built a consistent component library — tables, forms, modals, navigation, status indicators — to unify the visual language across all modules.
Screen Design
Screen Design
04
Redesigned all key screens: dashboards, data tables, HR flows, commercial pipelines, and administrative views.
Redesigned all key screens: dashboards, data tables, HR flows, commercial pipelines, and administrative views.
Dev Handoff
Dev Handoff
05
Delivered annotated Figma files with component specs, interaction notes, and responsive behavior documentation.
Delivered annotated Figma files with component specs, interaction notes, and responsive behavior documentation.
Key Choices
Prioritize clarity in data-dense views
Prioritize clarity in data-dense views
ERP systems live or die on their tables. Every data table was redesigned with clear column hierarchy, consistent alignment, actionable row interactions, and visible status indicators — making it possible to scan large datasets quickly.
ERP systems live or die on their tables. Every data table was redesigned with clear column hierarchy, consistent alignment, actionable row interactions, and visible status indicators — making it possible to scan large datasets quickly.
ERP systems live or die on their tables. Every data table was redesigned with clear column hierarchy, consistent alignment, actionable row interactions, and visible status indicators — making it possible to scan large datasets quickly.
Role-appropriate information density
Role-appropriate information density
Different user roles need different levels of detail. Dashboard views for management were designed at a summary level with drill-down capability, while operational screens for employees showed task-level detail upfront.
Different user roles need different levels of detail. Dashboard views for management were designed at a summary level with drill-down capability, while operational screens for employees showed task-level detail upfront.
Different user roles need different levels of detail. Dashboard views for management were designed at a summary level with drill-down capability, while operational screens for employees showed task-level detail upfront.
Consistent interaction patterns across modules
Consistent interaction patterns across modules
One of the biggest friction sources in the old system was that similar actions worked differently in different modules. The redesign enforced consistent patterns for editing, saving, filtering, and navigating — reducing the learning curve across the full system.
One of the biggest friction sources in the old system was that similar actions worked differently in different modules. The redesign enforced consistent patterns for editing, saving, filtering, and navigating — reducing the learning curve across the full system.
One of the biggest friction sources in the old system was that similar actions worked differently in different modules. The redesign enforced consistent patterns for editing, saving, filtering, and navigating — reducing the learning curve across the full system.
The Result
A fully redesigned internal ERP system covering all core modules: executive dashboards, HR management, commercial operations, data entry flows, and administrative functions — all built on a unified component library.
A fully redesigned internal ERP system covering all core modules: executive dashboards, HR management, commercial operations, data entry flows, and administrative functions — all built on a unified component library.
A fully redesigned internal ERP system covering all core modules: executive dashboards, HR management, commercial operations, data entry flows, and administrative functions — all built on a unified component library.
Outcome
One of the most telling outcomes of the redesign was that employees were able to update information they had previously left incomplete — not because they didn't want to, but because the old interface made it unclear how. Improved clarity directly translated to better data quality.
This project deepened my understanding of enterprise UX: the goal is not to make an ERP beautiful, but to make it so clear and predictable that users can focus entirely on their work rather than on figuring out the tool.
One of the most telling outcomes of the redesign was that employees were able to update information they had previously left incomplete — not because they didn't want to, but because the old interface made it unclear how. Improved clarity directly translated to better data quality.
This project deepened my understanding of enterprise UX: the goal is not to make an ERP beautiful, but to make it so clear and predictable that users can focus entirely on their work rather than on figuring out the tool.
One of the most telling outcomes of the redesign was that employees were able to update information they had previously left incomplete — not because they didn't want to, but because the old interface made it unclear how. Improved clarity directly translated to better data quality.
This project deepened my understanding of enterprise UX: the goal is not to make an ERP beautiful, but to make it so clear and predictable that users can focus entirely on their work rather than on figuring out the tool.