Voltar para as entregasArquitetura · Portfólio

AL Vigo Arquitetos

Portfólio de arquitetura com SEO técnico e carregamento instantâneo

Aqui a decisão de engenharia foi o oposto de complexidade: sem banco, sem painel, sem login. Conteúdo versionado no código, renderização no servidor e SEO técnico impecável — um site que abre rápido e ranqueia, sem custo de manutenção de backend.

Ver no ar
Interface do projeto AL Vigo Arquitetos
Stack

Como foi construído

  • React 19 + Vite + TypeScript
  • TanStack Router com renderização no servidor
  • Tailwind CSS 4
  • React Hook Form + Zod no contato
  • Conteúdo estático versionado (sem banco)
Parte pública

O que o cliente final vê

Obras

Listagem de obras realizadas, obras em andamento e página de detalhe por obra.

Institucional

Home com apresentação em grade, quem somos e contato.

Sitemap dinâmico

sitemap.xml gerado pela própria aplicação a partir da lista de obras.

Área interna

O que o time gerencia por dentro

Sem painel — por escolha

O volume de atualização não justificava um CMS: as obras são atualizadas em publicação, o que elimina superfície de ataque, custo de banco e risco de conteúdo quebrado.

As telas internas contêm dados reais de clientes, então não são publicadas aqui. A descrição acima foi levantada diretamente do código e da estrutura de dados do sistema. Demonstração ao vivo mediante conversa.

Estrutura de dados

Como a informação é organizada

Conteúdo em arquivo

As obras vivem em um módulo de dados tipado, validado em build — erro de conteúdo aparece antes de ir ao ar.

Integrações

O que conversa com o mundo de fora

Analytics

Google Tag Manager para medição de tráfego e eventos.

Engenharia

Decisões que fazem diferença

  • Helpers próprios de SEO gerando canonical, Open Graph e social meta por rota
  • JSON-LD schema.org (ArchitecturalService) injetado por página
  • Componentes de apresentação reutilizáveis para o portfólio
  • Zero backend: nada para invadir, nada para manter
Telas

Interface em funcionamento

AL Vigo Arquitetos — Apresentação das obras em grade editorial
Apresentação das obras em grade editorial
AL Vigo Arquitetos — Seções institucionais e parceiros
Seções institucionais e parceiros

Telas capturadas do ambiente no ar. Contatos, e-mails e documentos identificáveis foram desfocados antes da publicação.

Sua operação também pode virar sistema

Começa com um diagnóstico: entendemos como a empresa funciona hoje e desenhamos a solução antes de escolher a ferramenta.

Ver tudo o que desenvolvemos