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, em três cards que já aparecem na primeira tela: industrial, comercial e residencial. O visitante 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.
Antes de reorganizar o site, fiz três coisas:
- 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.
Com isso ficou claro que 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
Serviço e obra entregue organizam o site.
A identidade se apoia em fotografia grande e em sangria, porque em obra pesada é a imagem que sustenta a afirmação de capacidade. A tipografia tem estrutura firme e espaçamento generoso, e a grade é estável, com poucos elementos por tela, já que a leitura aqui é de consulta. A paleta fica em preto, branco e o vermelho da marca, usado em botões, títulos e blocos de destaque.
01 · Home
A home abre por tipo de projeto.
Os cards de projeto industrial, comercial e residencial ficam no fim da abertura. 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. São os termos que o comprador usa no pedido de orçamento.

03 · Portfólio
A obra executada ganhou página própria.
É a página que mostra o porte com obra real. Por isso ganhou chamada na home, logo depois dos logotipos de clientes.

04 · Clientes
Os logotipos são o atalho de porte.
Pelo nome dos clientes, o comprador estima o tamanho da empresa antes de ler qualquer texto.

05 · Orçamento
Três páginas de formulário com um padrão só.
Contato, orçamento e trabalhe conosco usam a mesma estrutura de formulário e mudam só os campos.

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.
Um guia curto de captura e um modelo de ficha de obra, entregues junto com o site, resolveriam isso: cada obra nova entraria no site sem depender de um designer.