Analisando propostas

Desenvolvimento de Design System e Ui Kit para Plataforma B2b com Foco em Clareza Visual

Publicado em 17 de Setembro de 2026 dias na Design e Multimedia

Sobre este projeto

Aberto

O cliente busca um profissional para desenvolver um Design System completo e uma biblioteca de componentes para uma plataforma B2B com painel/dashboard administrativo. O objetivo é comunicar informações de status, confiabilidade e custo de forma visualmente clara e moderna, evitando um estilo 'corporativo pesado'.

Os requisitos incluem:

1. Design System (tokens):
  - Definição de paleta de cores (clara/escura).
  - Tipografia.
  - Espaçamento.
  - Grid.
  - Raio de borda.
  - Elevação/sombra.
  - Conjunto de ícones.

2. Biblioteca de Componentes (CORE do projeto):
  - Badges de status: uma família consistente de 6-8 estados (sucesso, processando, retentativa, incerto/atenção, falha, expirado, bloqueado, pendente de aprovação).
  - Indicador de score/confiança: número com intervalo (ex: '93 ± 1.8').
  - Card de 'ativo': contendo nome, selo de confiabilidade, custo e nível de permissão (4 informações fixas).
  - Timeline/stepper de execução com tentativas: diferenciação visual entre passos que falharam e foram refeitos, e passos que falharam e permaneceram falhos.
  - Lista de permissões: visualização de permissões concedidas vs. Negadas (tipo checklist de acesso).
  - Diff visual: comparação lado a lado entre duas versões de conteúdo textual.
  - Tabela densa: com filtros, paginação por cursor e estado vazio.
  - Formulário multi-etapa (wizard): com validação inline.
  - Navegação em dois modos: um simplificado (poucas opções, linguagem de negócio) e um avançado (mais denso, linguagem técnica) para o mesmo produto.

3. Estados obrigatórios de qualquer tela:
  - Vazio.
  - Carregando (skeleton).
  - Erro (com código de referência visível).
  - Degradado/parcial.
  - Sem permissão.

4. Telas de referência (3-4 telas aplicando os componentes):
  - Uma tela 'home' com cards de resumo.
  - Uma tela de detalhe/registro único com timeline.
  - Uma tela de listagem/tabela densa.
  - A landing page simples (marketing) que direciona para o aplicativo.

Categoria Design e Multimedia
Subcategoria Web Design
Do que você precisa? Criar um novo design personalizado

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por C. H. D. S.