Página inicial com calculadora de custos em 3D para uma noite: Estudo de caso ARCON

Em uma noite, criei uma landing page para a ARCON, fabricante de hangares de aço, com o estilo característico do cliente em preto e vermelho, modelos 3D interativos da estrutura camada por camada e uma calculadora que calcula o custo do hangar em tempo real. O site foi desenvolvido pensando em anúncios pagos no Facebook e Google, e a primeira tela responde imediatamente à pergunta "quanto vai custar?", mesmo antes de você ligar para o gerente. Usei a ferramenta 1001site AI para criá-lo e estou explorando seus componentes e como funciona o cálculo automático de preços.

O desafio: um site para publicidade paga, construído em uma noite.

A ARCON constrói hangares arqueados e com estrutura, prontos para uso, para agronegócio, portos, complexos logísticos e instalações industriais em toda a Ucrânia. O cliente precisava de uma ferramenta para tráfego frio: uma pessoa clica em um anúncio, entende em segundos que está lidando com uma empresa confiável e imediatamente estima o preço ou envia uma solicitação. Um cartão de visita padrão com uma descrição dos serviços não resolve esse problema.

Meus materiais iniciais incluíam uma lista de preços da empresa — um manual da marca pronto, com cores e apresentação estruturada, mas sem um site para publicidade. Transcrevi as áreas de aplicação da mesma lista de preços para a página de destino usando ícones: agronegócio, portos e terminais, complexos logísticos, armazenamento de grãos e equipamentos, manufatura, aviação — ficou imediatamente claro quais áreas segmentar com o texto e qual público-alvo segmentar com a publicidade. Montei a página de destino em uma noite, pronta para o lançamento da primeira campanha.

Como o estilo corporativo do cliente foi transferido para a página de destino?

Adotei as cores, a fonte e a estrutura de apresentação diretamente da lista de preços da ARCON: fundo preto, texto branco, detalhes em vermelho e um arco no logotipo. Dessa forma, os visitantes que já viram o folheto ou o cartão de visitas da empresa reconhecem a marca à primeira vista.

Usei um estilo escuro básico, retirado do catálogo 1001site como base, e a cor vermelha exata do cliente foi aplicada por cima pelo assistente de IA da conta, com um comando como "criar um tema escuro com meu vermelho". O resultado é a mesma lista de preços, só que agora no formato de páginas, botões e calculadora.

Por que uma landing page precisa de modelos 3D interativos de um hangar?

Um modelo 3D de um hangar pode ser rotacionado e examinado camada por camada — a fundação, a estrutura de suporte, a iluminação e a ventilação. Uma foto do edifício concluído não permite essa análise, que é justamente o que responde à principal pergunta de um visitante desavisado: "Afinal, o que estou comprando e do que é feito?"

Em cada camada, incluí uma foto real do canteiro de obras: isso confirma que o diagrama 3D é baseado em uma instalação real da ARCON.

Acima do bloco de camadas está a tela principal da página inicial com opções para "Sem moldura/Com moldura" e "3D/Foto": os visitantes podem escolher o tipo de design e girar o modelo com o mouse. Não é necessário contatar um gerente para isso.

Na mesma tela, quatro números que atestam a confiabilidade do produto aparecem ao lado de um modelo 3D: mais de 13 anos de experiência com estruturas metálicas, vãos de 12 a 40 metros sem colunas, capacidade de carga de neve de até 480 kg/m² e garantia estrutural de 36 meses. Essa é a mesma linguagem usada para convencer os compradores na lista de preços impressa, só que agora acompanhada de um modelo interativo.

Como funciona a calculadora de custos de hangares 3D?

A calculadora 3D na página inicial da ARCON altera instantaneamente o modelo e a faixa de preço conforme os controles deslizantes de largura e comprimento são ajustados. O visitante seleciona o tipo de hangar, as dimensões e os acessórios — e o modelo 3D e o custo estimado de cada componente (estrutura, fundação, portões, iluminação) são atualizados em tempo real, sem a necessidade de atualizar a página.

Em seguida, você pode detalhar a escolha: opte por um tipo de estrutura sem moldura, fria ou quente, adicione uma fundação, piso industrial, iluminação e ventilação — e veja qual será a faixa de preço final para cada componente separadamente.

A diferença em relação a uma landing page comum, sem calculadora, é imediatamente visível:

Por que isso funciona especificamente com anúncios Facebook e Google?

Os modelos 3D interativos mantêm os visitantes na página por mais tempo, e a calculadora elimina problemas de precificação antes mesmo que eles se apliquem. Para o orçamento de publicidade, isso se traduz em uma métrica específica: custo por lead. Os visitantes passam mais tempo visualizando a página, entendem o preço com mais precisão e têm menos probabilidade de sair sem entrar em contato.

