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

Oito páginas, na ordem em que o visitante costuma percorrer o site.

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.

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

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

    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.

    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.

    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.

    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.

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

    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.

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.

Próximo projeto

Aposta Rápida

Intersena · 2026

Contato

vamos conversar

Respondo e-mail em até dois dias úteis.