Descrição do projeto
TraduzidoNosso painel administrativo B2B SaaS tem acumulado dívida de design por três anos. Diferentes seções foram projetadas em momentos diferentes por pessoas diferentes, resultando em uma linguagem visual inconsistente, hierarquia de informações pobre e uma experiência do usuário que nossos clientes frequentemente reclamam em tickets de suporte. Queremos investir em um redesign completo que estabeleça um sistema de design coerente e crie uma interface que escale — uma que os desenvolvedores de produtos possam estender sem quebrar a consistência visual, e que os clientes possam navegar sem treinamento.
O novo design deve se inspirar em interfaces administrativas B2B modernas como Linear, Vercel e Stripe — limpas, densas em informações, mas nunca desordenadas, com excelente suporte para modos escuro e claro. Precisamos de mais do que apenas maquetes bonitas: precisamos de um sistema de design completo com tokens de cor documentados, escalas de tipografia e uma biblioteca de componentes que os desenvolvedores possam consultar durante a implementação. O protótipo interativo em Figma deve cobrir todos os fluxos de usuários chave para que possamos validar o design com clientes reais antes do início do desenvolvimento. Anotações de entrega para desenvolvedores são essenciais — cada espaçamento, cor e estado de interação deve ser especificado.
Páginas a serem projetadas:
1. Visão geral do painel — KPIs, gráficos, feed de atividade recente
2. Gerenciamento de usuários — visualização em lista, funções, matriz de permissões
3. Análise — gráficos de tráfego, funis de conversão, visualizações de comparação
4. Faturamento e assinaturas — visão geral do plano, histórico de pagamentos, fluxos de upgrade
5. Configurações — perfil, notificações, integrações, chaves de API
6. Fluxo de integração — assistente de configuração em três etapas com acompanhamento de progresso
Requisitos de design: variantes de modo claro e escuro, desktop-first com responsividade para tablet, sistema de design completo, protótipo interativo, entrega para desenvolvedores com anotações.
O novo design deve se inspirar em interfaces administrativas B2B modernas como Linear, Vercel e Stripe — limpas, densas em informações, mas nunca desordenadas, com excelente suporte para modos escuro e claro. Precisamos de mais do que apenas maquetes bonitas: precisamos de um sistema de design completo com tokens de cor documentados, escalas de tipografia e uma biblioteca de componentes que os desenvolvedores possam consultar durante a implementação. O protótipo interativo em Figma deve cobrir todos os fluxos de usuários chave para que possamos validar o design com clientes reais antes do início do desenvolvimento. Anotações de entrega para desenvolvedores são essenciais — cada espaçamento, cor e estado de interação deve ser especificado.
Páginas a serem projetadas:
1. Visão geral do painel — KPIs, gráficos, feed de atividade recente
2. Gerenciamento de usuários — visualização em lista, funções, matriz de permissões
3. Análise — gráficos de tráfego, funis de conversão, visualizações de comparação
4. Faturamento e assinaturas — visão geral do plano, histórico de pagamentos, fluxos de upgrade
5. Configurações — perfil, notificações, integrações, chaves de API
6. Fluxo de integração — assistente de configuração em três etapas com acompanhamento de progresso
Requisitos de design: variantes de modo claro e escuro, desktop-first com responsividade para tablet, sistema de design completo, protótipo interativo, entrega para desenvolvedores com anotações.
Programação web Dinheiro, Transferência bancária
