Aug 1, 2025
0 views
Discover how I led the UX and design system for CPM ERP Cloud, a web-based enterprise platform. This case study covers data-heavy workflows, scalable components, and measurable outcomes that improved usability and sped up development.
CPM ERP Cloud is a web-based ERP platform combined with a low-code module creator tool, built to modernize a legacy enterprise system. I led the design system, UX research, and UI design, ensuring the platform could handle 400+ workflows across 12 modules with both dark and light modes.
ERP systems are notorious for complexity and poor usability. This project aimed to:
Bring clarity and consistency into daily enterprise workflows.
Provide a low-code environment for non-developers to create new ERP modules.
Deliver a modern design system flexible enough for finance, HR, sales, and inventory operations.
Simplify dense ERP forms and tables without losing detail.
Introduce a unified design language with tokens (typography, color, spacing).
Build light and dark themes for accessibility and comfort.
Deliver a low-code builder to empower business teams.
Reduce dev/design misalignment with clear tokens + component specs.
End-to-end ERP screens (Sales, Invoices, Orders, Finance, HR, etc.)
Low-code module creator UI (drag & drop, property side panels).
Design system tokens (color, typography, spacing, components)
Dark/Light mode UI themes
SC Icon Pack + Fluent Icons (custom 300+ line icons designed manually for ERP needs).
Design documentation for handoff to devs (Figma → VS/React/SQL team).
UX flows, wireframes, and prototypes
The concept followed enterprise familiarity + modern clarity:
Adopted elements of Microsoft Fluent design language.
Balanced data density with legibility via type scales & spacing.
Used empty state illustrations for onboarding and clarity.
Dark & Light themes built with consistent token mapping for seamless switching.
Modular side panels allowed both customization and consistency.
Built a component-based system (forms, tables, side panels, toolbars).
Designed low-code builder panels (Properties, Layout, Interactions).
Documented dark/light token maps for dev teams .
Delivered interactive prototypes for user validation.
Reduced form-filling fatigue by streamlining repetitive fields.
Improved workflow speed with sticky headers, collapsible sections.
Created theme parity (light/dark) with no loss of contrast/accessibility.
Delivered handoff-ready UI kits in Figma, synced with dev system.
This was a full-spectrum design role: I touched everything from IA to iconography, from system tokens to ERP forms. The result was not just a product redesign but the foundation of a sustainable design system for CPM.
SecretoCho Design 2025
© 2022 CPM Software. Case study represents design work completed during my employment. Screens and assets shown for portfolio purposes only.