Quanto custa personalizar um site em JavaScript: calculadora, filtro, area do cliente

JavaScript e a linguagem que da vida ao site no navegador: o carrinho muda sem recarregar, o preco e calculado, o catalogo e filtrado e a area do cliente abre. O dono pede "uma calculadora como a do concorrente" ou "um filtro com 12 parametros" e recebe orcamentos de $300 a $40 000 sem saber o que e justo. Abaixo, faixas reais para as tres personalizacoes mais comuns em 2026, o que entra no trabalho, quando um plugin basta, quando precisa de desenvolvedor frontend e custos ocultos apos a entrega.
- Calculadora simples (3-7 campos, formula no cliente) - $300-1 500, 2-7 dias
- Calculadora complexa (PDF, email, CRM, varios passos) - $2 000-8 000, 2-5 semanas
- Filtro de catalogo (sem recarga, ate 500 SKUs) - $800-3 000, 1-2 semanas
- Filtro pesado (10 000+ produtos, AJAX, SEO) - $3 000-12 000, 3-6 semanas
- Area do cliente (login, 3-5 secoes no CMS) - $3 000-15 000, 3-8 semanas
- Area SPA (React/Vue, API, papeis) - $15 000-60 000+, 2-5 meses
- Principal driver de preco - nao "JavaScript em si", mas backend, dados e design

