UX empresarial Plataformas internas Flujos de trabajo operativos Design System Flujo de trabajo asistido por IA Bajo NDA

Coca-Cola FEMSA — KOF

Diseño de experiencias empresariales internas que dan claridad a flujos de trabajo operativos complejos.

Contribuí en plataformas empresariales internas para Coca-Cola FEMSA, diseñando soluciones de UX para flujos de trabajo operativos y de negocio dentro de un ecosistema de producto complejo. Mi trabajo se centró en entender la lógica de negocio, estructurar flujos, crear prototipos, alinearme con los equipos técnicos, validar con usuarios funcionales, y usar flujos de trabajo asistidos por IA para explorar soluciones visuales más rápido, siempre manteniéndome anclada en el Design System de KOF.

Empresa

Industria

Empresarial / Operaciones / Bienes de consumo

Rol

Product Designer / UX Designer

Tipo de producto

Plataformas empresariales internas / Herramientas operativas

Duración

Jan 2025 – 29 Jun 2026

Equipo

UX, Business Analysts, Tech Leads, Developers, Usuarios funcionales, Stakeholders del cliente

Métodos

Discovery, Benchmarking, Arquitectura de información, User Flows, Wireframes, Prototyping, Validación, Design System, Handoff

Herramientas

Figma, FigJam, Gemini, Figma Make, Jira / Confluence

Estado

Iniciativas de diseño entregadas / Bajo NDA

Algunas partes de este proyecto están bajo NDA, así que muestro una versión curada del proceso, los artefactos y los resultados. Las pantallas de producto, la lógica operativa, las reglas de negocio, los flujos de trabajo internos y la documentación del cliente que son sensibles fueron difuminados o simplificados, manteniendo claras las decisiones de diseño, la metodología y mi rol. Con gusto puedo compartir más detalle de forma privada durante una entrevista o revisión de portafolio.

Los detalles sensibles del producto y de las operaciones fueron difuminados o simplificados para proteger información confidencial del negocio.

Contexto

Coca-Cola FEMSA necesitaba soporte de UX para plataformas empresariales internas usadas para gestionar flujos de trabajo operativos y de negocio a lo largo de un ecosistema complejo. Estas iniciativas requerían traducir reglas de negocio, necesidades de usuario, restricciones técnicas y estándares del Design System en experiencias digitales claras y escalables.

Trabajé en distintas iniciativas como Cockpit AdminPanel, MRK cell, Geofencing / Geocerca, Sales Leader Profile y Command Center Image Bank. Cada iniciativa tenía su propia lógica, stakeholders y complejidad operativa, pero todas requerían la misma base: claridad, consistencia, validación y decisiones de UX listas para desarrollo.

Por qué importaba

Diseñar las pantallas era el 20% fácil. El verdadero trabajo era entender cómo los usuarios internos realmente resuelven sus tareas, cómo se comportan los procesos de negocio debajo de la interfaz, y convertir ese conjunto de requerimientos en flujos que la gente pudiera seguir, validar, construir y eventualmente escalar.

Mi rol

Trabajé como Product Designer / UX Designer, contribuyendo a la definición de UX, el entendimiento del producto, la arquitectura de información, los flujos de interacción, la creación de prototipos, la validación y el handoff dentro de un ecosistema empresarial más amplio. Mi rol conectaba las necesidades de negocio, las expectativas de los usuarios funcionales, la viabilidad técnica y la consistencia del Design System.

Diseñé soluciones de UX para plataformas empresariales internas y flujos de trabajo operativos.
Trabajé en iniciativas como Cockpit AdminPanel, MRK cell, Geofencing / Geocerca, Sales Leader Profile y Command Center Image Bank.
Traduje requerimientos de negocio en user flows, wireframes, prototipos y documentación.
Colaboré con Business Analysts, Tech Leads, developers, stakeholders y usuarios funcionales.
Diseñé soluciones alineadas con el Design System de KOF para mantener consistencia y escalabilidad.
Realicé sesiones de validación con usuarios funcionales y equipos técnicos para reducir la ambigüedad antes del handoff.
Usé Gemini y Figma Make para explorar alternativas de visualización y acelerar la ideación basada en contexto.
Reconstruí las soluciones finales usando componentes existentes del Design System o nuevas estructuras basadas en sus fundamentos atómicos.

