Building a Design System to Accelerate Application Development with Consistent User Experience.
Components with all base items and properties.
To address the challenges of maintaining a consistent user experience across applications in the NADW line of business for Tax and Customs Portuguese Government, this project focused on creating a comprehensive design system. As a UX Designer, my role involved establishing foundational elements, and creating accessible and reusable components. The project aimed to accelerate the development process while ensuring uniformity across applications. The Integrated Anti-Fraud Customs Information System was selected as the pilot project to implement and test the new design system.
Accordion group and items.
Toggle properties.
As the NADW line of business expanded, the need to develop multiple applications with a consistent user experience became increasingly urgent. However, the lack of standardized components and design guidelines led to inefficiencies and inconsistencies. This fragmented experience not only slowed down development but also created usability challenges for end-users. The system aimed to unify the visual and interactive standards across applications, streamline the development process, and uphold accessibility requirements.
Checkbox and checkbox group.
Tootip component
To ensure the design system would address the needs of all stakeholders, we began by identifying the core challenges in the current development process. This included gathering feedback from developers and designers who faced delays and inconsistencies due to the absence of shared resources. The solution involved defining design tokens, such as colors, typography, and spacing, alongside foundational elements like grids and layouts. Key insights guided the creation of reusable components and a robust documentation platform hosted on ZeroHeight. Accessibility standards were also integrated, ensuring the design system catered to diverse user needs.
Activities and Outputs:
Tokens
Foundations
Components
Accessibility Standards
Properties
Documentation on ZeroHeight