Product designer

Mobile App

Diseño desde cero de la app móvil de Harmonix — llevando el contexto del CRM, las llamadas y la mensajería a los comerciales fuera de la oficina, sin recrear la complejidad de la experiencia de escritorio.

Mobile App

Rol

Product designer

Duración

1 año

Herramientas

Figma

Equipo

Harmonix

Contexto

Harmonix es una herramienta que se establece sobre los lugares habituales de trabajo de los usuarios de CRM — Outlook, Salesforce, Dynamics, LinkedIn — y unifica sus herramientas de comunicación e información. Funciona principalmente a través de una extensión de navegador y una aplicación web — ambas experiencias de escritorio, diseñadas para una pantalla con espacio para trabajar.

La situación

No todos los comerciales trabajan desde un escritorio. Los representantes de campo viajan a reuniones con clientes, los gestores de cuentas se alejan de sus ordenadores, y los negocios no se detienen porque alguien esté en movimiento. Sin una app móvil, los usuarios de Harmonix perdían acceso a su contexto de CRM en el momento en que dejaban su escritorio — y tenían que recurrir a la app nativa del teléfono para hacer llamadas, lo que significaba sin registro, sin grabación y sin conexión con la plataforma que debía unificar su trabajo.

La oportunidad era evidente: llevar el núcleo de Harmonix al móvil, para que la plataforma siguiera siendo útil independientemente de dónde estuviera el comercial.

El reto

La experiencia de escritorio es rica. La extensión muestra detalles de contacto, historial de actividad, resultados de agentes de IA, vistas de pipeline y una suite de comunicación completa. Reproducir todo eso fielmente en la pantalla de un teléfono no era el objetivo — y tampoco era posible. El verdadero problema de diseño era decidir qué significaba realmente “el núcleo de Harmonix” en móvil: qué necesita genuinamente un comercial cuando está en movimiento, y qué puede esperar hasta que vuelva a su escritorio.

La respuesta dio forma a todo: contexto de contacto, comunicación y registro — rápido y fiable, sin la carga de la plataforma completa.

Soluciones

Dos mundos de contactos, una búsqueda

Lista de contactos

Los comerciales viven entre dos agendas: el CRM, que contiene sus contactos profesionales y los datos de las cuentas, y el teléfono nativo, que contiene todo lo demás. La app unifica ambos en una única lista de contactos, alternando entre los contactos del CRM y los del teléfono sin salir de la pantalla. Los contactos del CRM se sincronizan automáticamente con la plataforma principal y se pueden filtrar por tipo de objeto y campos personalizados. Los contactos del teléfono aparecen una vez concedido el permiso, indexados alfabéticamente como en la experiencia nativa que los usuarios ya conocen.

El contacto como centro de operaciones

Detalle de contacto

La vista de detalle del contacto es donde ocurre la mayor parte del trabajo. Un header persistente mantiene siempre visible el nombre, la empresa y la nota de contacto generada por IA mientras el usuario navega entre cuatro pestañas: Detalles, Notas, Llamadas y Análisis de IA. Detalles extrae datos en tiempo real del CRM conectado — Salesforce, Dynamics — mostrando exactamente los campos que cada cuenta ha configurado. Notas recoge cronológicamente las notas escritas y las notas de voz. Llamadas muestra el historial completo de llamadas de ese contacto. Análisis de IA muestra los mismos resultados de agentes disponibles en la extensión, llevando la inteligencia de la plataforma allí donde esté el comercial.

Desde la vista de contacto, un único botón se despliega en el menú completo de acciones: llamar, enviar WhatsApp Business, enviar SMS, enviar email, abrir LinkedIn, abrir calendario, añadir nota, registrar llamada manualmente. Cada acción que un comercial puede necesitar en campo, a un toque.

Una experiencia de llamada nativa

Pantalla de llamada

Las llamadas a través de Harmonix tenían que sentirse como llamadas — no como una herramienta de terceros interrumpiendo la experiencia del teléfono. La pantalla de llamada entrante usa la capa nativa de notificaciones, con el nombre y la empresa del contacto extraídos del CRM en el momento en que suena el teléfono. La pantalla de llamada activa es intencionadamente minimalista: los controles esenciales — silenciar, altavoz, teclado numérico y un acceso directo al contacto — sin nada que pueda distraer durante una conversación.

Cuando termina la llamada, la vista de detalle muestra la grabación, la transcripción, los insights generados por IA y cualquier nota dejada durante o después de la llamada. Todo queda registrado automáticamente y sincronizado de vuelta a la plataforma.

Mensajería unificada

Mensajería

Las conversaciones de WhatsApp Business y SMS conviven en una única bandeja de entrada, ordenadas de más reciente a más antigua. La distinción entre tipos de canal se gestiona a través del color — verde para WhatsApp, morado para SMS — para que la lista permanezca limpia mientras el contenido sigue siendo distinguible. En la vista de conversación, las capacidades de WhatsApp Business están completamente disponibles: archivos, fotos, plantillas aprobadas por Meta. Para los comerciales que gestionan comunicación con clientes a través de varios canales, esto elimina la necesidad de saltar entre aplicaciones.

Reflexión

Este proyecto se lanzó en Android en diciembre de 2024 y ha seguido publicando actualizaciones hasta finales de 2025. La decisión de diseño más difícil de forma continuada no fue sobre ninguna pantalla en particular — fue sobre el alcance. La plataforma de escritorio puede hacer mucho, y cada funcionalidad tenía alguien que la quería en móvil. La restricción de la pantalla del teléfono, en lugar de ser una limitación, se convirtió en una herramienta útil: si algo no podía hacerse de forma sencilla, probablemente no debería estar en móvil.

El resultado es una app que no intenta reemplazar la experiencia de escritorio — cubre los momentos en que el escritorio no está disponible, y lo hace bien.

Siguiente proyecto

Rediseño de Dashboards

Rediseño de Dashboards