CMS SaaS Inteligente con IA

Fecha
2024 – Actualidad

Participación
Research
Workflow
Wireframes
Diseño
Prototipado

Tecnología
Back PHP (Laravel)
Front VueJS
Diseño y prototipado con Figma
Documentación en Confluence

Una forma innovadora de gestionar contenidos automatizada.

Caso de estudio

Product designer de aplicación web para la gestión y optimización de contenido y de todos los productos ofertados en portales de formación online con ayuda de la inteligencia artificial para conexión de datos entre diferentes departamentos y mejorar los procesos de negocio.

El desafio

Proyecto para el diseño de una aplicación enfocada en optimizar el posicionamiento orgánico de portales web en motores de búsqueda ayudando a impulsar el valor empresarial al centralizar y conectar datos y automatizar procesos.

En este proyecto, colaboramos estrechamente el Product Trio (Tech Lead y Project Manager) en la definición de objetivos, análisis de requisitos y elaboración de documentación. Mi papel es actuar como el puente entre las necesidades de los usuarios, los objetivos de negocio y las capacidades tecnológicas para crear productos funcionales, atractivos y efectivos.

Vista de workflow de la app.

La solución

La respuesta a esta petición la trabajamos en conjunto con los Tech Lead y la Product Manager, diseñando un plan de ejecución progresiva. Estableciendo prioridades y ofreciendo soluciones en desarrollos con publicaciones progresivas.

Para lograrlo y entre mis responsabilidades esta:

  • Investigación de los usuarios.
  • Definición de la experiencia: estructuración de la información, workflows, diseño de la navegación.
  • Creación de wireframes.
  • Diseño visual de interfaz y prototipado aprovechando mi experiencia en UX/UI para garantizar experiencias de usuario optimizadas y efectivas.
  • Testing y revisión para realizar ajustes y garantizar la coherencia entre el diseño y la implementación técnica.
  • Análisis de métricas.
  • Documentación.
Vista de diagrama de flujo mobile

Esta es una aplicación en línea por lo que había que cuidar un diseño responsive, adaptado a cualquier resolución y dispositivo.

Narrativa

Se tiene que tener en cuenta que los usuarios serían trabajadores de un mismo grupo empresarial con diferentes roles asignados y por lo tanto con diferentes permisos para acceder a cada una de las funcionalidades.

Proporcionar una comunicación adecuada y medida es fundamental para que los usuarios puedan hacer un adecuado uso de la aplicación y puedan sacar el mejor rendimiento a sus funcionalidades. Es por ello que se tiene en cuenta presentar las nuevas funcionalidades de manera clara, atractiva y orientada a los beneficios para el usuario. Un buen anuncio debe resaltar cómo esta novedad mejorará la experiencia del usuario, ser visualmente llamativo y estar alineado con el tono de comunicación de la herramienta y la marca.

Estas comunicaciones serían visibles para aquellos roles que tuvieran acceso a las novedades. También se harían estos anuncios para miembros del Board.

Vistas de la narrativa de la aplicación al incorporar una nueva funcionalidad

Proceso de trabajo

Análisis

Este es un proyecto que recoge muchas funcionalidades y que está en producción y que sigue creciendo y añadiendo nuevas iteraciones. Además el proyecto tiene muchas dependencias a tener en cuenta.
Se desglosa en varias vías de trabajo, es por ello que es imprescindible tener en cuenta la procedencia de la información para unificarla, trabajar con datos reales y tener en cuenta los pains de sus usuarios para seguir constituyendo y mejorando cada iteración.

Ejemplo de esquema de datos en fase de análisis

Journey Map

Para realizar sintetizar los datos con los que contamos, así como para poder analizar la experiencia de nuestros usuarios con la app se ponen en marcha diferentes estrategias con las que poder extraer conclusiones, tomar decisiones y priorizar los desarrollos.

Ejemplo vista Journey Map

Solución de diseño

Al final todas las conclusiones son materializadas en una solución de diseño o propuesta en forma de prototipo interactivo que se trabaja y se revisa con el Tech Lead y el Product Manager. Así aseguramos que esta es una propuesta viable y podemos determinar los esfuerzos.

mockup eduseo
Vista de la gestión de profesionales de la app