Organic Design System
When building any software, it's important to provide a consistent user experience across the entire application. The Organic Design System provides guidance regarding proper component usage to engineers and designers across multiple teams. Each component includes a dynamic demo, guidance on appropriate implementation and restrictions, examples, and click-to-copy code snippets.
As pages and features are being built in the application, I work closely with both design and engineering to ensure mockups and code being pushed to production remains in alignment with our Design System standards.
Tools Used: Material Design Framework, React, Storybook, Figma, GitHub
UI Components Library
The UI components library served as a single point of reference where designers, developers, and associates could view established coding and styling standards for the company's internal task management application. Users were able to quickly reference colors, typography and application components. Each component page featured examples, with click-to-copy code snippets for easy implementation.
Tools Used: Material Design Framework, Angular, Figma, Adobe Photoshop
Internal Task Management Application
The task management system allowed internal associates to address requests and needs sent in from drivers on the road. As a designer on this project I conducted user interviews to gain insights regarding workflows and application functionality, created user flows and charts to ensure that each action and point of documentation was being recorded, designed mockups for new workflows and features, created prototypes using design software and code, validated designs with users, and assisted in UI/front-end development as needed.
Tools Used: Material Design Framework, Angular, Figma, Adobe XD