Antecedentes

Rol

Diseño

• Rediseño completo de la interfaz (UI)

• Implementación de un sistema de diseño escalable

• Prototipos en baja y alta fidelidad

• Arquitectura de información clara y consistente

• Estética visual alineada con los principios del Growth Marketing

• Diseño responsivo para laptops, tablets y dispositivos móviles

CRM especializado en el sector inmobiliario que enfrentaba problemas de adquisición y retención de clientes debido a una experiencia de usuario poco optimizada. Su venta dependía de terceros y no existía una identidad visual sólida ni flujos consistentes que facilitaran la navegación. El sistema requería mejoras urgentes en su estructura visual, usabilidad y autonomía para atraer nuevos usuarios a través de estrategias de Growth Marketing.

Objetivo

Diseñar e implementar la versión 2.0 de Prospectia, con un enfoque en mejorar la experiencia del usuario, aumentar la adquisición de clientes y facilitar el uso del CRM sin necesidad de intermediarios. Esto se lograría mediante la aplicación de principios de diseño UI/UX, la implementación de un sistema de diseño consistente y el uso de métricas para medir la actividad dentro de la plataforma.

Proceso UX/ UI

• Investigación y análisis del modelo de negocio

• Identificación de usuarios clave (coordinadores y asesores)

• Definición de historias de usuario en Azure DevOps y Asana

• Iteración continua con pruebas de interfaz (frontend/backend)

• Implementación de feedback y métricas para seguimiento

Diseñadora UX/ UI

Desarrollador Full - Stack

Diseñadora de interacción

Diseñadora de prototipo

Solución final

Nueva versión del CRM implementada con tecnologías como HTML, CSS, Bootstrap, JavaScript y Django (Python). La plataforma fue rediseñada para ser visualmente coherente, funcional y fácil de navegar para coordinadores y asesores inmobiliarios.

Se incorporaron mejoras clave como:

Conversión de usuarios potenciales a definitivos un aproximado del 85%.

• Registro de usuarios y login con UI optimizada

• Definición de roles claros y accesos organizados

• Panel de tareas visual y organizado

• Sección de proyectos con navegación limpia y contextual

• Gestión de contactos y proyectos simplificada

• Reportes integrados desde Power BI

• Afinidad del prospecto y evaluación de usuarios desde un mismo módulo

Diseño enfocado en presentar información relevante de forma clara y coherente.

Rol coordinador

• Indicadores claves

• Navegación clara a datos de contacto conforme a etapa

• Presentación de visual y clara de desempeño de asesores

Inicio

Proyectos

Perfil proyecto

Interfaz central desde donde se puede visualizar y administrar los proyectos.

• CTA claros y visualmente atractivo para la creación de nuevos proyectos

• Presentación especifica y clara de primer contacto

• Paginación de resultados

• CTA claros y visualmente definidos para las diferentes acciones

• Arquitectura de la información establecida de manera coherente y eficiente

Pantalla enfocada a presentar los detalles de forma clara y coherente.

• Integración nativa con Power BI

• Gráficas interactivas

• Filtros por usuario, fecha y tipo de actividad

Reportes y Afinidad

El diseño está centrado en presentar información de forma visualmente grafica ofreciendo metricas necesarias de los contactos en cada proyecto.

Reportes

Afinidad

• Evaluación por etapa

• Forma visual de respuesta

Vista embebida que presenta estadísticas clave del desempeño de los usuarios.

Pantalla clave para medir el interés del prospecto.

Rol asesor

Inicio

Tareas

Interfaz enfocada en presentar de forma visualmente llamativa las acciones prioritarias.

• Indicadores claves de contactos asignados

• Secciones claras y específicas para acciones principales que se debe de atender urgentemente

Diseño enfocado en poder gestionar las tareas que debe se debe de priorizar y actulizar estado.

• Formulario con campos necesarios para creación o actualización de tarea asignada

• Secciones coherentes y claras para localizar avance de tareas finalizadas y pendientes.

Vista General: Contactos

Diseñado priorizado en ofrecer actualizacion de forma inmediata a ambos roles, permitiendo tener claridad en las decisiones realizadas.

Elementos claves:

• Filtros por etapa del prospecto

• Botón para añadir nuevos contactos

• Modal coherente y con campos especificos para creación de contacto

• Posibilidad de descarga en documento de los leads disponibles por proyecto

• Visualición dinamica y coherente mediante emojis en cada lead

• Formato en tabla visualmente atractiva para información relevante de primer contacto

• Acceso a detalles