Antecedentes

Rol

Diseño

• Componentes adaptados a layouts móviles

• Interacciones rápidas (menús flotantes, inputs simples)

• Navegación por sidebar lateral y CTA inferiores

• Seguimiento visual al estilo de la V2 del CRM

• Diseño responsivo para diferentes tamaños de pantalla

El CRM Prospectia se posicionó como una solución web robusta para la gestión de prospectos, pero su adopción dependía enteramente del uso en escritorio o versión responsiva. Esta limitación reducía la efectividad de asesores y coordinadores en campo. La necesidad surgió de crear una aplicación móvil que mantuviera la misma identidad visual y funcionalidad clave del CRM Web V2, pero optimizada para el uso móvil en Android/iOS.

Objetivo

Diseñar una aplicación móvil intuitiva, moderna y fiel a la versión web del CRM Prospectia V2, garantizando una experiencia consistente, eficiente y adaptable en dispositivos móviles. Esta aplicación debía facilitar el acceso rápido a funcionalidades clave, expandir el alcance del CRM y captar nuevos clientes que valoran la movilidad.

Proceso UX/ UI

• Análisis de las funcionalidades clave a mantener desde la versión web

• Reestructuración de navegación

• Diseño de wireframes de alta fidelidad

• Prototipado

Diseñadora UX/ UI

Diseñadora de interacciones

Investgación de usuarios

Solución final

Se diseñó una aplicación móvil funcional para los distintos roles con funcionalidades clave como:

• Inicio de sesión y registro

• Menú lateral con navegación por secciones según rol

• Visualización de tickets y detalles

• Subida de contactos vía CSV

• Acceso a tutoriales de capacitación desde la app

Interfaz clara y directa, respetando la línea visual del CRM Web. Formularios de campos simples y mensajes de validación amigables.

Inicio de sesión y registro

• Formulario claro e intuitivo

• Validaciones amigables apegados al sistema de diseño

• CTA claros y coherentes con iconografía relevante

• Campos necesarios para creación de cuenta

Secciones clave:

• Menú dinamico para los distintos roles

• Active activo para indicar en que posicion se encuentra el usuario

• Iconos coherentes y claros

• Hover indicativo

• CTA claro para cerrar sesión

Navegación lateral (sidebar)

Diseñada para facilitar el acceso rápido a todas las funcionalidades del CRM desde cualquier punto de la app. Incluye íconos, etiquetas y jerarquía visual clara.

Sistema de Tickets

Módulo optimizado para gestionar solicitudes o problemas presentados en las distintas funcionalidades ofrecidas. Así como, permitir la actualización de un ticket mediante el cambio de estado y mensajes dentro del ticket.

• Indicadores claves permitiendo tener gestión clara de las distintas etapas del ticket

• Información clara y precisa en el primer contacto

• Icono claro en CTA para visualizar detalles

• Acciones definidas por rol

Subida de contactos vía CSV

Funcionalidad clave para coordinadores. Se permite subir nuevos prospectos mediante carga masiva desde archivo, mejorando tiempos y eficiencia en campo.

• Área definida visualmente atractiva para subir documentos

• CTA claro indicando posibilidad de subir por medio de botón

• Identificación clara de ejemplo de formatos aceptados

• Sección dedicada para visualizar proceso de carga de documento

• Mensajes amigables de errores y éxito

• Facilidad de cambiar proyecto

Tutoriales de capacitación

Sección integrada con contenido audiovisual para capacitar a nuevos asesores y coordinadores. Mejora la curva de aprendizaje y fomenta el uso autónomo de la app.

• Lista visualmente atractiva de videos tutoriales disponibles

• Indicador de visualización de tutorial

• Implementación de reproductor de video

• Integración de videos tutoriales del canal de YouTube del CRM

• Botones de acción claros para cambiar video

• Arquitectura de información clara para navegación coherente y eficiente en la búsqueda de videotutorial específico

Nota técnica

Este proyecto se diseñó como parte de la expansión de CRM Prospectia V2, y se entregó como archivo de diseño validado y preparado para desarrollo nativo.