UI Kit
Background:
While the brand already had a defined graphic identity, its UI kit was not yet generated. It was crucial to work with established guidelines and components in scalable and easy-to-use structures for prototypes and proposed changes.
Objectives:
- Creation of the general structure of the UI Kit
- Review of previous heuristics.
- Use case documentation
- Generation of versioners
- Implementation and iterations
Solutions:
Following the brand identity, the project was created with a solid visual structure within an organized library, featuring easily identifiable elements. Containers, colors, typography, breakpoints, and other attributes were defined to help standardize the digital product with the assistance of:
- Creation of components
- Heuristics of elements used
- Implementation in collaboration with development area
- Generation of design tokens