Rupert Law Group — Migração completa de Divi para Elementor para um escritório de advocacia de imigração nos EUA com prazo apertado

O Desafio

Rupert Law Group é um escritório de advocacia de imigração baseado nos Estados Unidos que ajuda clientes com vistos de investimento E-1 e E-2. O site, construído sobre o tema Divi (v4.27.2), tinha funcionado bem durante anos, mas começava a mostrar sinais de idade. Os tempos de carregamento estavam aumentando, o builder do Divi os prendia a um único fornecedor, e até mudanças simples de design exigiam soluções alternativas que iam se acumulando com o tempo.

O escritório queria migrar para o Elementor Pro com um child theme do Hello Elementor. O desafio: precisavam da migração concluída até 1 de abril de 2026. Isso nos dava cerca de duas semanas para auditar o site existente, construir um child theme completo do zero, criar templates de Elementor prontos para importação em cada página, e executar um processo de QA completo em staging antes de ir para produção. Tudo isso sem qualquer alteração na estrutura de URLs, configuração de SEO ou conteúdo existente.

Nossa Abordagem

Auditoria de design e mapeamento de cores. Começamos com uma auditoria visual completa do site Divi em produção, documentando cada valor de cor, peso de fonte, regra de espaçamento e padrão de componente. Isso nos deu uma folha de referência com sete cores de marca (azul marinho #072F6C, dourado #EEE86D, bege #D7D1A9 e quatro tons de suporte), três famílias tipográficas (Roboto, Poppins, Open Sans) e medidas precisas para o header, footer, botões flutuantes e popup de contato.

Desenvolvimento do child theme. Com a auditoria como guia, construímos um child theme do Hello Elementor contendo todos os estilos de marca como propriedades CSS personalizadas, uma camada JavaScript completa para os botões flutuantes de WhatsApp e contato, um sistema de popup modal para o formulário de contato (integração com Gravity Forms), comportamento de header sticky, breakpoints responsivos e estilos de impressão. O tema passou por 43 versões enquanto refinávamos detalhes como posicionamento de botões, estilização de campos de formulário e comportamento mobile.

Criação de templates Elementor. Produzimos 27 arquivos de template JSON cobrindo cada tipo de página: homepage, páginas de serviço (visto E-1, visto E-2 e todas as variantes por país), landing pages para campanhas publicitárias, página de contato, arquivo de blog, layout de post individual, política de privacidade, resultados de busca, header, footer e popup de contato. Cada template foi construído para igualar o design Divi existente, aproveitando os widgets nativos do Elementor.

Auditoria em staging e QA iterativo. Cada versão do child theme foi implantada em um ambiente de staging e testada contra um checklist de mais de 400 itens cobrindo precisão do layout, comportamento responsivo, funcionalidade do Gravity Forms, conformidade com acessibilidade (WCAG 2.1 AA) e renderização cross-browser. Os problemas encontrados durante o staging alimentavam diretamente a próxima iteração do tema, criando um ciclo fechado de construção, teste e correção.

Escopo e Cobertura do Projeto

A migração cobriu:

• Um child theme completo do Hello Elementor (15 arquivos, 180 KB) com propriedades CSS personalizadas, template parts PHP e JavaScript personalizado
• 27 templates JSON de importação para Elementor cobrindo todos os tipos de página, incluindo homepage, páginas de serviço, landing pages, blog e páginas legais
• Estilização do Gravity Forms para duas variantes: o formulário da página de contato (Form ID 1) e o formulário do popup de contato (Form ID 16)
• Botões de ação flutuantes: um botão de WhatsApp (desktop, canto inferior esquerdo) e um botão de contato (todos os dispositivos, canto inferior direito) com comportamento inteligente que abre um modal no desktop e redireciona para a página de contato no mobile
• Um popup modal de contato com overlay bege, caixa de diálogo branca, fechar com Escape e clique fora do modal, e acessibilidade completa por teclado
• Layouts responsivos testados em desktop (1440px+), tablet (768-1024px) e mobile (320-767px)
• Duas auditorias formais em staging (em formato planilha) comparando o resultado do staging com o site Divi em produção, página por página
• Pacote de documentação completo: guia de setup, checklist de migração (mais de 400 itens), referência de variáveis CSS e manifesto de arquivos

Os Resultados

• 27 templates de Elementor entregues como arquivos JSON prontos para importação, cobrindo cada página ativa do site
• Um child theme pronto para produção na versão 2.43, testado através de mais de 43 iterações em staging
• 2.174 linhas de código personalizado (PHP, CSS, JavaScript) sem dependências externas além do Elementor e Gravity Forms
• Conformidade com acessibilidade WCAG 2.1 AA verificada em todos os templates
• Zero alterações na estrutura de URLs, preservando todo o SEO existente e as páginas indexadas
• Teste cross-browser completado para Chrome, Firefox, Safari e Edge
• Documentação completa (mais de 3.000 linhas) cobrindo instalação, configuração, passos de migração e resolução de problemas
• Projeto entregue dentro do prazo de 1 de abril de 2026

O Que Aprendemos

Migrações de tema para escritórios de advocacia vêm com um tipo particular de pressão: o site é um sinal de confiança para potenciais clientes, e qualquer quebra visual ou queda durante a troca pode afetar as taxas de conversão diretamente. Trabalhar com o Rupert Law Group reforçou que migrações como estas precisam de uma abordagem estruturada de auditoria primeiro, em vez de ir direto para a construção.

O ciclo iterativo de staging acabou sendo a parte mais valiosa do processo. Ao implantar cada nova versão do child theme em staging e compará-la com o site em produção numa auditoria em planilha, identificamos dezenas de pequenas discrepâncias (posição de botões, altura de campos de formulário, comportamento do menu mobile) que teriam sido fáceis de passar despercebidas numa migração de passada única. As 43 iterações podem parecer muitas, mas cada uma foi um ciclo focado de correção e verificação que manteve o cronograma geral curto.