Skip to content

Design e Componentes

Wellington Cunha edited this page Oct 15, 2026 · 2 revisions

🎨 UX/UI e consistência visual

O design faz parte do processo de construção do sistema de estoque do SESI Lab. A proposta é criar interfaces claras, acessíveis e consistentes, oferecendo aos participantes experiência prática em pesquisa de fluxos, prototipação e colaboração com desenvolvedores.

Ferramentas

A escolha da ferramenta é livre. Podem ser utilizados Figma, Penpot, Google Stitch ou outro recurso adequado ao trabalho, desde que os materiais sejam compartilháveis e revisáveis.

Fluxo de prototipação

  1. Compreender os perfis de usuário e suas necessidades.
  2. Desenhar jornadas e wireframes dos fluxos prioritários.
  3. Prototipar login, navegação, dashboard, itens e movimentações.
  4. Compartilhar links e apresentar as decisões visuais à equipe.
  5. Incorporar feedback das revisões e validações.

Padrões visuais e componentes

Ao longo do desenvolvimento, vale buscar consistência em tipografia, cores, espaçamentos, estados de interação, acessibilidade e componentes reutilizáveis.

Design System e Storybook são referências que a equipe poderá explorar para organizar e documentar componentes, conforme a evolução do projeto. Não são pré-requisitos para começar a contribuir.

Entrega e colaboração

Registre o link do protótipo na issue correspondente e indique quais telas ou fluxos estão contemplados. As revisões são momentos de troca de conhecimento e mentoria.

← Índice da documentação

Clone this wiki locally