Escritório de contabilidade · portal do clientePorto Alegre

Cotejo Contabilidade.

Site e portal do cliente de um escritório de contabilidade de Porto Alegre. O cliente entra, vê o mês fiscal com os prazos reais, envia os documentos que faltam e acompanha cada guia destravar, com a contadora no mesmo lugar.

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

01

Estudo de caso

O desafio.

Num escritório de contabilidade, o mês do cliente costuma correr por WhatsApp e e-mail: pedidos de documento que se perdem, guias que chegam soltas e a dúvida sobre o que já foi pago. O dono da empresa não sabe que o DAS espera o relatório de vendas, nem que um dia 20 em feriado muda três datas. O sistema precisava mostrar essa relação de causa e efeito, com prazos verdadeiros, sem jargão e sem parecer um painel de enfeite.

01 Mês espalhado em conversasPedidos, guias e respostas ficam divididos entre WhatsApp, e-mail e telefone, sem histórico de quem enviou o quê.
02 Documento que trava guiaO cliente não vê que a guia depende dele: sem o relatório de vendas, a apuração do Simples não começa.
03 Cada prazo, uma regraDAS e eSocial passam para o dia útil seguinte; FGTS e INSS antecipam. Errar a regra custa multa.
04 Guia falsa no correioA Receita já alertou para DAS falsos só com Pix; a guia precisava chegar por um caminho conferido.

02

Método Flowt

O diagnóstico.

O site e o portal reúnem o mês fiscal do cliente num só lugar, com os prazos reais, os documentos que faltam e a contadora por perto, no lugar de pedidos soltos no WhatsApp.

Projeto conceitoDiagnóstico Flowt v0.2 · Serviço localAplicado em 04/10/2026

Primeira tela e proposta de valorDiz o que faz e onde (contabilidade para pequenas e médias empresas em Porto Alegre), o diferencial concreto (o portal com o mês à vista) e mostra a ação da demonstração antes da régua.
VelocidadeSem nenhuma foto e com as fontes no próprio site; o GSAP entra só na régua de outubro e o portal é JavaScript puro.
Acessibilidade verificávelZero violações no axe em seis páginas e nas quatro telas do portal.
Caminho até a ação principalDo primeiro toque no celular até o formulário de contato, com quatro campos obrigatórios.
Serviço e primeiro passoQuatro serviços com para quem, o que se entrega e os prazos do mês; o primeiro passo é uma conversa de 30 minutos e a proposta por escrito, e a demonstração mostra o dia a dia.
Conteúdo que informaA régua de outubro filtra os prazos por regime, com a fonte legal de cada um; o exemplo do ICMS-ST explica uma conferência real; as perguntas tratam de troca de contador e reforma tributária, sem promessa.

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 AccountingService, FAQPage e WebApplication, e os prazos em texto com fonte. 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 Perfil da Empresa no Google.

Perfil do GoogleNão se aplica

Marca fictícia, sem perfil. Num projeto real, o perfil teria categoria de escritório de contabilidade, horário e bairro iguais aos do site.

Ser escolhido

Primeira tela e proposta de valorAtende

Diz o que faz e onde (contabilidade para pequenas e médias empresas em Porto Alegre), o diferencial concreto (o portal com o mês à vista) e mostra a ação da demonstração antes da régua.

6 de 6 checagens

Prova verificável e permitidaAtende em parte

Estrutura pronta: três pessoas com nome, papel e CRC marcado como exemplo, o escritório com registro próprio e bairro. Numa empresa real entram os registros verdadeiros e avaliações com origem.

Consistência entre canaisNão se aplica

Não há canais externos para comparar. Dentro do site, prazos, horário e registros dizem o mesmo na home, no contato, no rodapé e no portal.

Instagram encontrável com serviço e cidadeNão se aplica

Sem perfil por ser conceito. Num projeto real, a bio diria contabilidade e Porto Alegre, com link para o portal e para o contato.

Serviço e primeiro passoAtende

Quatro serviços com para quem, o que se entrega e os prazos do mês; o primeiro passo é uma conversa de 30 minutos e a proposta por escrito, e a demonstração mostra o dia a dia.

Conteúdo que informaAtende

A régua de outubro filtra os prazos por regime, com a fonte legal de cada um; o exemplo do ICMS-ST explica uma conferência real; as perguntas tratam de troca de contador e reforma tributária, sem promessa.

