Ver prototipo
Sales Enablement App · pantalla mobile Sales Enablement App · pantalla principal mobile Pantalla de KPIs comerciales Pantalla de listas Pantalla de listas, variante
// caso de estudio · app mobile
Sales Enablement App

Producto interno para equipos comerciales

Diseño de una app mobile B2B que ayuda a equipos comerciales a construir hábitos diarios mediante misiones, alertas, gamificación y señales accionables.

Rol · Product & UX Designer Plataforma · Mobile Stack · Figma 2025 · 2026
01 · CONTEXTO

El contexto

El producto fue pensado para equipos comerciales que necesitaban mayor claridad operativa en su gestión diaria. El desafío era transformar objetivos comerciales en acciones concretas, simples de seguir y sostenibles en el tiempo.

Objetivos comerciales
Define y prioriza objetivos comerciales claros y medibles
Crecimiento anual
+20%
Señales diarias
Información en tiempo real traducida en lo que importa hoy
Reunión con decisor 12
Competidor en precio 5
Uso del producto 8
Misiones y alertas
Acciones concretas y priorizadas para avanzar cada día
★ Misiones ›
◆ Alertas ›
▲ Desafíos ›
Acción del vendedor
Ejecución enfocada que genera impacto real
Llamar a cliente A
Enviar propuesta B
Visitar cliente C
Seguimiento y progreso
Medición del avance y resultados que impulsan al equipo
Objetivo alcanzado 72%
02 · PROBLEMA

El problema no era la falta de intención, sino la falta de señales.

Los equipos comerciales contaban con objetivos, pero no siempre con una guía diaria clara para saber qué priorizar, cuándo actuar y cómo sostener hábitos consistentes. El sistema debía acompañar sin controlar en exceso.

Falta de foco diario
Sin señales claras sobre qué priorizar en cada jornada.
Feedback tardío
El vendedor recibía retroalimentación cuando ya era difícil corregir el rumbo.
Métricas poco accionables
Datos disponibles, pero sin traducción clara en próximos pasos.
Carga mental en la toma de decisiones
El vendedor decidía solo qué hacer, sin apoyo ni contexto.
Dificultad para sostener hábitos comerciales
Los comportamientos clave eran inconsistentes en el tiempo.
Necesidad de acompañamiento sin micromanagement
Más control deterioraba la autonomía y la motivación del equipo.
03 · OBJETIVO

Qué buscaba resolver

Necesitaba diseñar una experiencia mobile que transformara la gestión comercial diaria en un sistema de acciones claras, hábitos sostenibles y señales oportunas.

01 · GUIAR
Señales claras
El usuario sabe qué hacer cada día sin tener que decidirlo solo.
02 · ACTIVAR
Misiones y desafíos
Objetivos convertidos en acciones concretas y alcanzables.
03 · ACOMPAÑAR
Feedback y alertas
Información oportuna sin caer en micromanagement.
04 · SOSTENER
Gamificación
Hábitos reforzados, no competencia vacía.
04 · PROCESO

Cómo lo resolví

01
Discovery
Problema, objetivos de negocio y dinámica comercial.
02
Definición funcional
Módulos, reglas, señales y prioridades.
03
Arquitectura
Navegación, jerarquías y recorridos para dos perfiles de uso.
04
Flujos
Acciones diferenciadas para organizar, ejecutar y dar seguimiento.
05
UI Design
Pantallas mobile, componentes y estados.
06
Prototipo
Flujos navegables en Figma.
07
Validación
Revisión con stakeholders y ajustes.
08
Handoff
Specs, documentación y QA visual.
Arquitectura
Organizador
Crea misiones · Revisa alertas · Da seguimiento
Productor
Recibe señales · Completa misiones · Avanza en desafíos
Home punto de entrada
Misiones
Tareas y acciones comerciales
Alertas
Señales y eventos importantes
Desafíos
Retos y competencias activas
Progreso
Seguimiento de avance
Perfil
Datos y preferencias
Flujos clave
FLUJO 1Gestionar misiones
revisar señales→abrir misión→completar acción
FLUJO 2Atender alertas
ver alerta→priorizar→intervenir
FLUJO 3Seguimiento y feedback
consultar progreso→recibir feedback
Wireframes
Wireframe HomeWireframe AlertasWireframe MisionesWireframe Desafío
05 · SISTEMA DISEÑADO

