Internal Tools Design System

This system was created to be used for different tools, in different platforms and mediums. The plan was to have an accessible system that would help developers create tools fast, without help from the design team. But, it was essential to ensure these creations would be under the same branding umbrella, following the same core principles.

‍

‍

The Design Challenge: Create an easy-to-work-with system, that would easily provide UI views that look different but at the same time, consistent.

Using invision's DSM as the single point of truth, a library was created both for designers and developers to use. It provides design tokens for colours, fonts etc., guidelines, do's & dont's, assets like icons and logos and much more.

My contribution to the product:

• Extensive research of existing design systems & best practices.
• Documentation of the current internal tools and their needs. Provision for future products.
• Creation of all the elements, based on atomic design.
• Single point of truth (invision DSM) with reusable elements and guidelines for usage.
• Test creation of a completely new tool based on the system principles, fixing problematic parts along the way.