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

Sin sorpresas ni scope creep. Cuéntanos sobre tu proyecto y un estratega de Bluepixel te contactará en menos de 2 horas.

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 no es una agencia de entrega, es un partner de evolución continua. Mientras las agencias entregan proyectos y cierran el engagement, Bluepixel mantiene una relación activa con roadmap vivo, accountability trimestral y ROI documentado en términos financieros. El modelo está diseñado para que tu plataforma mejore de forma continua, no para entregar un proyecto y pasar al siguiente cliente.

¿Bluepixel trabaja con empresas mid-market y enterprise en México?

Sí. Bluepixel trabaja principalmente con empresas mid-market y enterprise en México y LATAM que necesitan escalar, modernizar o evolucionar sus plataformas digitales.

¿Qué es la filosofía FutureProof?

FutureProof es la filosofía operativa de Bluepixel basada en que ningún producto digital está realmente terminado. Los usuarios cambian, el mercado cambia y las operaciones cambian, por eso Bluepixel diseña plataformas preparadas para evolucionar, escalar e integrarse con IA de forma continua, en lugar de entregar proyectos que envejecen desde el día del lanzamiento.

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

Bluepixel opera en dos modelos: BUILD, un engagement de proyecto para diseñar y construir una plataforma nueva con arquitectura escalable y AI-ready desde el día 1; y EVOLVE, un modelo de relación continua que incluye roadmap vivo a 12 meses, ciclos de mejora continua, reportes mensuales y sesiones trimestrales presenciales. La mayoría de los clientes comienza con BUILD y evoluciona hacia EVOLVE.

¿Qué es Futureproof y en qué se diferencia de un proyecto tradicional?

Futureproof es el modelo operativo de Bluepixel que convierte la relación con tu plataforma en un ciclo de mejora continua. Integra dos pilares: BUILD (construcción de plataformas escalables con IA desde el sprint 1), EVOLVE (optimización continua con Mixpanel, roadmap vivo a 12 meses y accountability trimestral), ambos con una capa AGENTIC (automatización e inteligencia operacional transversal). A diferencia de un proyecto tradicional, cada intervención se mide y documenta con ROI en términos financieros reales.

¿Cómo funciona IMPATH y qué son los gemelos digitales?

IMPATH es la plataforma propietaria de inteligencia de experiencia de Bluepixel. Construye gemelos digitales de los usuarios de tu plataforma: perfiles conductuales con 7 capas de análisis que simulan cómo distintos tipos de usuarios navegan y encuentran fricción. Esto permite identificar y cuantificar económicamente cada punto de fricción antes de invertir en soluciones, con una profundidad que ninguna herramienta de analytics estándar puede alcanzar.

¿Bluepixel trabaja con plataformas web y aplicaciones móviles?

Sí. Bluepixel diseña, construye y evoluciona plataformas web, aplicaciones iOS y Android, y sistemas internos empresariales. Mixpanel monitorea la salud de la plataforma en los tres entornos de forma simultánea, con métricas de usabilidad, rendimiento y estabilidad por plataforma.

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

¿Cuánto tiempo tarda en verse impacto en la plataforma?

Los primeros indicadores medibles suelen aparecer en el primer trimestre de trabajo, una vez que Mixpanel establece la línea base y se ejecutan las optimizaciones de mayor impacto identificadas por IMPATH. Bluepixel documenta el antes y después de cada intervención con comparativos históricos del UX Score y métricas de negocio.

¿Qué es una auditoría UX y cómo sé si mi plataforma necesita una?

Una auditoría UX es una evaluación estructurada de la usabilidad, los puntos de fricción y las brechas de experiencia de una plataforma digital — conectadas directamente a impacto económico. Te indica no solo qué está roto, sino cuánto te está costando. Tu plataforma necesita una si tienes caídas en conversión sin causa clara, alta tasa de abandono en flujos clave, baja adopción post-lanzamiento, o simplemente no sabes qué optimizar primero.

Hablemos de tu plataforma

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