Agro-sol Design System
IT Analyst / UI/UX Design
Overview
The Agro-sol Design System was developed to address discrepancies that appeared during the creation of PowerApps applications. I recommended the development of a design system after realizing that the absence of standardization was harming application consistency and degrading user experience.
Objective
The primary goal of the Agro-sol Design System was to establish robust design and development guidelines, focusing on user-centricity, inclusivity, simplicity, and consistency. The system wanted to standardize application functionality and visual design in order to give consumers a seamless and enjoyable experience.
Methodology
The design system construction process adopted the Atomic Design System methodology, developed by Brad Frost in 2013. This project was divided into three fundamental stages:
Atomic Design Structure.
Stage 1 - Pattern Mapping
A thorough mapping of design patterns, including their structures, colors, typography, icons, and components, was done in this phase. This made it easier to build a strong system foundation and ensured aesthetic and functional uniformity across all apps.
Stage 2 - Best Practices Documentation
After mapping all components, focus was shifted towards creating documentation outlining best practices for screen construction and the use of system components. This ensured alignment with established guidelines.
Stage 3 - Future Preparedness
The third stage centered around future activities. This encompassed the ongoing review of the design system to meet ever-evolving accessibility requirements, as well as preparing the design system for application beyond the PowerApps environment, thereby expanding its impact.
Small Part of UI Library.
Outcome
By embracing consistent and user-centered design practices, optimizing development, improving usability, and delivering a more cohesive experience across all interactions, the design system has made a significant impact. The design system is poised to evolve to meet the growing demands of accessibility and to be applied in a variety of contexts, ensuring a user experience across diverse platforms.