View
project

Rediseño web y UX: Caso de éxito de HIR Casa

Fecha de creación:

23/9/2026

Última actualización:

23/9/2026

Autor:

Bluepixel

Tags:

Diseño de Paginas web
Diseño UX

HIR Casa, empresa especializada en financiamiento inmobiliario en México que ofrece una alternativa al crédito hipotecario bancario, confió en BluePixel para rediseñar su experiencia digital y construir una plataforma más rápida, flexible y preparada para evolucionar con las necesidades del negocio.

Este fue el proceso de rediseño y los resultados obtenidos tras implementar la nueva plataforma.

La experiencia digital de HIR necesitaba evolucionar

El análisis de la plataforma reveló oportunidades de mejora en dos frentes: la experiencia de navegación y la operación del sitio. Algunos elementos generaban fricción para los usuarios y, al mismo tiempo, el equipo de Marketing dependía de terceros incluso para actualizar contenidos. 

Estas fricciones pueden afectar la experiencia del usuario y dificultar que complete acciones importantes dentro del sitio. Además, problemas relacionados con rendimiento, navegación o implementación técnica pueden influir en el desempeño orgánico de una plataforma. 

De igual forma, el depender de un tercero para modificaciones de contenido impactaba de forma negativa en los flujos de trabajo, pues los ajustes tardaban entre una y dos semanas en implementarse.

Cómo BluePixel abordó el rediseño web de HIR Casa

Partimos de un proceso de UX Discovery y usability testing para identificar las principales oportunidades de mejora en la experiencia. 

El sitio anterior estaba desarrollado en WordPress y su operación requería la intervención de terceros para realizar distintas actualizaciones. A partir de los hallazgos de UX, rediseñamos la experiencia UX/UI y realizamos el desarrollo web de la nueva plataforma con React y Strapi para lograr una arquitectura más flexible y una operación más autónoma. 

React y Strapi: la tecnología detrás de la nueva plataforma

Al reconstruir la plataforma con React y Strapi incorporamos una arquitectura más flexible. React permitió desarrollar la interfaz mediante componentes reutilizables, evitando tener que programar desde cero determinados elementos cada vez que aparecían en una nueva sección.

Por su parte, Strapi permitió implementar un desarrollo headless, en el que la administración de contenidos se mantiene separada de la interfaz que utilizan los usuarios. Esto dio al equipo de Marketing mayor autonomía para gestionar contenidos, formularios y el blog sin comprometer otras partes del sitio.

¿Qué resultados consiguió el rediseño web y UX?

El impacto de estos ajustes no tardó en verse reflejado, pues métricas de suma importancia empezaron a mostrar mejoría.

Mejor rendimiento y velocidad

  • −24 % en tiempo de carga que se tradujo en menos tiempo de espera antes de poder interactuar con la plataforma.
  • +14 puntos en PageSpeed Mobile, reflejando una mejora en el rendimiento técnico de la experiencia móvil. 

Mayor interacción de los usuarios

  • −3.2 pp en tasa de rebote, lo que indica una mayor proporción de sesiones con interacción. 
  • +14 % en tiempo de interacción, señal de que los usuarios permanecieron activos durante más tiempo en la experiencia. 
  • +7 % en páginas por sesión, lo que indica una mayor exploración del contenido disponible en la plataforma. 

Más usuarios completando la calculadora de financiamiento

Impacto positivo en el equipo y en el negocio

La versión original del sitio representaba un cuello de botella para algunos procesos debido al tiempo necesario para implementar incluso cambios operativos cotidianos. Con la nueva versión de la plataforma: El equipo de marketing pudo realizar ajustes en minutos directamente desde la consola.

El impacto también se reflejó en indicadores comerciales: HIR Casa registró un incremento de 4 puntos porcentuales en leads calificados y de 9 % en la conversión de lead a cita. 

Estos resultados no deben atribuirse exclusivamente al rediseño. Durante el mismo periodo, HIR Casa también fortaleció iniciativas de paid media, SEM, SEO, ORM y otras acciones comerciales. La mejora debe entenderse como resultado de un esfuerzo integral en el que la nueva plataforma funcionó como uno de los puntos de contacto con los usuarios. 

H2. ¿Cuándo necesita una empresa un rediseño web?

