Ver prototipo
Asistente IA · pantalla de conversación Asistente IA · pantalla principal
// caso de estudio · app mobile
Asistente para Comité Directivo

Asistente ejecutivo con IA

Producto mobile B2B para consultar documentación corporativa y obtener respuestas contextualizadas mediante IA conversacional.

Rol · Product Designer / UX/UI Plataforma · Mobile Stack · Figma + React Native Paper / Material 3 2026
01 · CONTEXTO

El contexto

El producto fue diseñado para un Comité Directivo que necesitaba consultar información corporativa de forma rápida y centralizada. El desafío era transformar documentación extensa en respuestas claras y contextualizadas mediante IA conversacional.

01 · Documentación
Información corporativa disponible y centralizada
Informe_operativo_anual PDF
Plan_estratégico_2027 PDF
Métricas_Q1 XLS
02 · Definir fuente
El ejecutivo selecciona qué información quiere consultar
Todos los documentos
Solo aprobados
Informe operativo anual
03 · Consultar
Realiza una pregunta en lenguaje natural
Sugeridas
Crecimiento Q1 Nuevos mercados
¿Cuál fue el crecimiento en Q1?
04 · IA + contexto
La IA procesa la consulta utilizando las fuentes seleccionadas
Informe.pdf Plan.pdf
IA analizando
05 · Respuesta
Obtiene una respuesta contextualizada y puede revisar las fuentes
FUENTE Informe_operativo · pág. 12
02 · PROBLEMA

La información estaba disponible, pero acceder a ella seguía siendo lento.

La documentación corporativa crecía, pero acceder a información relevante seguía requiriendo tiempo y esfuerzo.

Información dispersa
La información relevante estaba distribuida entre múltiples documentos.
Búsqueda poco eficiente
Encontrar un dato específico implicaba localizar y revisar manualmente los archivos.
Documentos extensos
El volumen de contenido dificultaba acceder rápidamente a información puntual.
Alta carga cognitiva
El usuario debía buscar, leer e interpretar la información antes de poder utilizarla.
Necesidad de contexto
Una respuesta debía poder relacionarse claramente con la documentación consultada.
Uso ejecutivo y mobile
La experiencia debía permitir consultas rápidas, claras y de baja fricción desde dispositivos móviles.
03 · OBJETIVO

Qué buscaba resolver

Necesitaba diseñar una experiencia mobile que permitiera consultar información corporativa de forma rápida, clara y contextualizada mediante IA.

01 · SIMPLIFICAR
Acceso rápido
Reducir el esfuerzo necesario para encontrar información relevante.
02 · CONTEXTUALIZAR
Fuentes claras
Permitir definir sobre qué documentación realizar cada consulta.
03 · CONVERSAR
Consultas naturales
Transformar la búsqueda de información en una interacción simple con IA.
04 · DAR CONFIANZA
Respuestas trazables
Mantener visible el vínculo entre las respuestas y sus fuentes.
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 desde el home de la app.
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
Home punto de entrada
Nueva consulta
Iniciar una interacción con IA.
Definir fuente
Todos los documentos, período o documento específico.
Consultas destacadas
Acceso a consultas sugeridas.
Consultas recientes
Retomar conversaciones anteriores.
Perfil
Sesión y preferencias.
Flujos clave
FLUJO 1Nueva consulta
Home→Definir fuente→Escribir consulta→Respuesta IA
FLUJO 2Documento específico
Definir fuente→Buscar documento→Seleccionar→Consultar
FLUJO 3Retomar consulta
Home→Consultas recientes→Abrir conversación
Wireframes
Wireframe — acceso
Wireframe — inicio
Wireframe — respuesta IA
Wireframe — fuente
05 · SISTEMA DISEÑADO

Un sistema de consultas, contexto y fuentes.

La experiencia se diseñó para convertir documentación corporativa en información accesible mediante consultas simples, manteniendo siempre visible el contexto utilizado por la IA.

Consultas
Permiten preguntar en lenguaje natural sobre información corporativa.
Fuentes
Permiten definir sobre qué documentación se realiza cada consulta.
Respuestas IA
Sintetizan información relevante a partir del contexto seleccionado.
Trazabilidad
Permite identificar y consultar las fuentes utilizadas en cada respuesta.
Historial
Facilita recuperar consultas anteriores y volver a información relevante.
06 · SOLUCIÓN VISUAL

Una experiencia simple para consultar información compleja.

La interfaz prioriza claridad, baja fricción y contexto visible para que los usuarios puedan consultar información corporativa sin necesidad de recorrer manualmente la documentación.

BLOQUE 1 Inicio y consultas

Todo empieza desde un mismo lugar. Nueva consulta, fuente activa y accesos a consultas destacadas y recientes.

BLOQUE 2 Selección de fuentes

Definir el contexto antes de preguntar. El usuario puede consultar todos los documentos, filtrar por período o seleccionar una fuente específica.

BLOQUE 3 Conversación con IA

Preguntar como en una conversación. Una interfaz simple permite consultar información y seguir el proceso de generación de la respuesta.

BLOQUE 4 Fuentes y trazabilidad

Entender de dónde viene la respuesta. Las fuentes utilizadas permanecen accesibles para aportar contexto y respaldo a la información.

07 · COMPONENTES Y CRITERIOS UI

Una interfaz consistente, escalable y preparada para desarrollo.

La interfaz se construyó sobre componentes reutilizables y patrones consistentes, contemplando los distintos estados necesarios para una experiencia mobile clara y predecible.

Sistema de componentes: botones, cards y campos de consulta con sus estados
Consistencia
Patrones de interacción reutilizables.
Estados
Variantes para loading, error, disabled y feedback.
Mobile-first
Componentes y jerarquías optimizados para interacción mobile.
Handoff
Componentes definidos para facilitar implementación y escalabilidad.
08 · IMPACTO

Información más accesible para decisiones más ágiles.

Una experiencia diseñada para reducir la fricción al consultar información corporativa.

Búsqueda más ágil
Acceso directo a información relevante.
Menor carga cognitiva
Síntesis de información extensa.
Mayor contexto
Respuestas vinculadas a sus fuentes.
Acceso mobile
Consultas rápidas desde cualquier lugar.
09 · EQUIPO Y ROL

Equipo y rol

DV
Daiana de la Vega
Product Designer · UX/UI · Arquitectura de información · Flujos conversacionales · Componentes · Prototipo y handoff
PM
Producto / Project Management
Definición funcional · Alcance · Priorización
BIZ
Stakeholders de negocio
Necesidades de negocio · Validación · Feedback
DEV
Equipo de desarrollo
Implementación · Factibilidad técnica · QA visual
DISCLAIMER

El caso utiliza branding, colores, nombres y contenido ficticio/adaptado para proteger información confidencial del cliente.

10 · PROTOTIPO FUNCIONAL

Prototipo funcional

El prototipo permite recorrer los principales flujos de la experiencia: nueva consulta, selección de fuente, respuesta de la IA y revisión de las fuentes citadas.

Abrir en Figma →