Design de interfaceConceito
Tally Dashboard para fundadores
Um protótipo clicável de dashboard — estados tranquilos, tabelas com dados reais e um fluxo feito para testes.
Por dentro do projeto
A visão da manhã.
Quatro KPIs, uma tabela com abas e os sparklines que mostram a tendência sem alarde.
Visão geral
Tally é um conceito de dashboard para fundadores: a única tela que você confere no primeiro café do dia para saber se o negócio vai bem. Não é uma parede de gráficos — é uma leitura tranquila.
O briefing
- Problema
- Dashboards iniciais respondem ao que é fácil de consultar, não ao que o fundador pergunta.
- Restrição
- Precisa ser testável com usuários antes de qualquer linha de código.
- Solução
- Um protótipo clicável construído a partir de quatro perguntas matinais, com cada estado desenhado.
A maioria dos dashboards em estágio inicial é construída por engenheiros resolvendo o que é fácil de consultar. O Tally foi construído ao contrário: a partir das perguntas que um fundador realmente faz às 8h — estamos crescendo, estamos perdendo alguém, o que mudou ontem, o que precisa de mim hoje.
Quatro cards de KPI no topo, cada um com um sparkline e uma variação real. Abaixo deles, uma faixa de abas — Hoje / Semana / Mês — que não recarrega a página. Mais abaixo, uma tabela: os dez eventos mais recentes, ordenáveis, com um estado vazio tranquilo quando não há nada para ler.
O protótipo é clicável de ponta a ponta. Os filtros funcionam, as abas trocam o conteúdo, os estados vazios foram desenhados em vez de ignorados e os skeletons de carregamento correspondem ao layout final — nada pula quando a tela se acomoda.
Sobre este conceito
Este é um projeto conceitual para um cliente fictício. Ele mostra o processo e o padrão que levamos aos projetos com clientes.
Abordagem
Calmo, real, testável.
Perguntas, não gráficos
Cada área responde a uma pergunta que o fundador fez em voz alta. O que não responde a nenhuma não entra na tela.
Estados vazios primeiro
Estados vazios, de carregamento e de erro desenhados antes do caminho feliz. Os dias sem novidade são a maioria dos dias.
Clicável, não bonito
O protótipo percorre três fluxos reais de ponta a ponta. Os stakeholders clicam — não ficam apertando os olhos diante de frames.
O que inclui
Pronto para testes com usuários.
Os números se referem ao briefing conceitual.
Telas
18telas em alta fidelidade
Início, telas de detalhe, configurações e os três fluxos principais — desenhados no nível de entrega para desenvolvimento.
Fluxos
3fluxos clicáveis
Novo cadastro, investigação de churn, resumo semanal. Cada um é um caminho real pelo protótipo.
Estados
Vazio, carregamento e erro
Cada área, cada estado. Os skeletons correspondem ao layout final, então nada pula quando os dados chegam.
Entrega
Tokens e especificações
Design tokens, variantes de componentes e anotações de medidas por tela, prontos para a engenharia.
Ferramentas
- Figma
- Variables
- Auto Layout
- Protótipo
- Tokens Studio
Experimente você mesmo
Um projeto que funciona, não uma imagem.
Abra a demo e use-a como um visitante ou um cliente faria. Cada toque e cada aba funcionam.