I have over 10 years of experience designing, supporting, and utilizing design language systems. In the beginning, I collaborated with UI developers to utilize and customize open-source front-end frameworks like Bootstrap and Foundation building Atomic Design libraries. Over time, the frameworks changed and the libraries became more complex from a basic component library to a module library.
During my time at Philips, I went from designing and supporting a product specific design system to adopting and contributing to the global Philips Design Language System (DLS). Below are samples of simple and complex components and module that my UX team designed or utilized.
The before images are from the product specific design system and the after images are utilizing the Philips DLS.
The before images are from the product specific design system and the after images are utilizing the Philips DLS. My UX team help contribute to this DLS component.
The evolution of the product’s patient header module utilizing the product specific design system through adoption of the Philips DLS.
My UX team worked closely with UI infrastructure team to design and build the new patient header module.