The company had a design system for their printed catalogs and marketing websites, but none for their desktop software, mobile apps, or device firmware.
- Brand colors were used instead of those with accessible contrasts for a UI.
- Colors and iconography were inconsistent across all platforms.
- Error handling was inconsistent across all platforms.
- Controls often lacked states, making keyboard navigation impossible.
Establish a cross-platform design system in 1 week.
With such a short timeline, creating an entire design system from scratch was not feasible. Instead, I adopted the Material design system and themed it appropriately for the company. To assist developers working on the desktop software, I documented every state of every control using this design system. I also used Axure to create working examples of each control.
The design system aligned the interfaces across all devices with screens. This included desktop software, mobile apps, and touch-screen device firmware. For the first time, a user could recognize the same iconography, colors, and navigation patterns on every platform.