Ser chamado

VelocidadeAtende

Sem nenhuma foto e com as fontes no próprio site; o GSAP entra só na régua de outubro e o portal é JavaScript puro. O maior elemento é o título da abertura. Medição de laboratório.

Lighthouse 100 no celular · LCP 1,6 s

Acessibilidade verificávelAtende

Zero violações no axe em seis páginas e nas quatro telas do portal. O calendário anda pelas setas, arrastar arquivo tem alternativa por botão e cada estado tem palavra e ícone, não só cor.

axe: 0 violações

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

Nenhum rastreador, nenhum pedido de rede no formulário nem no portal, e aviso de privacidade próprio com base legal da LGPD. Sem medição instalada, porque é conceito.

Caminho até a ação principalAtende

Do primeiro toque no celular até o formulário de contato, com quatro campos obrigatórios. A página diz o que acontece depois: resposta em um dia útil, conversa de 30 minutos e proposta por escrito.

1 toque até o formulário · 6 até enviar

Obrigações do setorDecreto-Lei 9.295/1946, art. 20, e NBC PG 01, item 4, r: o escritório e cada profissional aparecem com o registro no CRC marcado como exemplo, e o site não traz depoimento, preço nem número de clientes.

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.

O site do escritório abre com uma ferramenta, não com uma promessa: a régua de outubro, em que a pessoa escolhe o regime e se tem funcionários e vê os prazos que valem para ela, com a fonte legal de cada dia. O portal foi desenhado pela dependência entre as coisas: documento enviado, conferência, guia pronta, pagamento. Por isso a tela principal é o calendário do mês, e cada guia travada diz qual documento falta. A conversa com a contadora fica no mesmo sistema e reage ao que acontece.

01Início

Abertura com a régua de outubro
De onde vem cada guia
O nome: um exemplo de cotejo
Serviços e prazos
Guias por um caminho só
O escritório e a equipe
Perguntas
Fecho

02Contato

O que acontece depois
Onde estamos
Formulário simulado
Confirmação

03Aviso de privacidade

Dados recebidos
Finalidade e base legal
Compartilhamento e guarda
Direitos

04Portal: entrada

O que a demonstração mostra
Entrar na demonstração

05Portal: painel

Este mês
Documentos
Guias
Conversa
Controles da demonstração

Sistema visual

Tipografia, cor e ritmo.

Atkinson Hyperlegible Next e Mono, uma família desenhada para que 0 e O, 1 e l não se confundam: num portal de valores e códigos de barras, ler um número errado é o erro que importa. A base é grafite e papel-ofício. O amarelo de marca-texto grifa só o que pede ação; o que está resolvido recua para o cinza, e atraso é vermelho com palavra.

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

Régua de outubro com filtro por regime
Calendário do mês com estados
Documento que destrava guia
Guia com composição e regra
Conversa com respostas pré-definidas

04

Momento assinatura

O mês fiscal que reage.

O DAS de setembro aparece travado por dois documentos. A pessoa arrasta os arquivos de exemplo, vê o envio, a conferência e a guia ficar pronta para pagar; o calendário muda e a contadora explica que a guia ficou menor porque a receita com ICMS por substituição foi separada. Quem nunca entendeu o que o contador faz vê a conferência acontecer, com dados simulados e rotulados.

No celular

Feito para a tela pequena.

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

Cotejo Contabilidade no celular: Abertura: o título, a ação para a demonstração e a régua de outubro com os botões de regime e os dias grifados. — Abertura: o título, a ação para a demonstração e a régua de outubro com os botões de regime e os dias grifados.

Cotejo Contabilidade no celular: Este mês no celular: o resumo do que pagar e do que falta, e o calendário compacto, com pontos nos dias de prazo. — Este mês no celular: o resumo do que pagar e do que falta, e o calendário compacto, com pontos nos dias de prazo.

Cotejo Contabilidade no celular: Documentos: os arquivos de exemplo para arrastar e a lista do que falta, com o aviso de qual guia cada um trava. — Documentos: os arquivos de exemplo para arrastar e a lista do que falta, com o aviso de qual guia cada um trava.

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.6 s
Estabilidade (CLS): 0
Bloqueio (TBT): 0 ms

No computador

100