🎨 Design
🗓 Informações Gerais
-
Nome do Projeto: Sistema de Cálculo de Valor de Produto
-
Responsável de Design: Davi Nascimento de Jesus
-
Data de Entrada no Design: 03/09/2025
-
Data de Entrega Estimada para Desenvolvimento: 10/10/2025
-
Link para Documento de Visão de Produto: Visão de Produto
✅ Checklist de Entrada (antes de iniciar o design)
- Documento de Visão de Produto recebido e validado
- Escopo e funcionalidades compreendidos
- Personas identificadas
- Alinhamento com PO realizado
- Capacidade da equipe verificada
- Deadline estabelecido
📤 Checklist de Saída (antes de repassar para Desenvolvimento)
- Wireframes
- Protótipo final validado pelo cliente
- Layouts organizados no Figma
- Especificações visuais claras (cores, tamanhos, espaçamentos)
- Responsividade definida
- Assets entregues (logos, imagens, ícones)
🎯 Objetivo do Design
Validar as funcionalidades descritas na Visão de Produto, garantindo que cada etapa do processo atualmente feito em planilhas possa ser totalmente desenvolvida e operacionalizada dentro da plataforma, por meio de interfaces claras e organizadas.
🖼 Wireframes
Link para protótipo: Figma
🖌 Identidade Visual
🅰️ Tipografia
- Fonte Primária: Inter
- Tamanhos padrão:
- Títulos: 24px
- Subtítulos e botões: 16px
- Texto da tabela e menus: 14px
🎨 Paleta de Cores
| Elemento | Cor (Hex) | Observação |
|---|---|---|
| Cor Primária | #003366 | Azul escuro (menu lateral) |
| Cor Secundária | #F4A261 | Laranja claro (ícones/realces) |
| Fundo principal | #FFFFFF | Branco |
| Fundo da tabela | #FAF5F1 | Bege claro nas linhas alternadas da tabela |
| Texto principal | #333333 | Cinza escuro (texto geral) |
| Feedback positivo | #2A9D8F | Verde (confirmações, sucesso) |
| Feedback negativo | #E76F51 | Vermelho (erros, alertas) |
🧩 Estilo de Ícones
- Estilo: Outlined
- Fonte dos ícones: Iconify
🧼 Limitações e Restrições Visuais
- Ícones são monocromáticos e discretos, alinhados ao estilo outlined
- A paleta de cores é sóbria; não devem ser usados tons vibrantes fora da identidade definida
- A tipografia deve manter legibilidade e hierarquia visual consistente nos diferentes contextos da plataforma
🖼 Protótipo
Link para protótipo navegável (Figma, Adobe XD, etc): Figma
📱 Responsividade
O design contempla os seguintes formatos?
- Mobile
- Tablet
- Desktop
- Outros: ____________
Observações: Não foi solicitado para o projeto nenhum outro critério de responsividade até o momento. Ponto passível de alteração posterior.
📌 Observações Finais
- O botão de subir arquivos em lote ainda está em análise.
A funcionalidade poderá ser descartada caso a integração futura com o sistema Protheus cubra a necessidade de inserção em massa. - Caso a necessidade permaneça, será definida uma estrutura para upload múltiplo com validação de conteúdo, formatos permitidos e feedback visual claro.
- Recomenda-se manter a modularidade da interface por componente funcional (cadastro, fórmula, simulação, exportação), facilitando testes e possíveis iterações futuras.