Un sistema de hábitos, señales y progreso.

Cada módulo fue diseñado para convertir información comercial en acciones concretas: detectar oportunidades, priorizar tareas, sostener hábitos y dar seguimiento al avance.

Definí dos perfiles: organizadores, que dan seguimiento a la gestión comercial, y productores, que ejecutan y ven su avance.

Componente de misión
Misiones
Convierten objetivos comerciales en acciones que pueden asignarse, ejecutarse y monitorearse.
Componente de alerta
Alertas
Priorizan situaciones relevantes para intervenir a tiempo sin depender de seguimiento manual constante.
Componente de desafío
Desafíos
Refuerzan hábitos diarios y semanales mediante objetivos alcanzables y feedback visible.
Componente de progreso
Progreso
Da visibilidad sobre avance, actividad y cumplimiento para ambos perfiles.
Componente de señal
Señales
Ayudan al productor a entender qué requiere atención y al organizador a detectar oportunidades de seguimiento.
06 · SOLUCIÓN VISUAL

Las pantallas que sostienen el sistema

La interfaz se organizó alrededor de flujos cortos, señales visibles y acciones concretas para que el usuario pudiera entender qué hacer sin sobrecarga.

BLOQUE 1 Productor: foco diario

La home concentra señales, progreso y acciones prioritarias para que el productor entienda dónde enfocar su jornada.

BLOQUE 2 Productor: misiones y desafíos

Las misiones y desafíos traducen objetivos comerciales en acciones concretas, con metas alcanzables y feedback visible.

BLOQUE 3 Organizador: alertas y seguimiento

Las alertas ayudan al organizador a priorizar situaciones relevantes y acompañar al equipo sin micromanagement.

BLOQUE 4 Sistema compartido: progreso y motivación

El progreso permite visualizar avance y sostener hábitos, tanto desde la ejecución diaria como desde el seguimiento del equipo.

07 · COMPONENTES Y CRITERIOS UI

Componentes pensados para escalar

Además de las pantallas principales, se trabajaron componentes, estados y patrones visuales para mantener consistencia en la experiencia mobile y facilitar el handoff.

08 · IMPACTO

Resultados

Mayor foco diario
El usuario entiende qué hacer y qué priorizar cada jornada.
Menor carga mental
La app traduce objetivos y señales en acciones más concretas.
Más autonomía
El equipo recibe acompañamiento sin depender de seguimiento constante.
Hábitos sostenibles
Las misiones y desafíos ayudan a construir consistencia en el tiempo.
Modelo escalable
La lógica de señales puede adaptarse a otros equipos o procesos.
09 · EQUIPO Y ROL

Equipo y rol

DV
Daiana de la Vega
Product Designer · UX/UI · Research · IA · UI · Prototipo
GG
Guadalupe Goicochea
Product Designer · UX/UI · Prototipo · UI
BIZ
Stakeholders de negocio
Definición funcional · priorización · validación
DEV
Equipo de desarrollo
Implementación · factibilidad técnica · QA visual
DISCLAIMER

Este caso fue adaptado y anonimizado por confidencialidad. Algunos datos, textos y detalles visuales fueron modificados para proteger la identidad del cliente.

10 · PROTOTIPO FUNCIONAL

Prototipo funcional

El prototipo permite recorrer los principales flujos de la experiencia mobile: home, misiones, desafíos, alertas y progreso.

Abrir en Figma →