O que e "personalizacao em JavaScript" para o dono
Personalizacao em JavaScript nao e "instalar widget do catalogo de plugins", e escrever ou alterar codigo que roda no navegador do visitante. O servidor (PHP, Django, Node.js) entrega HTML e dados; JS reage a cliques, calcula, filtra e chama APIs.
Tres pedidos tipicos misturados em "deixe interativo":
| Personalizacao | O que o cliente ve | Onde fica a logica |
|---|---|---|
| Calculadora | Campos, sliders, total, botao "Pedir" | Muitas vezes so JS; as vezes + API |
| Filtro | Checkboxes, faixa de preco, ordenacao | JS + servidor ou cache |
| Area do cliente | Login, pedidos, documentos, perfil | JS (React/Vue) + backend + BD |
Importante: nao da para precificar calculadora igual a area do cliente. Sao produtos diferentes.
Calculadora no site: tipos e orcamento
Calculadora simples ($300-1 500)
Cenario: landing de servicos, entrega, reforma - 3-7 campos, formula conhecida. Resultado na tela; formulario recebe o total.
Inclui: layout, calculo no navegador, validacao basica, responsivo.
Prazo: 2-7 dias uteis.
Calculadora media ($1 500-4 000)
8-15 campos, dependencias, pacotes, PDF, email ao gestor, integracao CRM.
Prazo: 1-3 semanas.
Calculadora complexa ($4 000-15 000+)
Precos B2B do ERP/API, multimoneda, papeis, PDF com valor legal. Backend obrigatorio - precos secretos nao podem ficar so no JS.
Prazo: 3-8 semanas.
Tabela: calculadora 2026
| Nivel | Orcamento | Prazo | Backend |
|---|---|---|---|
| Simples | $300-1 500 | 2-7 dias | Nao |
| Media | $1 500-4 000 | 1-3 semanas | Parcial |
| Complexa | $4 000-15 000+ | 3-8 semanas | Sim |
| Configurador | $10 000-40 000+ | 2-4 meses | Sim |
Filtro de catalogo: tipos e orcamento
Filtro no cliente ($500-2 000)
Ate 200-500 produtos numa pagina; JS mostra/esconde cards.
Filtro AJAX ($2 000-8 000)
Requisicoes ao servidor, paginacao, URLs para SEO. API em PHP/WordPress/Django, indices em MySQL.
Prazo: 2-4 semanas.
Catalogo pesado ($8 000-25 000+)
10 000+ SKUs, facetas, busca, cache, SSR. Auditoria SEO apos lancamento.
Area do cliente: tipos e orcamento
Conta leve no CMS ($3 000-12 000)
WordPress, Bitrix, OpenCart - login, pedidos, perfil. Prazo: 3-6 semanas.
Frontend sob medida ($12 000-35 000)
React/Vue + API REST. Papeis, status em tempo real, upload. Deploy em VPS.
Prazo: 6-12 semanas.
Enterprise / SaaS ($35 000-150 000+)
Assinaturas, faturamento, multi-tenant, ERP, app mobile.
O que mais influencia o preco
- Backend existente - API multiplica custo 3-5x.
- Design e HTML - UI unica custa mais; CSS junto.
- Integracoes - CRM, ERP, pagamentos: $500-3 000+ cada.
- Codigo legado - 20-40% em limpeza.
- SEO e velocidade - SSR, lazy load: +$1 000-5 000.
- Suporte - 10-15% do dev ou retainer $300-600/mes.
Plugin, no-code ou JavaScript sob medida
| Tarefa | Plugin | JS custom |
|---|---|---|
| Slider, abas | Geralmente basta | Excesso |
| Calculadora simples | Calconic, plugins WP | Logica unica |
| Filtro WooCommerce | Plugin de filtro | 10k+ SKU |
| Conta padrao | WooCommerce | B2B, ERP |
| SPA, real-time | Nao | Obrigatorio |
Quando a personalizacao ainda nao e necessaria
- A hipotese nao foi validada - se nao esta claro se os clientes vao usar a calculadora ou o filtro, e mais barato captar leads com um formulario simples ou uma ferramenta no-code, e partir para o sob medida depois, com dados reais.
- Trafego e catalogo pequenos - uma dezena de produtos e poucos leads por mes nao pagam um filtro AJAX complexo ou uma area SPA; um plugin ou tratamento manual resolve.
- A plataforma vai mudar em breve - uma migracao de engine ou um redesign nos proximos meses desvaloriza o sob medida antes de ele se pagar.
- Ninguem para manter - se ninguem for corrigir o JS apos atualizacoes do CMS ou mudancas nas APIs integradas, uma solucao simples que nao quebra "sozinha" e mais segura.
- Os dados ainda nao estao prontos - um filtro com 12 parametros nao adianta enquanto os atributos do catalogo nao estiverem preenchidos - primeiro os dados, depois o codigo.
Custos ocultos
Hosting VPS, licencas, monitoramento, regressao apos update do CMS, dados do catalogo ($500-2 000).
Checklist antes de contratar
- Cenario do usuario passo a passo.
- Origem dos dados.
- Volume de SKUs/usuarios.
- Trafego mobile.
- Propriedade do codigo.
- Criterios de aceite mensuraveis.
- Garantia e iteracoes.
Resumo
Personalizacao JS vai de $300 a dezenas de milhares. Exija detalhamento frontend/backend/integracoes; nao guarde precos secretos so no navegador; compare cenarios chave na mao; planeje suporte; ao crescer de filtro para portal, avalie migracao do WordPress para stack com API.
Se precisar de ajuda com desenvolvimento, implementação de IA ou suporte ao site para o seu projeto - escreva-me.
Perguntas frequentes
Da para fazer calculadora sem programador?
Em parte sim - construtores e plugins WP cobrem formulas simples. Precisa desenvolvedor com precos do CRM/ERP, PDF legal ou formulas ocultas. Economia no-code vira retrabalho de $2 000+.
Por que filtro de 10 000 produtos custa muito mais que 200?
Com 200 tudo cabe numa pagina. Com 10 000 precisa servidor, indices, cache, URLs para bots e teste de carga. Atributos faltando no catalogo quebram o filtro por dados, nao por JS.
Conta WordPress e area do cliente completa?
Para B2C muitas vezes sim. Para B2B com papeis e precos personalizados, o teto do WP chega rapido; JS + API sai mais barato que varios plugins. Veja WordPress e quando precisa de programador.
Quanto custa hora de desenvolvedor JavaScript em 2026?
Referencia: $40-80/h - freelance CEI e Europa de Leste; $80-120/h - senior React/Vue, Europa ocidental; $100-150/h - freelance EUA (remoto), frontend senior; $150-220/h - agencias nos EUA com PM e QA. Agencias usam pacotes fixos com margem de 30-50% por gestao e QA. Escopo fixo vale mais que hora - story points ou preco fixo por escopo: «filtro AJAX para 3 000 SKU» = $4 500 fixo (CEI/Europa de Leste) ou $8 000-12 000 (EUA) e mais confiavel que «40 horas ate acabar».
Quando personalizacao JS e mais barata que site novo Django/React?
Tarefa local: uma calculadora, filtro no WooCommerce, duas telas de conta. Site novo: muitos plugins, cada update quebra JS, API unica web+mobile, orcamento anual de remendos perto de desenvolvimento Django ($15 000-40 000). Calcule TCO em 2 anos.
Termos deste artigo
plugin — installable extension module
frontend — client-side UI of a site or app — parte cliente de um site ou app
SPA — Single Page Application — aplicação de página única
backend — server-side logic, APIs and data layer — lógica de servidor, APIs e camada de dados
widget — embedded UI component
CRM — Customer Relationship Management — gestão de relacionamento com clientes
ERP — Enterprise Resource Planning — planejamento de recursos empresariais
B2B — Business to Business — de empresa para empresa
OpenCart — open-source PHP e-commerce platform — plataforma e-commerce PHP open-source
multi-tenant — shared platform with isolated customer data per tenant — plataforma compartilhada com dados isolados por cliente
SSR — Server-Side Rendering — renderização no lado do servidor
VPS — Virtual Private Server — servidor virtual privado
retainer — fixed monthly fee for ongoing support — mensalidade fixa por suporte contínuo
real-time — processed with minimal delay
no-code — building apps with visual tools, little or no programming — montar apps com ferramentas visuais, pouco ou nenhum código
SKU — Stock Keeping Unit — unidade de manutenção de estoque
CMS — Content Management System — sistema de gestão de conteúdo
story points — relative effort estimate used in agile planning — estimativa relativa de esforço no planejamento ágil
B2C — Business to Consumer — de empresa para consumidor
TCO — Total Cost of Ownership — custo total de propriedade