Engenharia naval que precisava aparecer do tamanho que tem.
A SELL Engenharia e Logística atende portos, embarcações e estruturas a partir de São Luís, no Norte e no Nordeste. O site antigo, no Wix, juntava tudo numa vitrine e não aparecia quando alguém buscava engenharia naval no Maranhão. O novo site foi desenhado a partir da pesquisa de busca e da nova marca, e construído do zero.
- Sair do Wix sem perder o Google
Cada URL antiga ganhou um redirect 308 para a nova, em português, e o sitemap, o robots e os canonicals foram refeitos.
- Uma página por serviço
Onze serviços, cada um com título, descrição e palavras-chave do próprio cluster de busca, além de seis cases e a página do corpo técnico.
- Mostrar a engenharia
Modelos em malha, o oceano da abertura e o mapa das regiões atendidas explicam o trabalho que a foto sozinha não mostra.
As telas, como foram construídas.
Capturas e gravações do produto rodando, sem montagem.
Como o sistema se organiza.
Camadas da aplicação e a estrutura real do repositório.
- WebNext.js 16 · React 19 · Tailwind 4 · Motion
- 3Dthree.js com React Three Fiber · carga sob demanda e pausa fora da tela
- ConteúdoUm arquivo único com empresa, serviços, cases, equipe e FAQ
- SEORedirects 308 do Wix · JSON-LD · sitemap, robots e imagem OG gerada
- PublicaçãoDocker na VPS · deploy por commit com volta automática
sell.eng.br/ ├─ src/app/(site)/ ......... páginas com cabeçalho e rodapé ├─ src/app/links/ ........... link na bio ├─ src/app/api/contato/ ...... formulário (Resend) ├─ src/components/three/ .... oceano, modelos e mapa ├─ src/content/site.ts ...... todo o conteúdo ├─ src/lib/seo.ts ........... metadata e JSON-LD ├─ docs/SEO.md .............. pesquisa e palavras-chave └─ deploy.sh ................ build, troca e volta
Decisões que sustentam o produto.
- 01
SEO que não recomeça do zero
As URLs antigas do Wix apontam para as novas com redirect permanente, e cada página tem título, descrição e canonical próprios.
- 02
Dados estruturados de verdade
Empresa e serviço profissional com área atendida e catálogo de serviços, além de serviço, case, equipe, perguntas frequentes e trilha de navegação.
- 03
3D que não pesa
As cenas carregam só quando a seção chega à tela e param de desenhar quando saem dela; o resto da página não espera pelo 3D.
- 04
Conteúdo num lugar só
Serviços, cases, equipe e FAQ vivem num único arquivo de conteúdo; páginas, sitemap e dados estruturados leem dele.
- 05
Publicação segura
Cada commit aprovado vira imagem nova na VPS; se a checagem de saúde falhar, o site volta sozinho para a versão anterior.
O que foi entregue.
Um site que apresenta a engenharia da SELL com a profundidade que ela tem, pronto para crescer em busca orgânica, publicado com deploy automático e retorno à versão anterior se algo falhar.
- 11páginas de serviço
- 6cases
- 9URLs do Wix redirecionadas
- 5modelos 3D em malha
- Site em Next.js
- Cenas 3D em three.js
- Explorador de competências
- Mapa das regiões atendidas
- SEO técnico e dados estruturados
- Deploy automático na VPS
Fotos de ambientação de banco aberto, com créditos no site. Ainda dependem do cliente: redes sociais, fotos e minibios da equipe, e nomes e números dos projetos, quando autorizados.
métricas de uso a incluir quando medidas em produção