Cobervickas · 2024 · UX, UI
Cobervickas
Um site institucional refeito do zero para uma empresa de estruturas metálicas, reorganizado em torno das obras já entregues.
- Cliente
- Cobervickas
- Ano
- 2024
- Papel
- UX, UI
- Entregas
- Arquitetura de informação, wireframes, interface, handoff
- Ferramentas
- Figma

Página 1 de 8
Home
A entrada separa o público por tipo de projeto logo abaixo da primeira dobra: industrial, comercial e residencial. Quem chega se reconhece em um dos três antes de rolar, e o resto da página existe para confirmar a escolha: quem é a empresa, quem já contratou e que obra foi entregue.
Problema
O visitante não conseguia responder se a empresa dava conta do porte dele.
A Cobervickas projeta e monta estruturas metálicas para obras de grande porte, de galpões industriais a espaços comerciais. É um negócio em que a decisão de compra é lenta, técnica e feita por poucas pessoas: engenheiro, comprador, gerente de obra.
Quem avalia um fornecedor de infraestrutura chega com uma pergunta objetiva: vocês já fizeram algo do tamanho do que eu preciso.
O site anterior não respondia isso. A informação existia espalhada em blocos de texto sem hierarquia, sem porte de obra, sem tipo de serviço, e a obra executada ficava fora da home.
Descoberta
Classifiquei o conteúdo antigo pelo que ajuda a decidir.
O que orientou a reestruturação:
- Levantamento de tudo que existia no site antigo e classificação por utilidade real para a decisão de contratação.
- Conversa com o cliente para entender quais serviços puxam contato e quais aparecem por completude.
- Leitura de sites de concorrentes e de players maiores do setor, para entender qual é a linguagem esperada.
A conclusão: o site precisava ser organizado por tipo de serviço e por obra realizada, com o restante do institucional reduzido ao mínimo.
A obra executada é o que fecha contrato nesse setor, e o site a mantinha fora da home.
Solução
A arquitetura segue a ordem em que a dúvida aparece.
Quatro decisões valem para o site inteiro. Fotografia grande e em sangria como base da identidade, porque em obra pesada é a imagem que sustenta a afirmação de capacidade. Tipografia com estrutura firme e espaçamento generoso, sem os clichês visuais do setor: nada de capacete, viga estilizada ou textura de concreto. Grade estável, com poucos elementos por tela, porque a leitura aqui é de consulta. E paleta contida, com uma cor de acento para ação, deixando a foto como única fonte de cor forte.
01 · Home
A home abre por tipo de projeto.
Industrial, comercial e residencial aparecem logo abaixo da dobra. Quem chega já sabe que obra tem em mãos e procura o próprio caso antes de ler sobre a empresa.

02 · Serviços
Os serviços usam o nome que se fala na obra.
Galpão metálico, mezanino, cobertura, reforço estrutural, brises e fachadas. Cada um tem página própria com o mesmo esqueleto: uma promessa mensurável no topo, o que é o serviço com foto ao lado e o formulário no fim.

03 · Portfólio
A obra executada ganhou página própria.
Texto curto sobre capacidade técnica e, em seguida, obra: fotos em faixa, sem legenda decorativa. É a página que responde à pergunta de porte mais rápido que qualquer descrição, e por isso tem chamada na home.

04 · Clientes
Os logotipos são o atalho de porte.
Ambev, Santander, Nissan, Amil, Thyssenkrupp. Uma grade de logotipos e um parágrafo. É a informação que esse visitante procura para estimar tamanho antes de ler qualquer coisa.

05 · Orçamento
Três páginas de formulário com um padrão só.
Contato, orçamento e trabalhe conosco compartilham a estrutura e mudam os campos. O orçamento ganha anexo, porque quem pede já tem planta ou memorial em mãos. A candidatura troca cidade e estado por data de nascimento e cargo pretendido.

06 · Mobile
O mobile é cenário de campo.
Parte desse público acessa da obra, com conexão instável. Os três segmentos viram um carrossel horizontal, a grade de seis logotipos vira duas faixas de três e os formulários descem para coluna única.

Aprendizado
O portfólio precisa de rotina para não envelhecer.
A estrutura só se sustenta se a empresa alimentar o portfólio de obras com regularidade e com imagem de qualidade.
Hoje eu entregaria junto um guia curto de captura e um padrão de ficha de obra, para que a atualização não dependesse de um esforço de design a cada nova entrada.