IW Covenants — site sob medida para um SaaS de compliance
Site sob medida para o SaaS de gestão de covenants da Infoworker — página única em HTML próprio, nove seções que explicam o produto de ponta a ponta e carga completa em menos de um segundo.
O IW Covenants é o sistema SaaS da Infoworker para gestão de covenants e obrigações contratuais — usado por operações que assumem compromissos com bancos de fomento e grandes contrapartes, onde um descumprimento pode custar o vencimento antecipado da dívida.
Desenvolvemos o novo site do produto sob medida, escrito do zero em HTML e CSS próprios: uma página única que apresenta a plataforma, explica o funcionamento em sete etapas e conduz o visitante até o pedido de demonstração.
O que um site sob medida devolve a um produto B2B.
Software de compliance não se vende por impulso. A página tem uma função: fazer um diretor entender o produto em minutos — e chegar ao comercial já qualificado.
- 01 Mais indexação Headings reais e texto em HTML: o buscador entende o que a página vende, e o produto de nicho aparece pro termo certo.
- 02 Preparada para busca com IA Motores de resposta leem estrutura. Quem pergunta como gerenciar covenants encontra o produto na resposta.
- 03 Velocidade é lead Tráfego B2B é caro. Página leve segura o clique até a primeira frase — e o custo por lead não sobe escondido.
- 04 Narrativa que qualifica A página explica, mostra as telas e responde objeções antes do formulário. O comercial recebe um lead mais quente.
- 05 Tecnologia é credibilidade Pra vender governança a uma grande operação, o site é a primeira prova de competência técnica da empresa.
HTML próprio, do zero, sem camada intermediária.
A página inteira foi escrita à mão: um arquivo HTML, uma folha de estilo e um script. Sem CMS, sem tema, sem construtor e sem framework de front-end — nada entre o conteúdo e o navegador.
A abertura apresenta o produto com uma peça de interface viva: contrato, cláusulas, tarefas delegadas e o indicador de conformidade, mostrando o funcionamento do sistema antes de qualquer explicação.
Isso mantém a página leve e deixa a identidade do produto — verde-escuro, tipografia forte, componentes com vidro e brilho — consistente em todas as seções.
Uma página inteira, mais leve que uma foto.
Números medidos na página no ar, com cache do navegador desativado.
Explicar o produto antes de pedir o contato.
A seção de abertura do conteúdo não lista funcionalidades: faz a pergunta que o próprio visitante já se faz — de que forma sua empresa gerencia as obrigações contratuais?
Só depois vêm controle, alertas e recorrência, e o contexto que dá peso ao problema: em acordos com entidades de fomento, um descumprimento pode significar vencimento antecipado da dívida, multas e restrição de crédito.
Sete etapas, do contrato ao indicador.
O ponto mais difícil de um SaaS de nicho é fazer alguém entender o funcionamento sem uma demonstração. Resolvemos com um fluxo visual de sete etapas: contrato → cláusulas → tarefas → alertas → evidências → indicadores → relatórios.
Cada cartão tem ícone, número e uma frase. Em trinta segundos de leitura, quem nunca viu o sistema já sabe o que ele faz — e chega ao formulário com a pergunta certa.
As telas do sistema, sem galeria genérica.
Em vez de um carrossel de imagens soltas, cada recurso ganhou um bloco próprio com a tela ao lado do texto — cadastro, monitoramento e execução, covenants financeiros e garantias, auditoria e rastreabilidade.
O fundo alterna entre claro e escuro a cada seção, e a página nunca repete o mesmo ritmo duas vezes seguidas.
Um capítulo com identidade própria.
O módulo de Inteligência Artificial é a novidade comercial do produto — busca semântica sobre contratos e um agente dentro do Microsoft Copilot. Para não virar mais um bloco na lista, ganhou uma paleta própria em violeta, destacando-se do verde do restante da página.
Os exemplos de pergunta aparecem como balões de conversa reais, com a resposta do sistema logo abaixo — mostrando o comportamento em vez de descrevê-lo.
O argumento que os clientes mais citam, em destaque.
Os painéis em Power BI entregues junto ao sistema são, segundo a própria equipe, um dos recursos mais bem recebidos pelos clientes. No site, ganharam seção própria — com o painel à direita e as quatro visões listadas ao lado: executiva, por departamento, indicadores financeiros e customizáveis.
Quem já usa, e o caminho até a demonstração.
A faixa de clientes vem em grade de cartões com as marcas em escala de cinza — presente sem competir com o conteúdo. Em um produto de compliance vendido para grandes operações, essa é a prova que mais pesa.
O fechamento reúne os três canais diretos e um formulário curto, com a oferta de teste declarada em texto, não escondida atrás de um clique. Quem não quer preencher formulário fala pelo WhatsApp ou telefone na mesma tela.
A mesma página, sem versão paralela.
Não existe um site mobile separado: o mesmo HTML responde nas duas larguras. No celular o menu vira drawer, a peça da abertura reorganiza os cartões e o fluxo de sete etapas passa a rolar na vertical.
Como a página já é enxuta no desktop, a versão mobile não precisa de nenhum truque adicional para carregar rápido.
10 · O que ficou pro cliente.
Uma página única com nove seções encadeadas — abertura, solução, fluxo em sete etapas, recursos, módulo de IA, dashboards, benefícios, clientes e contato — mais o formulário, o menu mobile e a identidade visual completa do produto.
- Página sem dependências Um HTML, um CSS e um JS. Nada para atualizar, nenhuma base de código externa para acompanhar.
- Superfície de segurança mínima Sem CMS e sem plugins, não existe painel administrativo exposto na página do produto.
- Estrutura pronta para busca Headings reais e texto em HTML — legível para buscadores e para os motores de resposta com IA.
- Narrativa comercial completa O produto é explicado ponta a ponta antes do formulário, qualificando o lead que chega.
- Identidade visual do produto Paleta, tipografia e componentes definidos no próprio código, reaproveitáveis em material comercial.
- Peso que cabe em qualquer conexão A página completa — com todas as imagens — carrega em 41 requisições e fica pronta em menos de um segundo.
