Por qué Alubrasa necesitaba un rediseño
un Alubrasa – Soluciones en Aluminio proporciona sistemas de perfiles para la construcción civil. El antiguo sitio web estaba visualmente desactualizado, no destacaba la amplia cartera ni ofrecía formas sencillas de ponerse en contacto. El objetivo de este proyecto fue:
- transmitir modernidad y credibilidad técnica;
- organizar el catálogo de productos de forma intuitiva;
- generar más solicitudes de cotización y contacto comercial.
Principales problemas del antiguo diseño
| problema | Impacto del usuario |
|---|---|
| Héroe genérico con imagen pesada y sin forma | Baja captura de leads; primera impresión confusa |
| Sección de productos con pequeñas miniaturas | Dificultad para identificar categorías |
| Portafolio de lista larga sin navegación | Desplazamiento agotador y poco atractivo |
| CTA único solo en la parte superior | El visitante no tuvo ninguna acción clara al final de la página |
| Paleta de colores inconsistente | La marca perdió fuerza y no transmitió innovación |
¿Qué cambió en el nuevo diseño?
| Elemento | antes | después |
|---|---|---|
| paleta | Blanco predominante + detalles verdes aislados | Verde institucional en franjas diagonales + degradados modernos para dar ritmo visual |
| héroe | Banner estático con texto pequeño | Titular objetivo + formulario de contacto integrado para la captura inmediata de leads |
| Iconos de servicio | Inexistente | Tres tarjetas destacadas (“Obtenga su cotización”, “Catálogo”, “Garantía”) que explican los valores de la marca |
| Catálogo | Miniaturas fijas | Cuadrícula responsiva que se adapta a computadoras de escritorio y dispositivos móviles, lo que facilita hacer clic en cada categoría |
| Portafolio | Lista vertical de obras | Control deslizante con fotos destacadas — navegación rápida y visualmente atractiva |
| llamada a la acción | Botón aislado | CTA repetidos (arriba, medio, pie de página) que mantienen al usuario siempre a un clic del contacto |
| Mapa | Pie de página no muy interactivo | Mapa de Google de ancho completo + dirección resaltada |
Comparación visual: antes × después
- Antigua página de inicio: héroe visualmente desordenado, pequeños catálogos y portafolios de texto.
- Nueva página de inicio: héroe con fondo diagonal verde, formulario junto al título, cuadrícula de productos y control deslizante de casos.
El rediseño reorganiza la jerarquía de la información: beneficio → producto → prueba social → acción.
Ganancias de rendimiento, SEO y conversión
| Métrica | antes | después |
|---|---|---|
| PageSpeed (escritorio) | 76 | 94 (Imágenes WebP, carga diferida, CSS crítico) |
| Tasa de clics de CTA | 1,8 % | 5,4 % — triplicado con forma de héroe y botones repetidos |
| Tiempo promedio en la página | 1min 02s | 2 min 19 s — los usuarios exploran el catálogo y el portafolio interactivo |
| Palabra clave clasificada | ninguno en la primera página | Las “soluciones de aluminio” alcanzaron el séptimo lugar a nivel local |
Técnicas implementadas: estructura HTML semántica (H1-H3), densidad de palabras clave ~1%, texto alternativo descriptivo y sprites SVG para mantener los SVG livianos.
Próximos pasos para la marca
- Blog técnico sobre aplicaciones de aluminio para capturar el tráfico orgánico de ingenieros y arquitectos.
- Integración de chat en el sitio para servicio en tiempo real.
- Campañas de remarketing dirigidas al nuevo portafolio de obras.
¿Necesita rediseñar el sitio web de su industria?
Ponte en contacto y descubre cómo rediseño estratégico puede multiplicar su autoridad y generar clientes potenciales calificados.
