Moon.io
Moon is an open-source product design system that allows anyone to kick-start ideas much faster, maintain integrity, increase the consistency of user experience patterns, and optimize design and development resources.
My responsibilities:
- Produce and contribute high-quality components;
- Lead, collaborate with visual designers and developers to execute solutions properly;
- Create lean documentation of features, UX patterns and functionality for development teams so nothing is lost in translation;
- UX research to increase consistency o user experience patterns;
- Manage, develop and keep the Design System up to date;
- Distribute and maintain integrity of the Moon DS products
Links:
- moon.io
- Figma file
- Featured on Figma community (30k+ duplicates!)
User Guide
Moon DS is simple to use, but still, it was important to have a guideline for DS users. Here is the video guide (for internal users) created under my direction.
Components in action
Creating dashboard in Figma in a few clicks
Components in Figma
Research
One of my key responsibilities was researching best practices and creating lean documentation of features, UX patterns, and functionality for development teams so nothing is lost in translation. Sometimes, we feel like our knowledge can also be helpful for our colleagues in other companies and products, so we try to share as much as possible via such platforms as Medium.
Check out my article about the UX aspect of Design System.
An essential part of the process is our weekly design system meetings. We spend a lot of time discussing solutions and healthy, hot disputes in which the truth is crystallized. We have different products, but we use the same components, so we need them to work properly for everyone.
On the right, you can see the result of one of those meetings. A solution regarding the "Bottom sheet" component for Mobile apps which plays many roles. In the desktop version, there are 3 different components for those functions.
Interactive Components
We pay great attention to prototyping and verifying interactive components, as they are subject to the company's design language and UX patterns across different products.
Discipline
UX/UI Design
Design System
Client
Heathmont / Yolo
Year
2020—2022