Salcos Engenharia

Contexto

Uma empresa sem site e sem direção definida

A Salcos Engenharia coordena projeto, planejamento, BIM e execução de obras de alto padrão em Fortaleza e no Eusébio. É a segunda empresa do mesmo proprietário da KG Construções, com posicionamento oposto: enquanto a KG executa obras públicas, a Salcos atende quem vai construir com exigência de acabamento e acompanhamento próximo.

A empresa não tinha site. Também não tinha paleta definida, referência visual, nem uma formulação pronta de como descrever o próprio serviço.

O pedido chegou aberto: um site. Sem briefing de marca, sem material de referência e sem clareza sobre qual seria a mensagem central.

O desafio

Não havia briefing, havia um ponto de partida em branco

Projeto do zero com cliente sem direção definida transfere para o design decisões que normalmente já chegam resolvidas:

• Não havia paleta, tipografia ou qualquer referência visual da marca.
• O serviço era descrito por dentro, pelas disciplinas técnicas que a empresa coordena, e não pelo que o cliente final ganha com isso.
• Não estava definido para quem o site deveria falar: outros engenheiros ou quem vai construir.
• Não havia obras fotografadas nem depoimentos coletados para sustentar prova social.

Benchmark

Como o segmento se apresenta

Sem referência vinda do cliente, o primeiro passo foi olhar como o segmento se apresenta. Analisei dois concorrentes diretos em engenharia com BIM, comparando mensagem de abertura, estrutura de navegação e extensão da página.

O padrão apareceu rápido: os dois concorrentes vendem BIM para quem já sabe o que é BIM. A YARD lista sete disciplinas técnicas no menu; a BIM Brasil fala em lucratividade, dirigindo-se a outras empresas. São sites de engenheiro para engenheiro. Sobrava, então, o espaço de falar com quem vai construir, e foi esse o recorte adotado. Vale registrar o que o benchmark também mostrou: base escura com acento quente é convenção do setor, não diferencial. A paleta segue essa convenção de propósito, porque ela carrega os códigos certos. A diferenciação foi feita na mensagem e na estrutura.

A direção

As decisões que definiram a direção

Com o benchmark na mão, a direção deixou de ser preferência e virou consequência. Cada decisão abaixo responde a algo que o segmento fazia de um jeito e que fazia sentido fazer de outro.

A interface

A interface, decisão por decisão

Cada bloco abaixo mostra uma decisão da interface e o raciocínio por trás dela. Como o projeto nasceu do zero, não há um site anterior para comparar.

Abertura

O título fala do que a pessoa sente, não do que a empresa faz

Enquanto os concorrentes abrem anunciando BIM e ganho de lucratividade, a abertura da Salcos nomeia o estado de quem contrata uma obra de alto padrão: a tranquilidade de saber que cada detalhe está sendo cuidado. O escopo técnico vem logo abaixo, no subtítulo, junto com a região de atuação.

Identidade

Navy e dourado no eixo oposto do círculo

A empresa não tinha nenhuma referência visual, então a paleta foi construída a partir do que o posicionamento pedia. Alto padrão precisa de contraste, e contraste máximo tem endereço no círculo cromático.

• Navy#18233EBase institucional, fundo das seções de maior peso
• Navy escuro#101828Profundidade e contraste dentro da base
• Dourado#D8B47AAcento, destaque e chamadas
• Dourado claro#E7C995Estado de hover e realce sobre navy
• Superfície#F4F1EBFundo claro das seções de leitura
• Azul claro#EEF1F7Fundo alternativo e blocos de apoio

• Navy fica em H 223° e o dourado em H 37°: 174° de distância, praticamente o eixo complementar exato de 180°. Complementares produzem a tensão máxima do círculo, e é isso que faz o dourado sinalizar destaque sem precisar de mais peso ou tamanho.
• A superfície #F4F1EB é o próprio matiz do dourado, dessaturado de 55% para 29% e clareado até 94%. O azul claro segue a mesma lógica a partir do navy. Todo neutro da página descende de uma das duas cores da marca, e é isso que faz a página parecer quente em vez de clínica.
• Restrição documentada do sistema: dourado sobre branco dá 1,96:1 e reprova em qualquer critério WCAG. Ele só aparece sobre navy, onde chega a 7,95:1 e passa em AAA.
• O grid de blueprint usa módulo de 40px desenhado em navy a 8% de opacidade, citando a prancha técnica com a cor da marca em vez de um cinza qualquer.

Diferencial

O argumento central em três frentes, não em sete disciplinas

Onde os concorrentes listam disciplinas técnicas, aqui o diferencial é apresentado como uma consequência: menos ruído entre as áreas, mais clareza para decidir. As três frentes descrevem o que a coordenação evita, e não o que ela é.

Processo

Três etapas antes de qualquer proposta

Conversa inicial, diagnóstico técnico e plano de execução. A seção existe para deixar claro que o primeiro contato não é um orçamento, é uma análise. É o que sustenta a promessa da chamada principal do site.

Tecnologia

BIM explicado pelo que permite decidir

Nos concorrentes o BIM é o protagonista, presente já no título e até no nome da empresa. Aqui ele aparece depois, sob o rótulo tecnologia a serviço do cuidado, e é explicado em três verbos: ver, coordenar e executar. Quem vai construir não precisa saber o que é BIM, precisa saber o que ele evita.

Contato

Um formulário que qualifica em vez de só coletar

Os campos perguntam o tipo de projeto e a etapa em que ele está, de ainda estou planejando até a obra já começou. A empresa chega à primeira conversa sabendo com o que está lidando, e quem preenche entende que vai receber uma avaliação, não uma proposta comercial genérica.

O processo

Como o projeto foi conduzido

1. 01

   Benchmark do segmento

   Analisei como concorrentes diretos se apresentavam: mensagem de abertura, estrutura de navegação, extensão da página e vocabulário. O objetivo era separar o que é convenção do setor daquilo que estava em aberto.

2. 02

   Definição do interlocutor

   Com o cliente, fechamos para quem o site deveria falar. Essa escolha determinou o vocabulário e a profundidade técnica de cada seção, e foi o que permitiu descartar boa parte do que os concorrentes incluem.

3. 03

   Direção visual

   Propus paleta e tipografia a partir do posicionamento e validei com o cliente antes de desenhar qualquer tela, já que não havia identidade prévia para seguir.

4. 04

   Design e desenvolvimento

   Construí a interface, o sistema de grid de blueprint e o formulário qualificado, e publiquei o site.

O resultado

O que o site passou a comunicar

O site está no ar, mas o conteúdo de obras e depoimentos ainda é de exemplo, aguardando material fotográfico e depoimentos reais do cliente. O que já está definido é a base sobre a qual esse conteúdo vai entrar.

• A empresa passou a ter paleta, tipografia e sistema visual documentados, que antes não existiam.
• A mensagem de abertura fala com quem vai construir, e não com outros engenheiros.
• O BIM é explicado pelo que permite decidir, no lugar de aparecer como jargão de entrada.
• O contato qualifica tipo e etapa do projeto, então a primeira conversa começa com contexto.
• A página tem pouco mais da metade da extensão dos concorrentes analisados, sem perder nenhuma informação de decisão.