NottinLabs
Todos os trabalhos
Site institucional2026

Talhoni Energia

Um site que responde quem assina antes de o cliente perguntar

Frentes envolvidas

Talhoni Energia: Um site que responde quem assina antes de o cliente perguntar

Entregas

  • Site institucional em 19 páginas, com página por escopo e por público
  • Matriz pública de responsabilidade técnica
  • Sistema de conteúdo em arquivo único, sem tocar em componente
  • Diagrama unifilar animado no lugar de foto de banco
  • SEO técnico: FAQ em JSON-LD, sitemap, robots e card de compartilhamento gerado no build

Construído com

  • Next.js 16 (App Router)
  • React 19
  • TypeScript
  • Tailwind v4
  • Motion
  • Vercel

O problema

Engenharia elétrica de médio porte no Brasil vende num mercado onde o comprador não sabe avaliar o serviço e teme contratar quem não pode assinar. O site anterior competia pelo caminho errado: template, foto de banco e promessas que ninguém verifica, como atendimento 24 horas e um número de setor que não significava nada em engenharia elétrica. Pior, ele alternava entre engenheiro eletricista e CRT ativo, que são trilhas de conselho diferentes. Num serviço que se vende por conformidade, essa confusão é o próprio problema.

O que a gente fez

Trocamos a prova. Nesse mercado o que convence não é parede de logotipo, é norma citada corretamente e entregável declarado. O site virou uma prancha técnica: malha de desenho, monoespaçada em todo dado numérico e cor com função, não com gosto. A entrada da home deixou de ser catálogo de serviço e passou a ser sintoma, porque quem procura chega dizendo que o quadro esquenta, não pedindo termografia. E o eixo do site virou a matriz de responsabilidade técnica: uma tabela pública dizendo, escopo por escopo, quem executa, quem assina, em qual conselho e com qual documento.

Tela por tela

O que cada parte do site resolve

Primeira dobra do site da Talhoni Energia

01

A primeira dobra diz para quem é o serviço e mostra um diagrama unifilar no lugar da foto de banco. Uma única palavra acentuada em ciano: em corpo grande, o ciano roubaria a hierarquia do título. Embaixo, dados de escopo no lugar de promessa: tempo de setor, frentes e região atendida.

Seção de entrada por sintoma

02

Quem procura engenharia elétrica descreve o problema, não o serviço. A home abre por sintoma, e o nome técnico entra abaixo, em ciano, ensinando o vocabulário sem exigir que o visitante já o tenha.

Seção de princípios técnicos

03

Três princípios que separam a empresa de quem cobra menos: documentar, medir antes de trocar e programar a parada. É argumento de venda escrito como critério técnico. A faixa embaixo é a escala ironbow de termografia, do frio ao ponto quente.

Seção de conformidade com as normas citadas

04

Cada norma aparece com número e título, em monoespaçada. Num mercado que compra conformidade, citar NBR 5410 corretamente vale mais que qualquer adjetivo.

Matriz de responsabilidade técnica

05

A peça central. Escopo, quem executa, quem é o responsável, conselho e documento. Onde o serviço sai em parceria, a tabela diz isso com todas as letras em vez de esconder.

Decisões de projeto

Por que ficou assim e não de outro jeito

Prancha técnica no lugar de site institucional

Antes de desenhar, olhamos três camadas de referência: concorrentes brasileiros, corporações globais do setor e industriais premium premiados. Os concorrentes competem por SEO com template azul e parede de logotipo. As corporações têm orçamento de marca que a Talhoni não tem. Sobrou a terceira camada, que ninguém ocupa em engenharia elétrica de médio porte no Brasil. O site imita a linguagem de um projeto elétrico porque é a única que a empresa pode sustentar com verdade.

Cor com função, não com gosto

Três cores com significado fixo: ciano é dado medido, âmbar é ação, vermelho é risco. Âmbar aparece uma vez por dobra. Duas chamadas na mesma tela é o mesmo que nenhuma, porque o olho deixa de saber para onde ir.

A matriz de responsabilidade veio de uma discordância

Levantamos que o material do cliente misturava trilhas de conselho diferentes e apontamos o risco. Ele refez o estudo, voltou com a matriz de quem assina o quê e disse que a preocupação procedia. Duas correções ainda foram feitas sobre a tabela antes de publicar: uma linha trazia o documento do técnico atribuído ao engenheiro, e o conselho dos técnicos aparecia com a sigla federal onde o documento traz a regional. Publicar a troca repetiria no site exatamente o problema que a tabela veio resolver.

Conteúdo é dado, não marcação

Todo o texto do site vive em três arquivos de conteúdo. Trocar o escopo de um serviço, incluir uma norma ou corrigir um telefone não exige tocar em nenhum componente. Foi assim que a matriz de responsabilidade entrou no site no mesmo dia em que o cliente mandou a tabela.

O que ficou de fora, e por quê

Saíram do site anterior o atendimento 24 horas, por ser promessa de disponibilidade não confirmada, e um número de setor sem significado técnico. Não há anos de experiência, quantidade de obras nem depoimento: nenhum número foi inventado. A capacidade de mercado livre que o próprio cliente marcou como a confirmar ficou fora até que ele confirme. Enquanto o número do registro não vier, o site mostra o cargo e o conselho, nunca uma sigla com número vazio ao lado.