|
DATE |
May to November 2019 |
|
|
TOOLS |
Sketch / Zeplin / Storybook.js |
THE CHALLENGEBefore I started my internship at NetBrain, the NetBrain product design team has noticed that there are a lot of UI consistency issues in their system. Components that share the same behavior look quite inconsistent. |
MY OUTCOMEA design system could be a practical solution for the consistency issues. Designers can use the style/symbol library to make sure that they have followed the style guides. A component library can accelerate the design process. The shared component/style library could also improve developers' work efficiency. |
Before I started my internship at NetBrain, the NetBrain product design team has noticed that there are a lot of UI consistency issues in their system. Components that share the same behavior look quite inconsistent.
NetBrain design team had some style guides for UI design but designers do not have to follow it strictly. Plus, there’s no person who’s responsible for dedicatedly checking the designer’s design docs and seeing if they have followed NetBrain guidelines.
examples of existing inconsistency issues
This project is mostly finished by myself. The design team gave me a lot of feedback and critiques. Developers also volunteered in my interviews.
Before I started my internship at NetBrain, the NetBrain product design team has noticed that there are a lot of UI consistency issues in their system. Components that share the same behavior look quite inconsistent.
NetBrain design team had some style guides for UI design but designers do not have to follow it strictly. Plus, there’s no person who’s responsible for dedicatedly checking the designer’s design docs and seeing if they have followed NetBrain guidelines.
examples of existing inconsistency issues
This project is mostly finished by myself. The design team gave me a lot of feedback and critiques. Developers also volunteered in my interviews.