El reto

El principal reto era diseñar soluciones de UX claras y escalables para plataformas internas donde la complejidad vivía detrás de la interfaz: reglas de negocio, flujos de trabajo operativos, permisos de usuario, restricciones técnicas y expectativas de múltiples stakeholders.

Reto de usuario: los usuarios funcionales necesitaban herramientas que les ayudaran a completar tareas operativas con claridad, confianza y menor carga cognitiva.
Reto de negocio: KOF necesitaba plataformas internas capaces de soportar flujos de trabajo operativos y de negocio complejos, manteniendo consistencia, escalabilidad y disposición para desarrollo.
Reto de diseño: el trabajo de UX requería entender lógica compleja rápidamente, alinearse con múltiples roles, validar supuestos y diseñar dentro de un Design System existente sin perder flexibilidad.

Problem statement

¿Cómo podemos ayudar a los usuarios funcionales a completar flujos de trabajo operativos complejos a través de herramientas internas más claras, dando soporte a la lógica de negocio, la viabilidad técnica y la consistencia del Design System?

Objetivos y criterios de éxito

Objetivos de usuario

Ayudar a los usuarios funcionales a entender y completar flujos de trabajo operativos con más claridad.
Reducir la confusión causada por lógica de negocio compleja o información fragmentada.
Mejorar la confianza al interactuar con herramientas empresariales internas.

Objetivos de negocio

Dar soporte a los flujos de trabajo operativos y de negocio internos a través de soluciones de UX escalables.
Reducir la ambigüedad antes del desarrollo.
Alinear las decisiones de UX con las reglas de negocio, las necesidades de los stakeholders y las prioridades de producto.
Mantener consistencia a lo largo del ecosistema interno de KOF.

Objetivos de diseño

Crear user flows, wireframes, prototipos y documentación claros.
Usar el Design System existente para dar soporte a la consistencia y la escalabilidad.
Validar las soluciones propuestas con usuarios funcionales y equipos técnicos.
Usar flujos de trabajo asistidos por IA para explorar alternativas más rápido sin reemplazar el criterio de UX.

Proceso

Descubrir Definir Desarrollar Entregar

01 — Descubrir

Entender la lógica de negocio antes de diseñar la interfaz

Empecé cada iniciativa entendiendo el contexto de negocio, el flujo de trabajo operativo, los usuarios involucrados y las restricciones detrás de la solicitud. En UX empresarial, la interfaz es solo la capa visible; el verdadero reto es entender la lógica detrás de cada decisión.

Revisé requerimientos de negocio, user stories y documentación disponible.
Aclaré el propósito de cada iniciativa junto con Business Analysts y stakeholders.
Identifiqué roles de usuario, necesidades operativas, dependencias y restricciones técnicas.
Mapeé flujos actuales o esperados para entender cómo debía comportarse la experiencia.
Usé benchmarks y referencias cuando el equipo necesitaba visualización o alineación temprana.
Identifiqué supuestos que necesitaban validación antes del diseño detallado.

Cómo usé la IA

Usé Gemini para organizar el contexto del caso, las necesidades de usuario, el problema de negocio, los stakeholders, el proceso y los archivos disponibles. Esto me ayudó a crear prompts más precisos para Figma Make y explorar alternativas de visualización temprana más rápido. Las decisiones finales se mantuvieron ancladas en criterios de UX, feedback de stakeholders, restricciones de producto y el Design System de KOF.

Estructura de discovery usada para alinear la lógica de negocio, las necesidades de usuario y las restricciones técnicas antes de diseñar la interfaz.

02 — Definir

Convertir requerimientos complejos en una dirección de UX clara

