Software de fechamento contábilNova York

Tallyfold.

Site de um software que organiza o fechamento contábil do mês para controllers de empresas com 200 a 2.000 funcionários. Sem logos de clientes nem percentuais de resultado, a prova precisava vir do próprio produto, mostrado em funcionamento logo na primeira tela.

Ver apresentação em vídeo Quero um projeto assim

01

Estudo de caso

O desafio.

Sites de software financeiro costumam provar valor com logos de clientes, integrações com sistemas conhecidos e percentuais de ganho. Uma marca nova não tem nada disso para mostrar, e inventar seria enganoso. Quem decide a compra é um controller, que percebe em segundos uma data ou um saldo que não fecham. O site precisava mostrar o produto com rigor de ofício, explicar o que muda no fechamento e publicar o preço, que no setor costuma ficar atrás de um “fale com vendas”.

01 Prova sem logosLogos de clientes e percentuais de ganho são a prova padrão do setor, e uma marca nova não tem nenhum dos dois.
02 Um leitor que confereControllers notam datas impossíveis e números que não batem; um erro no painel derrubaria a credibilidade do resto.
03 Fechamento em planilhasO problema real é um checklist mantido por uma só pessoa, conciliações feitas na véspera e aprovações perdidas no e-mail.
04 Preço escondidoNo setor, os planos costumam terminar em “fale com vendas”; publicar valores exigia uma tabela clara e coerente com a home.

02

Método Flowt

O diagnóstico.

O site prova o produto mostrando o fechamento do mês em funcionamento, sem logos de clientes nem percentuais de resultado, e leva o controller da primeira tela à demonstração marcada.

Projeto conceitoDiagnóstico Flowt v0.2 · SaaS B2BAplicado em 03/10/2026

VelocidadeInterface toda em HTML e SVG, sem fotos; rolagem nativa, sem biblioteca de rolagem suave, e GSAP só no painel e nos módulos.
Acessibilidade verificávelLighthouse 100 e axe sem violações.
Caminho até a ação principal1 toque até a página da demo, 11 até o horário marcado; no celular o primeiro campo fica a 1.035 px, abaixo da dobra.
Página de preçoPágina própria com três planos e valores (US$ 1.250 e US$ 2.900 por mês), cobrança por entidade, usuários ilimitados, tabela comparativa e perguntas de cobrança; só falta dizer como se cancela.
Produto e caminho até o valorO painel mostra o produto antes de qualquer formulário, a agenda dá horários na hora e a implantação vem como especificação (4 a 6 semanas).

Ver análise completa

Os 13 critérios, com a evidência de cada ponto: o que atende, o que atende em parte e o que depende de uma empresa real. Como a marca é um conceito, não existe um "antes" nem nota somada.

Ser encontrado

Ser entendido por buscadores e assistentesAtende em parte

Título e descrição por página, um H1, JSON-LD de SoftwareApplication com os planos e FAQPage, e o painel em texto, não em imagem. Parcial pelo noindex de propósito e por não haver menções de terceiros.

Reputação geridaNão se aplica

Marca conceito, sem avaliações reais. Num projeto real, volume, recência e respostas são medidos antes e depois no G2 e no Capterra.

Ser escolhido

Primeira tela e proposta de valorAtende em parte

Diz o que faz (software de fechamento mensal) e mostra “Book a demo” e o produto. Não diz para quem nem o que a separa dos concorrentes: o preço por entidade só aparece em Pricing.

4 de 6 checagens

Prova verificável e permitidaAtende em parte

A prova é o produto: painel com dados marcados como simulados e rastro de cada aprovação. Não há equipe, clientes nem página sobre a empresa; numa empresa real entram fundadores, clientes e avaliações com origem.

Consistência entre canaisNão se aplica

Não há canais externos para comparar. Dentro do site, SSO, SCIM, residência de dados e acesso de auditor dizem o mesmo na home e na tabela de preços.

Página de preçoAtende

Página própria com três planos e valores (US$ 1.250 e US$ 2.900 por mês), cobrança por entidade, usuários ilimitados, tabela comparativa e perguntas de cobrança; só falta dizer como se cancela.

Segurança e conformidadeAtende em parte

Seção com SSO e SCIM por plano, permissões por entidade, criptografia e residência de dados; o SOC 2 Type II aparece como exemplo, sob NDA, sem dizer “certified”. Faltam página de segurança, DPA e subprocessadores.

IntegraçõesAtende em parte

Explica o encaixe: lê do ERP, dos bancos e dos subledgers, só escreve o que for aprovado e não substitui o ERP. Não nomeia nenhum sistema, de propósito; num projeto real entra a lista.

Ser chamado

VelocidadeAtende

Interface toda em HTML e SVG, sem fotos; rolagem nativa, sem biblioteca de rolagem suave, e GSAP só no painel e nos módulos.

