Traduciendo exclusividad en conversión mobile - Siena CL

Diseño de aplicativo móvil para el fortalecimiento de la unidad productiva, la toma de decisiones y el control de finanzas de las micro- empresas afiliadas al programa.

Siena CL - Website

Cliente:

Siena CL

categorías:

Movile Design, Product design

rol:

Product designer

El costo de un primer vistazo lento y confuso

Comprar o invertir en una vivienda es una de las decisiones financieras más estresantes en la vida de una persona. En el entorno digital, la confianza se mide en milisegundos y claridad visual. Siena, una de las inmobiliarias y gestoras de proyectos más importantes de Chile, tenía un producto físico que desbordaba innovación y exclusividad. Sin embargo, su plataforma web transmitía todo lo contrario: lentitud técnica y una experiencia móvil que quebraba la confianza del usuario justo antes de tomar la decisión de cotizar.

Diagnóstico e Initial Findings

Entendiendo la fricción detrás de los números

Al llegar al proyecto como diseñadora UI, el alcance inicial se limitaba a "ajustes menores". No obstante, al cruzar las peticiones de rendimiento del cliente con las métricas de comportamiento, descubrimos una verdad incómoda: la plataforma estaba saboteando activamente las ventas.

A través de una auditoría profunda y análisis de datos, identificamos los dolores críticos de negocio y experiencia:

Grow your business

Solución y Estrategia Visual

El insight clave: Para activar la conversión, necesitábamos simplificar radicalmente la arquitectura de información y optimizar el rendimiento técnico. Adoptamos una filosofía Mobile First, reestructurando la experiencia bajo dos pilares core:

Filtros inteligentes por intención de compra

Eliminamos la barra de búsqueda genérica e implementamos un sistema de filtrado predictivo categorizado en 3 opciones clave desde el primer segundo de carga: Casas, Departamentos e Inversión.

Esto nos permitió segmentar el contenido de manera proactiva, entregando datos de rentabilidad y plusvalía directamente al inversionista, y detalles de habitabilidad y entorno a las familias, reduciendo las búsquedas fallidas a cero.

Diseño atómico optimizado para rendimiento

Rediseñamos las cards de proyectos e inmuebles desde cero. Eliminamos componentes redundantes (como flechas de navegación obligatorias), reemplazándolos por interacciones naturales de swipe y tap.

Tipografía y Accesibilidad: Sustituimos fuentes pesadas por Lexend, mejorando drásticamente la legibilidad en pantallas pequeñas.

  • Paleta de Colores: Ajustamos el uso del rojo principal para mejorar los ratios de contraste y accesibilidad, disminuyendo la percepción visual de "alerta" o "error".

  • Librerías livianas: Implementamos Remix Icons y una librería personalizada para estandarizar la iconografía sin castigar los tiempos de carga del servidor.

Despliegue y Resultados

El impacto de los píxeles en el negocio

La validación técnica demostró que el buen diseño, alineado con la optimización de código, transforma métricas de negocio de inmediato:

Reflexión

El rendimiento es la primera capa del UX:

Puedes tener la interfaz más hermosa y exclusiva del mercado, pero si tu plataforma tarda más de 5 segundos en cargar en el celular de un usuario con datos móviles, tu diseño no existe. La optimización técnica es empatía pura con el contexto del usuario.


Segmentar es respetar el tiempo del cliente:

El sector inmobiliario tiende a tratar a todos los compradores por igual. Aprender a separar las motivaciones comerciales de un inversionista de las de un comprador final mediante componentes de diseño claros (como el rediseño de filtros y cards) no solo limpia la interfaz; alinea el producto digital con los objetivos financieros de la empresa.

Create a free website with Framer, the website builder loved by startups, designers and agencies.