Un rediseño web no siempre parte de la apariencia del sitio. También puede ser necesario cuando el sitio empieza a generar fricciones o problemas de navegación para los usuarios o cuando su tecnología dificulta la operación diaria del negocio.

El caso de HIR Casa muestra algunas señales: la experiencia tenía oportunidades de mejora y el equipo de Marketing dependía de terceros para actualizar contenidos, formularios y otras partes del sitio. En situaciones similares, conviene evaluar un rediseño cuando:

  • Los usuarios encuentran dificultades para navegar o completar acciones importantes
  • Cambios simples requieren la intervención constante del equipo de desarrollo
  • Actualizar contenidos, formularios o páginas toma demasiado tiempo
  • La tecnología dificulta implementar nuevas necesidades del negocio
  • El sitio ya no responde con suficiente agilidad a campañas, contenidos u oportunidades comerciales.

En estos casos, el objetivo de un rediseño no debería limitarse a renovar la apariencia del sitio, sino a mejorar la experiencia del usuario y construir una plataforma que sea más fácil de operar y evolucionar.

Existen señales que pueden indicar que es momento de considerar la optimización de un sitio web. 

Si tu plataforma presenta estas señales, en BluePixel podemos acompañarte desde la investigación UX y el diseño de la experiencia hasta el desarrollo de la nueva plataforma.

‍

Transparencia desde el primer día

Cuéntanos qué quieres resolver. Te responde una persona del equipo.

Lo que los directivos nos preguntan antes de elegir a Bluepixel

¿Qué diferencia a Bluepixel de una agencia de diseño o desarrollo tradicional?

Bluepixel asume la responsabilidad técnica y de negocio del producto, en lugar de facturar horas o entregar pantallas y cerrar el proyecto. Cada trabajo empieza por cuantificar el problema, con el costo de inacción y el ROI proyectado, y valida con usuarios antes de programar. El código y los datos quedan en la nube de tu empresa, con una arquitectura abierta que permite cambiar de proveedor o de modelo de IA sin rehacer la plataforma.

¿BluePixel trabaja con empresas medianas y grandes en México?

Sí. Bluepixel trabaja principalmente con empresas medianas y grandes de México y Latinoamérica que necesitan modernizar, escalar o automatizar sus plataformas digitales. Sus casos incluyen retail, entretenimiento, viajes y alimentos, y trabaja en español y en inglés. Puedes empezar por cualquiera de sus cuatro servicios, según el momento de tu empresa.

¿Cómo es el modelo comercial de Bluepixel, proyecto único o relación continua?

BluePixel trabaja de cuatro formas independientes: Consultoría Digital (2 a 4 semanas), Agentes & Automatización (2 a 4 semanas), Plataformas Digitales (2 a 4 meses) y Evolución Digital (roadmap vivo de 6 o 12 meses). Puedes empezar por cualquiera.

¿Qué es FutureProof?

FutureProof es el sistema con el que Bluepixel diseña, construye y evoluciona plataformas para que no haya que reescribirlas cada pocos años. Se basa en cinco principios: no facturar horas a ciegas, validar antes de programar, diseñar para que los usuarios adopten la plataforma, usar arquitectura abierta con los datos en tu nube y construir la seguridad desde el primer sprint. Cada principio se puede comprobar en lo que se entrega.

¿Qué es IMPATH™?

IMPATH™ es la metodología propietaria de BluePixel para encontrar dónde se atora el usuario y cuánto le cuesta eso al negocio. Combina investigación con usuarios, análisis de comportamiento y psicología conductual para priorizar los cambios por impacto financiero antes de invertir en desarrollo. Es la base del diagnóstico de fricción operativa de la Consultoría Digital.

¿Cómo mide BluePixel el impacto de su trabajo?

A través de UX Health Score™ e IMPATH, propietarios de Bluepixel, más Mixpanel integrado a tu plataforma: juntos generan un UX Health Score continuo, un roadmap vivo y un reporte ejecutivo trimestral con ROI documentado. Cada intervención de plataforma se mide con comparativos históricos de usabilidad, rendimiento, estabilidad y adopción, en números que el equipo directivo puede interpretar y justificar.

Hablemos de tu plataforma

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.