Tallyroom
Conciliação bancária para escritórios contábeis pequenos. A tabela do produto é o herói da página.
Briefing
- Quem e quando
- Sócio de escritório contábil com 3 a 15 pessoas, no desktop, desconfiado, comparando 2 ou 3 ferramentas em abas.
- Tarefa principal
- Entender em menos de 5 segundos que o produto casa extrato com razão e só aponta as exceções, e começar o teste.
- Não pode parecer
- Template de SaaS com degradê roxo, painel de cripto, anúncio de banco.
- Sucesso
- Dizer o que faz e quanto custa sem rolar mais de 2 telas.
Três direções
Ruled Ledger
Uma folha de razão limpa: linhas horizontais organizam tudo e a tabela ao vivo é o herói.
IBM Plex Sans + Plex Mono (valores tabulares)
Quase sem cor: os selos verde e âmbar são os únicos destaques.
Night Terminal
Console escuro e denso para usuário avançado, com linhas de log.
JetBrains Mono em tudo
Parece ferramenta de dev para sócios não técnicos.
Big Number
Um número gigante, “312 de 318 linhas conciliadas”, carrega a mensagem.
Bricolage Grotesque 800 + Source Sans 3
O comprador não vê a ferramenta antes de confiar.
Por que esta: A dúvida real do comprador é “isso concilia mesmo as minhas linhas?”. A direção A responde mostrando a tabela primeiro.
Design system (DESIGN.md)
IBM Plex Sans 400/500/600 · IBM Plex Mono 400/500 (tnum)
- paper
#F4F5F2 - surface
#FFFFFF - ink
#14171A - muted
#555B62 - rule
#D3D8D2 - match
#0E7A4E - flag
#9A5B00
Resultado
O que a revisão pegou
Autorrevisão sobre prints em 1440 px e 390 px. Cada rodada lista o problema e a correção.
- 390 px: o texto do topo encostava na borda (padding sobrescrito) → corrigido.
- 390 px: itens do cabeçalho da tabela brigavam por uma linha → empilhados.
- 390 px: dois botões de larguras diferentes → largura total no celular.