Lighthouse 100 no celular · LCP 1,4 s

Acessibilidade verificávelAtende

Lighthouse 100 e axe sem violações. O índice dos módulos é navegação real, com aria-current, a escolha anual ou mensal funciona com as setas e, sem movimento, o painel abre no estado final.

axe: 0 violações

Base técnica, medição e privacidadeAtende em parte

Nenhum rastreador; o formulário de demo avisa que nada é enviado. Sem medição instalada e sem política de privacidade, que um SaaS real precisaria para pedir e-mail de trabalho e empresa.

Caminho até a ação principalAtende

1 toque até a página da demo, 11 até o horário marcado; no celular o primeiro campo fica a 1.035 px, abaixo da dobra. A página diz o que a demo cobre e quem participa.

1 toque até a página · 11 até marcar

Produto e caminho até o valorAtende

O painel mostra o produto antes de qualquer formulário, a agenda dá horários na hora e a implantação vem como especificação (4 a 6 semanas). O formulário tem 6 campos, um acima do ideal.

Obrigações do setorNão há registro obrigatório no setor; o site respeita as duas regras que contam: o SOC 2 aparece como relatório de exemplo, sem “certified”, e não há depoimento nem número de cliente (regra da FTC).

Num projeto real, cada critério é medido antes e depois, com a mesma régua e a evidência de cada ponto. Não há nota: o que se vê é quantos pontos continuam abertos.

03

Estratégia

Estratégia e mapa do site.

A primeira tela mostra o produto trabalhando: um painel de fechamento com dados simulados, rotulados como tal. Logo abaixo, o problema aparece na língua do controller, e o produto se divide em quatro módulos, na ordem em que o fechamento acontece, cada um com uma vinheta da interface. Integração e segurança respondem às perguntas de TI sem citar nenhum ERP real. O preço é por entidade, com usuários ilimitados, e cada afirmação da home foi conferida contra a tabela de planos.

01Início

Abertura com painel ao vivo
O fechamento hoje
Quatro módulos
Rastro de auditoria
Integração
Segurança
Perguntas
Fecho

02Preços

Abertura com cobrança anual ou mensal
Três planos
Comparação de planos
Perguntas sobre preço
Fecho

03Agendar demo

O que a demo cobre
Quem participa
Dados do contato
Escolha de horário
Confirmação

Sistema visual

Tipografia, cor e ritmo.

Uma família só, Schibsted Grotesk, em títulos e texto, para soar como ferramenta de trabalho; números, datas e horários vêm em fonte monoespaçada e alinhados à direita, como numa planilha financeira. A base é papel e tinta. O verde de razão aparece só em formas, como o ponto de tarefa concluída, e um verde mais escuro cuida do texto. As marcas de contagem do símbolo contam os dias do fechamento no painel.

Sistema visual de Tallyfold: fonte dos títulos, fonte do texto e paleta de cores com os códigos

Painel do fechamento
Contador de dias em marcas de contagem
Vinhetas dos módulos
Linha do tempo de auditoria
Tabela comparativa de planos

04

Momento assinatura

Painel do fechamento ao vivo.

Enquanto a pessoa lê o título, o painel conclui o fechamento de setembro de uma empresa de exemplo: tarefas passam de abertas a revisão e a concluídas, as conciliações batem, a variação de receita acima do limite recebe explicação e o registro mostra quem aprovou e a que horas. O controller vê o produto funcionando com o vocabulário do próprio trabalho. O rótulo “dados simulados” fica sempre visível.

No celular

Feito para a tela pequena.

Três telas do site num celular de 390 px de largura, a mais comum hoje.

Tallyfold no celular: Abertura: o título, as duas ações e o começo do painel do fechamento, com o rótulo de dados simulados à vista. — Abertura: o título, as duas ações e o começo do painel do fechamento, com o rótulo de dados simulados à vista.

Tallyfold no celular: Módulo 01: o checklist com preparador, revisor e dependências, seguido da vinheta das tarefas que se liberam em ordem. — Módulo 01: o checklist com preparador, revisor e dependências, seguido da vinheta das tarefas que se liberam em ordem.

Tallyfold no celular: Segurança: login único, permissões por entidade e criptografia, em blocos separados por fios finos, um abaixo do outro. — Segurança: login único, permissões por entidade e criptografia, em blocos separados por fios finos, um abaixo do outro.

05

Recibos

Desempenho medido.

As notas abaixo são do site publicado, medidas pelo Lighthouse do Google. Não são uma promessa: são o estado do site no dia da medição. As demonstrações são apresentadas em vídeo. As medições registram o estado do projeto na data indicada.

No celular

100

Desempenho

100

Acessibilidade

100

Boas práticas

66

SEO^*

Maior elemento visível (LCP): 1.4 s
Estabilidade (CLS): 0
Bloqueio (TBT): 0 ms

No computador

100