A tarefa
Uma loja na Rússia entrega ao banco uma porcentagem de cada pagamento no cartão. A transferência instantânea custa bem menos, e metade do país já paga assim. O comprador escolhe essa opção quando ela é a primeira da página de pagamento.
Então eram dois trabalhos ao mesmo tempo. Montar o produto: página de pagamento, painel, cobrança e uma calculadora que faz a conta com o faturamento da própria loja. E fazer uma landing page que explica isso para um dono de loja, não para um programador.
O que construímos
Uma landing page que explica o serviço em uma tela
A primeira tela diz a oferta com um exemplo: quanto o banco leva de um pedido de 5 000 ₽ e quanto leva a transferência instantânea. Atrás dela roda uma cena 3D sobre um gradiente mesh azul-escuro.
Mais abaixo a página é feita de blocos: os logos dos bancos passando, as taxas, os segmentos que o serviço atende e as perguntas que aparecem antes de contratar.
A página de pagamento e como a loja conecta
A página de pagamento abre na transferência instantânea. O comprador paga em dois toques pelo app do próprio banco, e o cartão fica a um toque de distância, entre os outros meios. O dinheiro cai na mesma conta que a loja já usava.
A conexão passa por OAuth oficial: a chave secreta da loja nunca é pedida e o acesso pode ser revogado a qualquer momento. A cobrança sai como link ou QR code pelo painel, então dá para receber mesmo sem ter site.
Uma calculadora de economia que usa o seu faturamento
Números médios de mercado não convencem ninguém, então a página pede os seus. Os controles definem o faturamento do mês e a parte dos compradores que paga por transferência instantânea, e um terceiro campo abre as taxas da própria loja.
O resultado aparece como uma conta: quanto a loja paga hoje, quanto paga com o serviço, a taxa por cima e a economia por mês e por ano. Cada número é recalculado enquanto você move o controle.
Os blocos que respondem às dúvidas do dono da loja
Com serviço de pagamento as pessoas vão com cuidado, então o meio da página é dado a respostas simples. Onde o dinheiro cai, de onde sai a taxa, o que acontece com as notas e o que acontece se o saldo acabar.
No mesmo bloco ficam os números que o serviço publica sobre si mesmo, e a lista de perguntas fica abaixo dele em um acordeão.
Por dentro do projeto
Abaixo do site roda um produto de pagamento de verdade. É disto que ele é feito: a marcação que os buscadores e as respostas de IA leem, o bot de suporte, as integrações de pagamento e os documentos que a lei russa exige.
Busca e respostas de IA
Dados estruturados para busca
A página traz JSON-LD de Organization, WebSite, SoftwareApplication e FAQPage, então o buscador lê a empresa, o produto e as perguntas como dados, em vez de tirar isso do texto.
Mapa do site com 47 endereços
O site monta o próprio mapa e o robots.txt aponta para ele, então o robô recebe a lista em vez de procurar página por acaso. Abrir o sitemap.xml
Aberto para a busca com IA
O site entrega um llms.txt, arquivo curto que diz a um assistente de IA o que é o serviço e onde estão as respostas. Abrir o llms.txt
Prévia do link nos mensageiros
No cabeçalho estão og:title, og:description, uma og:image e o twitter:card como summary_large_image.
Suporte
O bot de suporte Vera
A Vera responde no chat do site, no Telegram e no e-mail, tudo a partir de um lugar só. Abrir o bot de suporte
Base de conhecimento no git
O bot responde a partir de 35 artigos escritos em Markdown e versionados no git.
Dinheiro
Cobrança conferida todo dia
A taxa que o serviço cobra é contada em um registro próprio, com fechamento diário.
Módulos para WooCommerce e Tilda
Uma loja em WooCommerce instala um módulo de pagamento que confere a assinatura de cada retorno do lado do pagamento e vem com a própria bateria de testes.
Lei
Cookies, consentimento e a lei de dados
O banner de cookies abre uma janela de preferências, e o Yandex Metrika só carrega depois do consentimento para analytics. Abrir a política de privacidade
Confiabilidade
Testes e publicação automática
Cerca de sessenta arquivos de teste cobrem a cobrança, os retornos do pagamento, a conferência e o plano, além de testes de ponta a ponta rodando no site já compilado.
No celular
Figurinhas para os mensageiros
O personagem da marca em um pacote de figurinhas: enviadas aos clientes no Telegram, usadas em posts e mensagens.
O que saiu disso
- Os pagamentos por transferência instantânea cresceram 2,6 vezes e a taxa do cartão caiu pela metade.
- A loja conecta por OAuth oficial, sem precisar de programador do lado dela.
- A cobrança sai por link ou QR code, então dá para receber sem ter site.
O site faz dois trabalhos agora. Explica um serviço de pagamento nas palavras que o dono de loja usa e deixa esse dono conferir a economia com os próprios números antes de falar com alguém. O cadastro começa na mesma página.