Después de entender el contexto, traduje los requerimientos en una dirección de UX más clara. Esto ayudó a alinear a UX, BA, equipos técnicos y stakeholders antes de pasar al diseño detallado, especialmente cuando la funcionalidad necesitaba visualización temprana o la lógica era difícil de entender solo a través de requerimientos escritos.

Sinteticé los requerimientos en user flows y lógica de interacción.
Definí la arquitectura de información y la estructura de pantallas para cada iniciativa.
Identifiqué qué partes del flujo requerían validación con usuarios funcionales.
Prioricé la claridad, la consistencia y la disposición para desarrollo.
Alineé la dirección de UX con las expectativas de BA, tech y stakeholders.
Usé flujos en FigJam y exploraciones conceptuales para aclarar la lógica del producto antes de la ejecución final.

Cómo usé la IA

Usé Gemini para transformar el contexto del proyecto en prompts estructurados para Figma Make. La IA ayudó a generar ideas de visualización, pero usé esos resultados solo como exploración. La dirección de UX final se reconstruyó con mi propio criterio de diseño, el feedback de los stakeholders y los componentes del Design System de KOF.

User flow usado para alinear la lógica del producto y reducir la ambigüedad antes de pasar a wireframes y prototipos.

03 — Desarrollar

Explorar soluciones con consistencia de Design System

Una vez que la dirección de UX estaba clara, exploré estructuras de interfaz, flujos y prototipos. El objetivo era diseñar soluciones comprensibles para los usuarios, realistas para desarrollo y consistentes con el ecosistema más amplio de KOF.

Creé wireframes y prototipos para iniciativas de plataformas internas.
Exploré distintas formas de estructurar información, acciones, filtros, estados y datos operativos.
Usé componentes del Design System de KOF para mantener consistencia visual y funcional.
Construí nuevas estructuras cuando fue necesario, usando los fundamentos atómicos del sistema existente.
Iteré con base en el feedback de BA, equipos técnicos, stakeholders y usuarios funcionales.
Equilibré la complejidad de negocio con la usabilidad y la viabilidad de implementación.

Cómo usé la IA

Usé Figma Make como acelerador de ideación después de preparar prompts con Gemini. Las exploraciones generadas me ayudaron a ver posibles estructuras rápidamente, pero no las usé como diseño final. Reconstruí las soluciones finales usando los componentes de KOF, criterios de UX, consideraciones de accesibilidad y el feedback del equipo.

Exploración de wireframes usada para probar estructura, jerarquía y alineación con el Design System antes del handoff detallado.

Exploración asistida por IA usada como punto de partida, luego reconstruida con el Design System de KOF y criterios de decisión de UX.

04 — Entregar

Validar y entregar soluciones de UX listas para desarrollo

El trabajo final tradujo lógica de negocio compleja en artefactos de UX claros, listos para validación y alineación con desarrollo. Documenté flujos, prototipos, rationale de diseño y decisiones de interacción para que el equipo pudiera reducir la ambigüedad antes de la implementación.

Entregué user flows, wireframes, prototipos y documentación de UX.
Validé las soluciones propuestas con usuarios funcionales y equipos técnicos.
Preparé material de handoff para developers y equipos de producto.
Documenté el rationale de diseño, los estados, las interacciones y las reglas de negocio importantes.
Di soporte a la alineación entre UX, BA, tech y stakeholders antes del desarrollo.
Ayudé a mantener consistencia entre las herramientas internas aplicando los estándares del Design System.

Cómo usé la IA

Usé IA para dar soporte a la velocidad durante la exploración y la documentación, pero no para reemplazar la toma de decisiones. El handoff final se sustentó en flujos validados, consistencia del Design System, viabilidad técnica y feedback de los usuarios funcionales.

Documentación de handoff creada para reducir la ambigüedad y dar soporte a la disposición para desarrollo.

Antes / después

Antes

Los requerimientos complejos y la lógica operativa podían ser difíciles de entender solo a través de la documentación, creando ambigüedad entre UX, BA, equipos técnicos, stakeholders y usuarios funcionales.

Después

El trabajo tradujo la lógica de negocio en flujos más claros, prototipos, artefactos de validación y soluciones alineadas con el Design System que mejoraron el entendimiento compartido antes del desarrollo.

