Site institucional duplo para empresa de irrigação e climatização, com experiências independentes por segmento, componentes compartilhados e endpoints customizados no WordPress.
DesignAgência Ade!
↗ Ver projeto ao vivo
01
Visão Geral
O Grupo DWG é uma empresa que atua em dois segmentos distintos: irrigação e climatização. O site precisava comunicar cada área com identidade visual própria, navegação separada e conteúdo independente — funcionando na prática como dois projetos dentro de um mesmo domínio.
A área de climatização inclui páginas dedicadas a produtos, organizados em categorias bem definidas, com uma página de detalhe para cada item. Além dos produtos, conta com seções de serviços de climatização organizados por categoria, e páginas institucionais como Sobre Nós e Contato.
A área de irrigação segue uma estrutura similar, mas voltada exclusivamente para serviços — sem produtos. Dado o escopo do projeto, foi necessário desenvolver um sistema que permitisse compartilhar componentes entre os dois layouts sem comprometer as particularidades de cada segmento. O projeto foi construído com Next.js, React e TypeScript, com Tailwind CSS, WordPress como CMS e rotas personalizadas em PHP.
02
Desafio
O desafio central foi arquitetural: como separar duas experiências com identidades e navegações distintas sem duplicar código nem criar uma estrutura difícil de manter? A sobreposição parcial de componentes — páginas de produto existem em climatização mas não em irrigação, estrutura de serviços é compartilhada com variações — exigiu um sistema que permitisse reaproveitamento sem acoplamento.
A integração com o WordPress adicionou outra camada: os produtos de climatização precisavam chegar ao front-end já organizados por categoria, o que não é um comportamento padrão da API do WordPress. Endpoints customizados em PHP foram necessários para retornar os dados já estruturados conforme o site esperava.
03
Solução
Estruturei o projeto com dois layouts independentes dentro do Next.js, cada um com seu tema, navegação e lógica de rota — isolados o suficiente para evoluir separadamente, mas compartilhando componentes onde havia reaproveitamento real. A distinção foi feita caso a caso, não como regra geral.
Desenvolvemos endpoints customizados em PHP no WordPress para retornar produtos já categorizados, reduzindo a lógica de organização no front-end e mantendo o CMS como fonte única da verdade. O time da DWG gerencia produtos, serviços e conteúdo institucional de ambos os segmentos pelo mesmo painel do WordPress.