Por que a Alubrasa precisou de um redesign
A Alubrasa – Soluções em Alumínio fornece sistemas de perfis para construção civil. O site antigo estava desatualizado visualmente, não destacava o vasto portfólio nem oferecia formas fáceis de contato. O objetivo deste projeto foi:
- transmitir modernidade e credibilidade técnica;
- organizar o catálogo de produtos de forma intuitiva;
- gerar mais solicitações de orçamento e contato comercial.
Principais dores do layout antigo
| Problema | Impacto no usuário |
|---|---|
| Hero genérico com imagem pesada e sem formulário | Baixa captura de leads; primeira impressão confusa |
| Seção de produtos com miniaturas pequenas | Dificuldade de identificar categorias |
| Portfólio em lista longa sem navegação | Scroll exaustivo e pouco atraente |
| CTA único somente no topo | Visitante ficava sem ação clara ao final da página |
| Paleta de cores inconsistente | Marca perdia força e não transmitia inovação |
O que mudou no novo design
| Elemento | Antes | Depois |
|---|---|---|
| Paleta | Branco predominante + detalhes isolados de verde | Verde institucional em faixas diagonais + degradês modernos para dar ritmo visual |
| Hero | Banner estático com texto pequeno | Headline objetiva + formulário de contato integrado para captação imediata de leads |
| Ícones de serviço | Inexistentes | Três cards destacados (“Faça seu orçamento”, “Catálogo”, “Garantia”) que explicam valores da marca |
| Catálogo | Miniaturas fixas | Grid responsivo que se adapta a desktop e mobile, facilitando o clique em cada categoria |
| Portfólio | Lista vertical de obras | Slider com fotos em destaque — navegação rápida e visualmente atraente |
| CTA | Botão isolado | CTAs repetidos (topo, meio, rodapé) mantendo o usuário sempre a um clique do contato |
| Mapa | Rodapé pouco interativo | Mapa Google full-width + endereço destacado |
Comparativo visual: antes × depois
- Homepage antiga: hero visualmente poluído, catálogos pequenos e portfólio em texto.
- Homepage nova: hero com fundo verde em diagonais, formulário ao lado do título, grid de produtos e slider de cases.
O redesenho reorganiza a hierarquia de informação: benefício → produto → prova social → ação.
Ganhos de performance, SEO e conversão
| Métrica | Antes | Depois |
|---|---|---|
| PageSpeed (desktop) | 76 | 94 (imagens WebP, lazy-loading, CSS crítico) |
| Taxa de cliques no CTA | 1,8 % | 5,4 % — triplicou com formulário no hero e botões repetidos |
| Tempo médio na página | 1 min 02 s | 2 min 19 s — usuários exploram catálogo e portfólio interativo |
| Palavra-chave ranqueada | nenhuma na 1ª página | “soluções em alumínio” passou a 7º lugar local |
Técnicas implementadas: estrutura HTML semântica (H1–H3), densidade da keyword ~1 %, alt-text descritivo, e sprites de SVG para manter SVGs leves.
Próximos passos da marca
- Blog técnico sobre aplicações de alumínio para captar tráfego orgânico de engenheiros e arquitetos.
- Integração de chat on-site para atendimento em tempo real.
- Campanhas de remarketing direcionando ao novo portfólio de obras.
Precisa reformular o site da sua indústria?
Entre em contato e descubra como um redesign estratégico pode multiplicar sua autoridade e gerar leads qualificados.