Solución final

El trabajo final se centró en tres mejoras principales de la experiencia:

Flujos operativos más claros

Traduje lógica de negocio compleja en user flows y prototipos que ayudaron a los equipos a entender cómo debía comportarse cada experiencia antes del desarrollo.

Soluciones alineadas con el Design System

Usé el Design System de KOF para crear experiencias consistentes y escalables en las herramientas internas, adaptando o extendiendo estructuras solo cuando la lógica del producto lo requería.

Ideación asistida por IA con control de UX

Usé Gemini y Figma Make para acelerar la visualización temprana, y luego reconstruí las soluciones finales a través del criterio de UX, el feedback de los stakeholders y los componentes del Design System.

Impacto y resultados

Valor para el usuario

Los usuarios funcionales recibieron experiencias internas más claras, diseñadas alrededor de los flujos de trabajo operativos y las necesidades de validación.

Valor para el negocio

Di soporte a iniciativas internas de negocio y operativas, traduciendo lógica compleja en soluciones de UX accionables.

Valor para el equipo / proceso

Reduje la ambigüedad entre UX, BA, equipos técnicos y stakeholders antes del desarrollo.

Valor para el producto / sistema

Mantuve consistencia entre las herramientas internas diseñando con el Design System de KOF y patrones de interacción escalables.

Obstáculos y trade-offs

Este proyecto requirió trade-offs constantes entre la complejidad de negocio, la claridad para el usuario, la viabilidad técnica y las restricciones del Design System. En UX empresarial, el reto no era simplificar demasiado el negocio, sino hacer el flujo de trabajo comprensible sin perder precisión operativa.

Entender la lógica de negocio y operativa compleja rápidamente.
Trabajar con alcance cambiante, requerimientos en evolución y prioridades que se movían.
Equilibrar la consistencia del Design System con necesidades específicas de cada funcionalidad.
Alinear las decisiones de UX con BA, tech, developers, stakeholders y usuarios funcionales.
Diseñar para flujos de trabajo internos donde los usuarios, las reglas y los permisos pueden variar.
Crear documentación de handoff clara para desarrollo.
Usar la IA como acelerador sin permitir que dirigiera las decisiones finales de UX.

Qué aprendí

Este proyecto reforzó algo que ya sospechaba sobre el UX empresarial: hacer que las herramientas internas se vean más limpias es la parte fácil. La verdadera habilidad está en entender la lógica de negocio lo suficientemente a fondo como para hacerla usable, escalable y construible.

Aprendí a moverme más rápido en contextos empresariales complejos sin saltarme el rigor de UX.
Fortalecí mi capacidad para traducir requerimientos de negocio en flujos y prototipos claros.
Mejoré la forma en que valido soluciones con usuarios funcionales y equipos técnicos.
Aprendí a usar la IA como compañera de exploración manteniendo el criterio de UX en el centro.
Confirmé que los Design Systems son más valiosos cuando dan soporte a la consistencia sin bloquear la lógica del producto.
Fortalecí mi capacidad para colaborar con BA, tech y stakeholders en entornos de entrega complejos.

Lo que los líderes dijeron sobre mi trabajo

Stephanie demostró un alto nivel de compromiso, profesionalismo y responsabilidad, contribuyendo en investigación, arquitectura de información, definición de experiencia, user flows, benchmarking, prototipado y validación.

Diana Castillo Vargas

Mantuvo una comunicación efectiva con los stakeholders y colaboró activamente con equipos multidisciplinarios, aportando una perspectiva centrada en el usuario para mejorar la experiencia del producto.

Diana Castillo Vargas

KOF es probablemente el ejemplo más claro de cómo trabajo en un entorno empresarial que todavía estoy aprendiendo a dominar: meterme debajo de la interfaz para entender la lógica de negocio, usar la IA donde realmente ayuda a acelerar la exploración, y convertir lo que empieza como ambigüedad en decisiones que el equipo puede validar y construir.

Stephanie Cacheo — Senior UX Designer