A design system for every Pronto Xi module

Project information

Industry

ERP, SaaS

Duration

2022–2025

Team

1 design lead, 1 scrum master, 1 UX/UI designer, 10 engineers, 1 product owner

My role

Building and running the design system, Accessibility standard, Design QA

Users

Pronto Xi product teams, People who use Pronto Xi every day

Tools

Figma, Confluence, Jira

Overview

Pronto Software makes Pronto Xi, an ERP used across many industries. Version 770 needed a design system behind it.

The system had to meet strict accessibility requirements, support the themes customers asked for, and make every ERP module behave the same way.

The design system

We built it with the internal teams, around a floorplan architecture for the two screens people spend most of their time in: data grids and object views. With those two patterns fixed, interaction stays the same across the whole ERP. Light and dark mode came in from the start, along with theming per customer.

• Create, read, update and delete work the same way in every module, even though the platform is a monolith underneath.
• A UI kit and documentation for the Cognos dashboards.
• Reworked data grid screens, the part of the product with the most usability problems.
• Desktop first, with the same rules carried over to the mobile app and POS.

Constraints

We had few people and a small budget, so we picked cheap solutions and worked around what we couldn't change. The system still covered the whole module suite. After the first delivery, a scrum master set up a two-week agile cycle for UX work: maintenance, customer feedback, bugs and usability tests, all handled as a normal backlog.

Outcome

The design system runs across Pronto Xi and has spread to the mobile app and POS. It is still maintained in two-week sprints, checked against customer feedback.

• 85%of users found the new version easier to use (post-launch survey)
• 25%less time per task, mostly in data grids and object views
• 100%of ERP modules on the design system, from finance to HR
• 50%of users switched to dark mode within 3 months
• 92%positive customer feedback on use across desktop, mobile and POS