Gabriela García

Todos los casos

05 / Seguro de arrendamiento · Rediseño de webapp

NOWO

Diseñar una webapp clara para registrar, gestionar e invitar.

Rediseñé la webapp de NOWO: arquitectura de flujos, UX/UI y comportamiento responsive para registro, evaluación, propiedades e invitaciones.

Rediseño documentado · sin métricas de conversión

  • Detalle de «Mis propiedades» en NOWO: tarjeta de inmueble con el botón «Invitar inquilino» y tarjeta para agregar un nuevo inmueble.
Gestión de propiedades en el rediseño de la webapp · datos de muestra.
Rol
Product Designer
Alcance
Arquitectura de flujos · UX/UI · responsive
Perfiles
Propietario, inmobiliaria e inquilino
Plataformas
Desktop y móvil

El reto

Hacer comprensible el producto y su contratación

El objetivo fue mejorar la experiencia de la webapp de NOWO para propietarios, inquilinos y otros participantes del arrendamiento. El reto era convertir procesos extensos —registro, alta de inmueble, invitación y evaluación— en recorridos claros, con estados y siguientes pasos comprensibles.

Mi contribución

Recorridos por perfil, de la propiedad a la invitación

Rediseñé los recorridos de la webapp para que cada perfil entendiera qué debía completar, qué información se reutilizaba y cuál era el siguiente paso: registro por perfil, gestión de propiedades, alta de inmueble, datos de renta e invitaciones.

El trabajo incluyó los estados alternos —validaciones, errores y recuperación— y las versiones desktop y móvil.

Propuesta de valor

Propiedad, renta e invitación en una experiencia coherente

Orientar a cada perfil en sus tareas y conectar propiedades, datos de renta e invitaciones en una experiencia web coherente.

Decisiones y evidencia

Etapas cortas que conservan el contexto

Punto de partida

La comunicación pública previa de NOWO se muestra sólo como punto de partida; no forma parte del rediseño de la webapp.

Diseño original de la apertura de NOWO en desktop: titular «Renta seguro, renta tranquilo», botón «Obtener más información» y fotografías.
Diseño original de la apertura de NOWO en móvil, organizada en una columna.

Punto de partida · comunicación pública de NOWO · desktop y móvil.

Propiedad, datos de renta e invitación

En lugar de concentrar toda la operación en un formulario largo, el flujo separa intención, datos del inmueble y condiciones de renta. Esa secuencia busca reducir el cambio de contexto y hace visible la relación entre la propiedad y la invitación que se enviará.

Pantalla «Mis propiedades» de NOWO: una tarjeta de inmueble con el botón «Invitar inquilino» y otra para agregar un nuevo inmueble.
Gestión de propiedades Inventario, estado y llamadas a la acción diferenciadas: invitar o agregar.
Formulario «Agregar inmueble a rentar» con búsqueda de dirección y campos de calle, números, código postal, colonia, municipio, entidad, metros cuadrados y alias.
Alta de inmueble Dirección asistida y campos verificables antes de registrar el inmueble.
Paso «Datos de la renta» de la invitación: monto mensual con el rango permitido, plazo de renta y duración del seguro.
Datos para la invitación Monto, duración de renta y seguro conectados antes de continuar.

Pantallas del rediseño de la webapp NOWO. Datos visibles tratados como muestra; se sustituyeron el nombre de usuario y la dirección.

Estados y responsive

Cada perfil elige su recorrido desde el registro, también en móvil. Los errores se resuelven en el mismo contexto: el mensaje explica qué pasó y la acción devuelve a la persona al punto que debe corregir.

Registro en móvil: correo, número celular y selección de perfil entre propietario, inmobiliaria e inquilino.
Registro en móvil Correo, celular y perfil —propietario, inmobiliaria o inquilino— en una sola pantalla.
Pantalla «Confirma tu identidad» con un código de cinco dígitos marcado en rojo, un mensaje de código no válido y la opción de reenviar.
Verificación con error El código inválido se marca sin perder el contexto; reenviar queda disponible.
Modal «Dirección no identificada» con el botón «Validar información».
Dirección no identificada El mensaje explica el problema y devuelve a validar la información.

Pantallas del archivo de rediseño de la webapp · datos de muestra.

Impacto y alcance real

Una webapp documentada desde los recorridos hasta los estados

El rediseño quedó documentado mediante flujos de registro, evaluación, gestión de propiedades e invitaciones, con pantallas desktop y móvil, estados alternos y criterios de interacción. La evidencia acredita alcance de diseño.

Aprendizajes

En una webapp multiperfil, la jerarquía también orienta

La jerarquía debe mostrar qué tarea corresponde a cada persona, qué información ya existe y qué falta para avanzar.

Lo que no puede afirmarsepor falta de medición

Alcance de diseño, no resultados de conversión

  • Los archivos revisados no incluyen datos de conversión, contratación, uso ni satisfacción.
  • El caso no afirma qué versión se publicó ni en qué fecha.
  • Las imágenes del sitio anterior son sólo el punto de partida; no son parte del rediseño.