Redprop

Diseño UX/UI#

Diseñando para la Eficiencia en Entornos de Alta Presión

El entorno inmobiliario es dinámico y móvil. Los agentes pasan el 70% de su tiempo fuera de la oficina. Por lo tanto, el diseño de la interfaz de RedProp no fue solo una cuestión estética; fue un requisito operativo crítico.

Principios de Diseño#

Establecimos tres pilares fundamentales para guiar cada píxel:

Reducción de Carga Cognitiva: Los formularios inmobiliarios son notoriamente largos. Los dividimos en “Wizards” (formularios de múltiples pasos) para evitar abrumar al usuario.
Operatividad Mobile-First: A diferencia de competidores que ofrecen versiones móviles “lite”, RedProp V1 ofrece paridad funcional del 100% en móviles. Un agente puede cargar una propiedad desde la sala de una casa que acaba de visitar.
Confianza a través de la Consistencia: El uso de un sistema de diseño estricto asegura que la plataforma se sienta robusta y profesional, esencial para la gestión de activos de alto valor.

El Sistema de Diseño#

No solo elegimos una librería; adaptamos un lenguaje visual a medida.

Base: Construido sobre Shadcn UI por sus primitivas accesibles “headless”, estilizado con Tailwind CSS para una iteración rápida.
Tipografía: Inter para densidad de interfaz y legibilidad en tamaños pequeños (tablas, datos técnicos).
Paleta de Color: Un esquema primario “Azul Confianza”, con colores semánticos estrictamente definidos para estados (Verde=Activo, Ámbar=Reservado, Rojo=Vendido).
Modo Oscuro: Totalmente soportado de fábrica, crucial para agentes que trabajan en horarios nocturnos.

Soluciones UX Clave#

1. Patrón de “Filtros Inteligentes”#

En lugar de enterrar los filtros en modales, implementamos un sistema de facetas lateral similar a los estándares de e-commerce.

Desafío: Grandes conjuntos de datos de propiedades.
Solución: Feedback visual inmediato. A medida que el agente filtra por “3 Dormitorios”, la URL se actualiza instantáneamente (vía Nuqs), y los resultados muestran una carga “skeleton”, dando una sensación de agilidad.

2. Asistente de Carga de Propiedades (Wizard)#

Registrar una propiedad implica más de 50 puntos de datos.

Solución: Un Stepper paso a paso.
- Paso 1: Ubicación Básica (Integración con Mapas).
- Paso 2: Multimedia (Carga Drags & Drop).
- Paso 3: Legal y Precios.
Impacto: Reducción de la tasa de abandono durante la carga estimada en un 40% en comparación con formularios de página única acumulados.

Apuntamos al cumplimiento de WCAG 2.1 AA.

Todos los elementos interactivos son navegables por teclado.
Los formularios usan aria-labels adecuados y anuncios de errores.
Los ratios de contraste de color fueron verificados para visibilidad bajo luz solar directa (común para agentes trabajando al aire libre).