A página de destino foi projetada para atender aos rigorosos requisitos do tráfego pago: carregamento rápido e responsividade protegem o orçamento de rejeições acidentais, e uma estrutura clara com proposta de valor imediata aborda a principal preocupação do público em segundos após o clique. A possibilidade de rotacionar o modelo 3D aumenta o tempo de permanência no site — um sinal direto de engajamento para os algoritmos de publicidade. A calculadora gera confiança: os visitantes "montam" um hangar com suas próprias dimensões, entendem a lógica de preços e são mais propensos a fornecer informações de contato do que se fossem instruídos a "ligar para saber o preço".

O que um gerente recebe quando um visitante envia uma solicitação?

Segundo o autor da publicação, as solicitações da página inicial da ARCON são enviadas aos gerentes via Telegram imediatamente após o envio do formulário. Para a página inicial 1001site, esse envio é configurado por meio do bloco "Contatos" com um botão de mensagens ou pela mesma integração personalizada que alimenta a calculadora. 1001site documentou o envio de notificações para Telegram como um recurso pronto para uso para pedidos — neste caso, ele foi aplicado à solicitação da página inicial. O fluxo da solicitação é estruturado da seguinte forma:

1. O visitante configura o hangar na calculadora 3D e visualiza a faixa de preço.
2. Clica em “Rejeitar oferta comercial” ou “Rozrahunok por 30 hvilins”.
3. Preenche as informações de contato no formulário da página inicial.
4. Uma solicitação com os parâmetros do hangar é enviada imediatamente ao gerente via Telegram.
5. O gerente retorna a ligação com um orçamento exato enquanto o interesse ainda está em alta.

Uma análise detalhada de toda a montagem da página de destino está disponível no vídeo do autor, incorporado abaixo na página.

De que é composta tecnicamente esta página de destino?

Este é o modo "landing" 1001site: um bloco de página inicial, páginas personalizadas e um formulário de inscrição, sem carrinho de compras ou envio de anúncios. Os modelos 3D e a calculadora são widgets de terceiros inseridos através do bloco "HTML personalizado": no modo "landing", eles aparecem na lista geral de blocos junto com o destaque, a galeria e o formulário. O próprio construtor não implementa essa mecânica 3D para você — ele apenas fornece um local pronto para inseri-los.

A página inicial está hospedada em seu próprio domínio, arcon.in.ua, com seu próprio certificado SSL, emitido e renovado pela 1001site. Você pode editar o texto, os números na seção de benefícios ou adicionar um novo tipo de hangar usando o assistente de IA do painel de controle — sem precisar contatar o desenvolvedor para cada pequena alteração.

Qual o custo e qual o prazo de desenvolvimento para uma landing page desse tipo?

Uma landing page padrão no 1001site é criada por um agente de IA em 2 a 7 minutos após o pagamento do plano "Tudo Incluído" — €45 por mês. O primeiro mês custa €25 com um código promocional mensal. Não há período de teste. No entanto, incorporar uma calculadora 3D de terceiros usando o bloco "HTML Personalizado" e personalizar o estilo para combinar exatamente com a cor da marca requer trabalho manual além do construtor: não pode ser criado com um único clique em uma janela pop-up.

O plano "Turnkey" é ideal para este nível de personalização — uma taxa única de € 1.650. Todo o site é desenvolvido para o cliente, desde o estilo e o texto até o domínio e a integração Telegram, com 12 meses de hospedagem inclusos. Para quem já possui um desenvolvedor interno, o plano "All Inclusive" é suficiente para esta tarefa — o widget é inserido utilizando o mesmo bloco "HTML personalizado".

Quem se beneficiaria de uma página de destino com uma calculadora 3D, além de vendedores de hangares?

Este formato resolve um problema específico: o preço do produto é calculado com base nos parâmetros do objeto em questão, e o site precisa filtrar solicitações irrelevantes antes mesmo que um gerente seja contatado. Isso é relevante não apenas para hangares – estufas, piscinas, envidraçamento de varandas, móveis e cozinhas sob medida, portões e cercas também se encaixam no mesmo modelo.

Se o preço do produto for o mesmo para todos e a seleção for baseada em fotos e descrições, uma calculadora é desnecessária — uma landing page padrão com um formulário de inscrição será suficiente. Um exemplo semelhante é o caso da marca NordHarvest, que criou uma landing page para um novo produto em uma única noite: ela também tem um prazo e tráfego pago, mas o preço do produto é fixo e, em vez de uma calculadora, a própria landing page transforma a seleção do produto em uma oferta comercial.

Gostaria de acrescentar que me comuniquei pessoalmente com a equipe da ARCON durante o projeto e os recomendo como fornecedores de hangares.

Fontes

• Postagem do canal "Negócios com IA": https://t.me/promtvibeadd/457
• Página inicial da ARCON: https://arcon.in.ua/
• Vídeo sobre como criar uma landing page: https://youtu.be/uOOGNCFzeyM