Maz Constructora | Mejoras web + SEO

Caso

Maz es una constructora colombiana especializada en el diseño y comercialización de proyectos de vivienda en ciudades como Bogotá, Tocancipá y Villavicencio. Más que construir espacios, ellos diseñan formas de habitar pensadas para transformar la vida cotidiana de las personas con proyectos abren la puerta a nuevas maneras de relacionarse con el hogar, con los demás y con la ciudad. 

Con más de 15 años de experiencia en el sector y más de 10 mil viviendas entregadas, Maz nos eligió para mejorar en su sitio web y con un objetivo claro: crear una experiencia digital más intuitiva, humana y alineada con las intenciones de búsqueda de cada usuario.

Metas

• Analizar a fondo el sitio web actual para detectar oportunidades de mejora en usabilidad, diseño y contenido.
• Diseñar una interfaz más empática, centrada en las personas, alineada con el proyecto y orientada a la conversión.
• Posicionar los servicios estratégicamente según las intenciones de búsqueda de los usuarios, mejorando su visibilidad y relevancia.
• Fortalecer la sección de Preguntas Frecuentes (FAQ) para anticiparse a las dudas más comunes de los usuarios y generar confianza al brindar información alineada con necesidades reales.

Ejecución 

Acompañamos a Maz desde la User Experience (UX) en cada etapa: desde construir los contenidos hasta el diseño de experiencias simples y efectivas. Estos fueron algunos de los aspectos en los que centramos nuestro trabajo:

Paso 1: Análisis

El equipo realizó un análisis heurístico del sitio web desde las perspectivas de UX Writing y diseño UX/UI, basado en las 10 heurísticas de usabilidad. A partir de esta evaluación, se identificaron hallazgos clave y se formularon las siguientes recomendaciones:

• Agregar llamados a la acción (CTA) más específicos, enfocados en las ciudades donde se ubican los proyectos, para dirigir a los usuarios hacia páginas con información relevante y detallada.
  
• Reordenar la jerarquía de la información subiendo la sección de proyectos, y añadir textos descriptivos bajo los títulos “Maz Proyectos” y “Maz Ciudades” para mejorar la comprensión.
  
• Ubicar el texto de habeas data debajo del formulario, y aprovechar el encabezado de contacto para incluir un texto alineado con las palabras clave identificadas en la investigación de buenas prácticas SEO.
  
• En la sección de proyectos, desglosar los desarrollos por ciudad y destacar el principal en cada una para mejorar el posicionamiento.
  
• Mejorar el contraste visual de los logos usando versiones monocromáticas, especialmente en la versión móvil, y ajustar el diseño tipo “slider” para los logos de aliados, asegurando buena visibilidad.
  

En la sección de noticias, incorporar botones para compartir en redes sociales como WhatsApp, Facebook, Instagram y LinkedIn, facilitando la difusión del contenido.

Paso 2: Implementación

Con base en estos hallazgos, el equipo inició el proceso de rediseño de pantallas, con el objetivo de crear visuales más claras, intuitivas y alineadas con la experiencia del usuario. 

Para ello, se implementaron acciones clave que permitieron fortalecer tanto el diseño como el posicionamiento del sitio:

• Investigación de palabras clave (keyword research): se identificaron las intenciones de búsqueda de los usuarios interesados en vivienda, clasificándolas como transaccionales, informativas o comerciales.
  
• Análisis de palabras clave de la competencia: para comprender las estrategias de posicionamiento del sector y diseñar un enfoque que nos permitiera convertirnos en la primera opción en los resultados de búsqueda.
  
• Optimización SEO on-page y metadatos del sitio: incluyendo títulos, descripciones y estructura de contenido basados en datos obtenidos a través de herramientas como SEMrush.
  
• Análisis de rendimiento orgánico:
  
  • Identificación de palabras clave nuevas y perdidas.
    
  • Revisión del número de palabras clave que posicionan al sitio en el top 100 de Google.
    
  • Estimación del tráfico orgánico mensual esperado.
    
  • Valor económico estimado de las palabras clave en Google Ads, como referencia del potencial comercial del contenido optimizado.

Paso 3: Desarrollo y QA

La fase de desarrollo no se limitó únicamente a la programación del sitio, sino que incluyó una etapa robusta de aseguramiento de calidad (QA). Gracias a la cual se realizaron múltiples ajustes en la estructura, el contenido y la funcionalidad de la web, con el objetivo de garantizar una experiencia de usuario óptima.

Entre las acciones implementadas se destacan:

• Optimización de imágenes: se mejoró la calidad de las imágenes pixeladas (especialmente en secciones de ciudades), ajustando resolución y peso para lograr un balance entre nitidez y velocidad de carga.
  
• Corrección en la navegación horizontal: se resolvió el comportamiento errático en los sliders de tarjetas, que se desplazaban de forma automática al soltar el clic.
  
• Mejora en la carga de artículos del blog y sus previsualizaciones, asegurando tiempos de carga más eficientes y una mejor presentación del contenido.
  
• Actualización de precios en banners de los proyectos de vivienda, tanto en la página de inicio como en las páginas específicas de cada proyecto.
  
• Inicio del proceso de integración entre HubSpot e Ingemax, contemplando los campos clave necesarios para automatizar el flujo de datos de contacto.
  

Ajustes de diseño responsivo en los que se corrigieron secciones que no se visualizaban correctamente en dispositivos móviles y tablets.

Resultado final

Estos son algunos ejemplos de los diseños desarrollados para Maz, donde se reflejan los hallazgos identificados y las mejoras implementadas a lo largo del proceso.