Raimac Móveis: case de catálogo WordPress para móveis de escritório

A Raimac Móveis vende móveis para escritório em São José do Rio Preto desde 1981, como revenda oficial Otto e Frisokar. A venda acontece por orçamento, não por loja virtual. Por isso o desafio não era montar um e-commerce. Era entregar um catálogo que o cliente navega no celular, monta uma lista e chega ao WhatsApp da loja sem atrito, com o contato registrado dentro da LGPD.

Contents

• Introduction
• O problema da revenda
• Arquitetura: tema e mu-plugin
• Catálogo e orçamento
• Contato, LGPD e segurança
• SEO, desempenho e go-live
• Comparativo antes e depois
• Common Misconceptions
• FAQ
• Conclusion

Introduction

Este case documenta o desenvolvimento full stack do novo site da Raimac, do protótipo ao go-live. Stack: WordPress clássico, PHP 8.3 com strict_types, Tailwind 4 com build local, módulos JavaScript sem bundler, WP-CLI e Yoast. O resultado está no ar em raimac.com.br.

Truth Box

Key Point	Insight
Catálogo, não loja	268 produtos em 15 linhas, com filtros, busca sem acento e página de produto com selos NR-17 e ABNT.
Orçamento sem cadastro	Lista montada no navegador e enviada pelo WhatsApp ou por e-mail, com contador sempre visível.
Contato com LGPD	Captura uma vez a cada 90 dias, autorização desmarcada por padrão e exclusão automática dos dados.
Regra de negócio fora do tema	mu-plugin próprio com catálogo, importação, formulários, SEO e segurança. Trocar o tema não derruba nada.
Rápido e acessível	Lighthouse mobile de 98 a 100 em desempenho e 100 em acessibilidade e boas práticas, CLS zero.

O problema da revenda

Uma revenda de móveis corporativos vive de orçamento. O comprador quer ver a linha completa, comparar variações e falar com alguém rápido. O site antigo não mostrava o catálogo de forma navegável, não registrava quem pediu o quê e deixava dezenas de URLs antigas sem destino no Google.

O escopo cobriu protótipo, tema, catálogo importado, fluxo de orçamento, captura de contato, SEO técnico, segurança, desempenho, acessibilidade e a virada do domínio. Fora do Git ficaram core, uploads, plugins de terceiros, PDFs de fornecedor e segredos, de propósito.

Área	Dor no legado	Meta da entrega
Comprador	Catálogo difícil de navegar no celular	Linhas, filtros, busca e dock inferior
Comercial	Pedidos sem registro de quem pediu	Contatos e pedidos guardados no painel
Google	URLs antigas quebradas	301 mapeados e schema de loja e produto
Operação	Atualizar produto dava trabalho	Importador WP-CLI que atualiza sem duplicar

Arquitetura: tema e mu-plugin

O tema raimac cuida só da interface. A regra de negócio mora no mu-plugin raimac-core (namespace RaimacCore), que não pode ser desligado pelo painel e sobrevive a uma troca de tema. O CSS Tailwind 4 é compilado na máquina local, então o servidor não precisa de Node. Os únicos plugins de terceiros são Yoast SEO e Google Site Kit, e uma política no próprio mu-plugin impede instalar outros.

Módulo	Entrega
Content	Produtos, linhas, segmentos, tipos e selos
Import / Cli	Importador idempotente com --dry-run
Leads	Contato, e-mail via SMTP, reCAPTCHA e retenção
Seo	noindex de filtros, schema e redirecionamentos 301
Security / Privacy	Hardening, login próprio e Analytics só com consentimento
Media / Admin	Tamanhos em WebP e configurações da loja no painel

Qualidade: WordPress Coding Standards no PHPCS, PHPStan sem erros, declare(strict_types=1) e textos traduzíveis. Cada decisão do projeto ficou registrada num log de decisões, do protótipo à virada.

Catálogo e orçamento

O importador reconhece cada produto pela chave linha/slug e compara um hash por campo. Reimportar atualiza só o que mudou e nunca apaga nem duplica. A página da linha abre como uma capa de categoria, com foto do ambiente, quantidade de itens e atalhos para cada grupo. A página do produto mostra variações, medidas e selos NR-17 e ABNT, com abas que trocam sem recarregar.

A busca ignora acentos e usa um índice leve servido por uma rota REST própria. O menu lateral usa o <dialog> nativo do navegador. Os botões “Orçar este item” e “+ Orçamento” alimentam uma lista guardada no navegador, com observações, que segue pelo WhatsApp ou por e-mail. Números como os anos de estrada e a quantidade de linhas são calculados por shortcodes, então nunca ficam desatualizados.

