.marcellusfellipe

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
Home da Cobervickas: abertura sobre projetos customizados para galpões industriais, três cards de segmento, bloco Quem Somos, logotipos de clientes e a faixa de portfólio de obras.

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.

Oito páginas do site, cada uma com a versão desktop e a mobile.

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.

  1. 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.

    Home da Cobervickas, com a abertura sobre galpões industriais e os três segmentos atendidos.
  2. 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.

    Página de serviço Brises e Fachadas, com a promessa no topo, a descrição com foto e o formulário.
  3. 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.

    Página de portfólio, com a faixa de fotos de obras executadas e o formulário de contato.
  4. 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.

    Página de clientes com a grade de logotipos das empresas atendidas.
  5. 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.

    Página de orçamento com o formulário e o campo de anexo de arquivo.
  6. 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.

    Home da Cobervickas em versão mobile, com os segmentos em carrossel e o conteúdo em 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.

Próximo projeto

Aposta Rápida

Intersena · 2026

Contato

vamos conversar

Respondo e-mail em até um dia útil.