SINV
Product design de um sistema de gestão de investimentos
Smartbrain · 2024
Product Designer
2022 - 2024
- Eduardo Hessel
- +1 Product Designer
- 1 PM
- 1 PO
- 1 CTO
- UX Research
- Data Visualization
- UI Design
- Prototipação
Resumo
Visão geral
O SINV é um sistema de investimentos que centraliza patrimônio, rentabilidade e composição de carteira em uma interface web clara. O projeto partiu de processos manuais e baixa visibilidade financeira para entregar dashboards, fluxos de cadastro e relatórios que o usuário consegue ler e agir sem depender de planilhas ou múltiplas ferramentas.
Meu papel
- Discovery do problema com usuários e mapeamento de jornadas de gestão de investimentos.
- Definição de arquitetura de informação, fluxos e hierarquia do dashboard.
- Design de interface web com foco em dashboard, fluxos de cadastro e leitura analítica.
- Especificação de componentes de visualização de dados: gráficos, tabelas e cards de KPI.
- Testes de usabilidade e iteração entre wireframes, protótipos e telas finais.
Soluções
Traduzi dados financeiros complexos em uma experiência escaneável: resumo no topo, evolução patrimonial, alocação por ativo e setor, tabelas de posição e fluxos de cadastro organizados em uma navegação lateral consistente.
Sobre o produto
O que é o SINV
O SINV (Sistema de Investimentos) é uma plataforma para acompanhar patrimônio, rentabilidade e composição de carteira em um só lugar. O produto atende quem precisa de visão consolidada sobre ativos, dividendos e evolução ao longo do tempo, com telas pensadas para leitura rápida e tomada de decisão. O desafio de design era tornar dados densos acessíveis sem simplificar demais a informação que o usuário precisa para confiar na leitura.
Problemas
O desafio
Operações com processos manuais e ferramentas desconectadas geravam retrabalho, inconsistência de dados e pouca visibilidade sobre performance. Para o negócio, isso limitava adoção do produto, aumentava suporte e dificultava escalar a gestão de investimentos com qualidade.
O problema
Usuários não conseguiam enxergar patrimônio total, rentabilidade e alocação em uma única leitura. Cadastros e consultas eram fragmentados, gráficos pouco legíveis e tabelas sobrecarregadas. A falta de hierarquia visual aumentava o esforço cognitivo e a desconfiança nos números apresentados.
Como estruturar um sistema de investimentos que dê clareza imediata sobre patrimônio e performance, sem sacrificar profundidade para quem precisa analisar?
Estratégia
Imersão e entendimento
Mapeamento do contexto operacional, entrevistas e análise de como usuários consultavam patrimônio hoje. Identificação dos momentos críticos: visão geral da carteira, cadastro de ativos, acompanhamento de dividendos e consulta detalhada por posição.
Definição e priorização
Tradução dos pain points em requisitos de interface: dashboard como home, sidebar para navegação estável e fluxos de cadastro separados da leitura analítica. Priorização do que precisava estar na primeira camada versus o que ficava em drill-down.
Ideação e estrutura visual
Wireframes explorando densidade de informação, tipos de gráfico por contexto (linha para evolução, donut para alocação, barras para dividendos) e padrões de tabela filtrável. Definição de uma linguagem visual limpa: fundo claro, sidebar escura e cor reservada para dados.
Prototipação
Protótipos de alta fidelidade do dashboard completo, telas de cadastro e listagens. Refinamento de hierarquia, densidade de informação e estados de interação antes do handoff.
Soluções
Dashboard de visão consolidada
Tela inicial com cards de Patrimônio Total e Rentabilidade, gráfico de Evolução do Patrimônio, donuts de composição por tipo de ativo e setor, tabela de posições e gráfico de Dividendos. Hierarquia pensada para o usuário responder em segundos: quanto tenho, como evoluiu e onde está alocado.
Fluxos de cadastro e gestão
Telas de Cadastro de Ativos com formulários claros, validação visual e campos agrupados por contexto. Listagens e filtros para consultar, editar e organizar a carteira sem perder o fio da navegação.
Visualização de dados com propósito
Cada tipo de gráfico atende a uma pergunta específica: linha para tendência, donut para proporção, barras para recorrência (dividendos). Cores de dados com significado consistente, evitando ruído visual e mantendo contraste para leitura prolongada.
Impacto
O SINV consolidou a gestão de investimentos em uma interface única, substituindo leituras fragmentadas por um dashboard orientado a decisão. A estrutura de componentes de dado e a navegação lateral criaram base reutilizável para evoluir o produto sem redesenhar do zero a cada nova feature.
Aprendizados
Dashboard é narrativa, não só layout
A ordem dos blocos importa tanto quanto o visual. Patrimônio e rentabilidade no topo, evolução e alocação no meio, detalhes e dividendos em camadas seguintes guiam o usuário sem sobrecarregar a primeira tela.
Gráfico certo para a pergunta certa
Forçar um único tipo de visualização em contextos diferentes gera confusão. Separar evolução (linha), composição (donut) e recorrência (barras) melhorou a legibilidade e reduziu interpretações erradas.
Navegação estável em produto denso
A sidebar fixa e a separação entre leitura analítica e fluxos de cadastro reduziram desorientação em um produto com muitas telas. Manter o usuário no mesmo modelo mental foi tão importante quanto o visual do dashboard.