Contato, LGPD e segurança

Antes do primeiro WhatsApp, do envio do orçamento ou do pedido de catálogo em PDF, o site pede nome e um canal de contato. O visitante escolhe WhatsApp ou e-mail, e a autorização vem desmarcada. O navegador lembra o contato por 90 dias, então a pergunta não se repete. No painel, cada pessoa vira um registro privado com os pedidos anexados, apagado automaticamente 90 dias depois do último pedido.

A rota de contato tem campo isca, tempo mínimo de 2,5 s, limite de 8 envios por IP em 10 minutos e reCAPTCHA v3, que só carrega quando um formulário abre. O banner de cookies é próprio: Google Analytics e o mapa só carregam depois do aceite. No hardening entraram XML-RPC bloqueado, REST fechada para anônimos, login em endereço próprio com bloqueio após 5 tentativas, headers de segurança com HSTS e uma tela de login com a identidade da marca.

SEO, desempenho e go-live

O mu-plugin enriquece o grafo do Yoast em vez de imprimir um segundo JSON-LD: Organization e FurnitureStore para a loja, Product nos produtos e ItemList nas linhas. Visões filtradas recebem noindex, follow. 68 URLs do site antigo, levantadas do sitemap legado e do Wayback Machine, ganharam 301 para a página certa.

Mobile first desde o protótipo: chips das linhas no topo e dock inferior com Início, Produtos, Orçamento, Contato e WhatsApp. As imagens saem em WebP, com um tamanho menor para cards em duas colunas, e as animações respeitam prefers-reduced-motion. Na auditoria, o axe acusou contraste em textos pequenos, e cinco cores foram ajustadas até a acessibilidade chegar a 100.

A virada para www.raimac.com.br teve DNS, certificado Let’s Encrypt, troca de URLs no banco, indexação do Yoast e smoke test de home, catálogo, linhas, produtos, contato e redirecionamentos antigos, tudo com resposta correta.

Página (Lighthouse mobile)	Desempenho	Acessibilidade	LCP
Home	98	100	2,2 s
Catálogo	100	100	1,5 s
Linha	100	100	1,5 s
Produto	100	100	1,2 s
Contato	100	100	1,2 s

Comparativo antes e depois

Antes	Depois
Catálogo difícil de navegar	268 produtos em 15 linhas com filtros e busca
Pedido sem registro	Contato e pedidos no painel, com retenção LGPD
URLs antigas em 404	68 redirecionamentos 301
Analytics sem consentimento	Google só carrega depois do aceite
Login padrão exposto	Login próprio, bloqueio por IP e REST fechada

Common Misconceptions

Mito: Catálogo online precisa de WooCommerce. Correção: Quando a venda é por orçamento, um catálogo sob medida com lista e WhatsApp é mais leve e converte melhor.

Mito: LGPD é só um banner de cookies. Correção: Consentimento real, retenção com prazo, exclusão automática e scripts do Google bloqueados até o aceite.

Mito: Segurança no WordPress se resolve com plugin. Correção: Aqui ela vive no código próprio, com só dois plugins de terceiros e uma política que impede instalar outros.

FAQ

O que foi desenvolvido para a Raimac?

Tema WordPress, mu-plugin com catálogo e regras de negócio, importador WP-CLI, fluxo de orçamento, captura de contato com LGPD, SEO técnico, hardening e a virada do domínio.

Qual stack técnica?

WordPress clássico, PHP 8.3, Tailwind 4 (build local), JavaScript em módulos sem bundler, WP-CLI, Yoast SEO e Google Site Kit. Qualidade com PHPCS e PHPStan.

O site está no ar?

Sim. Produção em www.raimac.com.br.

Como o cliente atualiza os produtos?

Pelo painel do WordPress, produto a produto, ou em lote pelo importador, que roda primeiro em modo de teste e atualiza sem duplicar.

Dá para ver o case no portfólio?

Sim. O case com prints desktop e mobile está em tlndesign.com.br/trabalhos/raimac/.

Conclusion

A Raimac saiu de um site que só existia para um catálogo que trabalha: o comprador encontra o produto, monta o orçamento e fala com a loja, e a loja sabe quem pediu o quê, dentro da lei. Se você tem uma revenda e precisa de um catálogo WordPress com essa profundidade, fale comigo.