Calculadora de BTU em Next.js: UX que mata a dúvida antes da venda

Quem vende ar-condicionado escuta a mesma pergunta toda semana: "qual aparelho serve pro meu cômodo?". Em landing page, essa dúvida normalmente vira um formulário ("entre em contato"), uma call de vendas, e às vezes a perda do lead.

Na landing da ThermoFrost (climatização em Belo Horizonte) eu fiz diferente: coloquei uma calculadora de BTU direto na home, antes do CTA de orçamento.

A regra é simples

A fórmula básica de dimensionamento que a maioria das instaladoras usa:

BTUs = (área m² × 600) + (pessoas × 600) + (eletrônicos × 600)

Tem variações por sol direto, isolamento, pé-direito alto. Pra UI, peguei a versão simplificada — quem precisa de cálculo exato fala com o instalador.

A implementação

Componente client com 3 inputs e um cálculo derivado:

"use client";
import { useState, useMemo } from "react";

export function BTUCalculator() {
  const [area, setArea] = useState(20);
  const [pessoas, setPessoas] = useState(2);
  const [eletronicos, setEletronicos] = useState(1);

  const btus = useMemo(
    () => area * 600 + pessoas * 600 + eletronicos * 600,
    [area, pessoas, eletronicos],
  );

  const aparelho = useMemo(() => {
    if (btus <= 9000) return "9.000 BTUs";
    if (btus <= 12000) return "12.000 BTUs";
    if (btus <= 18000) return "18.000 BTUs";
    if (btus <= 24000) return "24.000 BTUs";
    return "30.000 BTUs ou mais";
  }, [btus]);

  return (
    <div>
      {/* sliders / inputs */}
      <p>Você precisa de aproximadamente <strong>{aparelho}</strong>.</p>
    </div>
  );
}

Renderização instantânea, sem fetch, sem servidor. O usuário move o slider e vê o resultado mudando — feedback imediato é o que vende.

Por que isso importa pra conversão

A página tem CTA de WhatsApp em todo lugar. Mas o lead que passou pela calculadora chega no WhatsApp com um pedido específico:

"Oi, vi no site que preciso de um 12.000 BTUs pro meu quarto de 18m². Quanto fica instalado?"

Comparado com o lead genérico ("queria um orçamento"), a conversa começa 3 passos à frente. O atendente já sabe o produto, o cliente já se sentiu informado.

O que NÃO fazer

• Não pedir email/telefone antes do resultado. Quebra confiança.
• Não enviar pra outra página. Cálculo na home, scroll natural pro CTA.
• Não exagerar nas variáveis. Mais campos = menos gente termina.

Resultado

Não tenho número de conversão pra publicar ainda (cliente novo), mas o feedback foi imediato: o tempo médio entre primeira mensagem e fechamento caiu — porque a venda começa mais informada.

Calculadoras simples assim funcionam pra qualquer negócio com dimensionamento: piso vinílico (m²), placa solar (consumo kWh), arquitetura (orçamento por m²), seguro de carro (categoria + idade).

Se você tem um produto que depende de "depende do caso", provavelmente tem espaço pra uma calculadora.