Next WaveNEXT WAVE
Todos os cases
Logo Leomil Consultores
Institucional · Engenharia legal e perícias2026

Leomil Consultores: Site institucional de consultoria em engenharia legal

A Leomil trabalha com assuntos que não cabem em uma frase de vitrine: desequilíbrio econômico-financeiro de contrato de engenharia, cronograma impactado, peça técnica para decreto expropriatório. Quem procura esse serviço é advogado, seguradora ou poder público, e chega querendo saber exatamente o que a consultoria faz.

O site foi construído a partir do layout em alta fidelidade, fiel ao desenho, mas organizado para o texto técnico caber: cada serviço mostra a chamada curta na grade e abre o detalhe inteiro quando o visitante quer ler.

O que foi construído

01

Home e catálogo de serviços

Oito frentes de atuação numa grade, cada uma com ícone próprio e o texto completo a um clique.

  • Perícias judiciais e arbitrais, desapropriações, dispute boards, avaliações patrimoniais e laudos para seguradoras
  • Chamada curta no card e detalhe completo em modal, para o texto técnico não quebrar a grade
  • Hero com carrossel e chamada direta para o contato
02

Quem somos

A página que responde 'quem assina o laudo' — que é a pergunta de quem contrata perícia.

  • Missão, visão e valores com ícones próprios
  • Vídeo institucional embutido
  • Perfil dos sócios e da equipe técnica
  • Reconhecimentos de mercado exibidos com selo
03

Área de notícias

Espaço editorial para a consultoria publicar sobre engenharia legal, tecnologia e legislação.

  • Listagem com matéria em destaque e cards por tag
  • Página própria por matéria, com corpo em parágrafos e capa
  • Rascunho fica fora do ar até ser publicado
04

Fale conosco e páginas legais

Contato no fim de toda página e o rodapé jurídico que um site institucional precisa ter.

  • Formulário com nome, e-mail e mensagem, aceite obrigatório dos termos e opt-in separado de comunicações
  • Canais diretos: WhatsApp, e-mail, endereço no mapa e redes sociais
  • Política de privacidade e termos e condições em páginas próprias
05

Banco preparado para o conteúdo

Notícia e mensagem de contato modeladas em Postgres desde o início, para o site não depender de deploy para mudar de conteúdo.

  • Modelo de matéria com slug, tag, corpo em parágrafos, capa e data de publicação
  • Modelo de mensagem de contato com os aceites e a marcação de já respondida
  • Índice pensado na consulta principal: publicadas, da mais recente para a mais antiga
  • Rota de verificação da conexão com o banco

Decisões que fizeram diferença

O topo muda de cor conforme a seção que passa por baixo

Cada faixa declara se é clara ou escura, e o cabeçalho fixo lê qual está sob ele para trocar o logotipo e a cor do texto. Blocos aninhados vencem os que os contêm, então a faixa branca dentro do contato é respeitada mesmo estando dentro de uma seção escura.

O menu sabe se a seção existe naquela página

'Serviços' e 'Contato' viram âncora local quando a seção está na página e voltam para a home quando não está. Nas páginas legais, onde não há formulário de contato, o link não leva a lugar nenhum quebrado.

As linhas da grade só desbotam na borda de fora

Cada divisória dourada some apenas na ponta que cai na borda externa da grade e chega inteira nos cruzamentos. É o detalhe que faz as linhas lerem como contínuas em vez de tracejadas.

O recorte da foto do contato é fixado, não centralizado

O 'L' dourado da imagem de fundo fica inteiro na tela porque o corte foi calculado a partir da posição dele no arquivo. Centralizar simplesmente decapitaria a marca em boa parte das larguras.

A tag da notícia é gravada com o texto que aparece

O enum tem nome de código, mas grava no Postgres exatamente o rótulo exibido no site. Ler o banco direto não exige tabela de tradução na cabeça de quem consulta.

Tecnologias usadas

  • Next.js
  • React
  • TypeScript
  • Prisma
  • PostgreSQL
  • Tailwind CSS

Seu negócio precisa de algo parecido?

Nem todo projeto precisa de tudo isso de uma vez. A gente começa pelo que destrava sua operação e vai somando.

Falar com a gente