Diseño de IU para una plataforma de aprendizaje financiero
Diseño de una plataforma de aprendizaje financiero para enseñar administración y gestión empresarial, desde el concepto hasta el prototipo.
Equipo
Proyecto individual
Rol
Pasante de Diseño UX/UI
Duración
6 meses
Definición del problema y objetivos
Teníamos un prototipo de baja fidelidad y trabajamos junto con el cliente en el diseño de una plataforma educativa para enseñar administración y gestión de empresas. El desafío aquí es proporcionar a ambos usuarios principales las funciones que requieren y diferenciarnos de otras plataformas.
El cliente quería que el estilo fuera dinámico y amigable sin perder el profesionalismo.
Etapa 1. Investigación y análisis de mercado
Se inició el proyecto con una investigación de mercado exhaustiva, analizando a los competidores e identificando otras plataformas de eLearning. Esta fue una parte clave del inicio, ya que ayudó a comprender los vacíos que otras plataformas no estaban llenando y cómo este proyecto podría proporcionar a los usuarios lo que necesitaban.
Etapa 2. Desarrollo del concepto y diseño de flujo
Lideré la fase de conceptualización, realizando sesiones de lluvia de ideas con el equipo de diseño y el cliente para generar ideas innovadoras alineadas con las necesidades de los usuarios y los objetivos del proyecto. Desarrollé personas de usuario para guiar el proceso de diseño y asegurar un enfoque centrado en el usuario.
Mapeé un diagrama de flujo para las funcionalidades clave de la plataforma, incluyendo una tabla de clasificación, el perfil del usuario, la creación de lecciones y la administración de usuarios. Se priorizó la simplicidad y la intuición en la estructura de navegación para mejorar la participación del usuario.
Usuarios principales
Estudiantes de cualquier origen interesados en aprender sobre finanzas y administración.
Profesores especializados en diferentes áreas de finanzas y/o administración.
Usuarios secundarios
Administradores de la plataforma, encargados de cambiar el tipo de perfil de cada usuario y editar el boletín informativo en la página de inicio de los estudiantes.
Etapa 3. Diseño de interfaz de usuario (UI) y prototipado
El wireframe de baja fidelidad ya había sido diseñado por un diseñador anterior, enfocándose en crear una interfaz atractiva y fácil de usar. Se seleccionó una paleta de colores profesional y atractiva, así como una tipografía que refleja el enfoque educativo y amigable de la plataforma.
Se diseñaron prototipos de alta fidelidad utilizando Figma que mostraban las funciones principales de la plataforma, incluyendo un boletín informativo dinámico en la página de inicio, información detallada de cada usuario para el administrador y un sistema integrado para los profesores para que pudieran crear nuevas materias.
La paleta de colores se inspiró en la propia marca Birlos, y las fuentes se eligieron en función del mensaje que el cliente quería transmitir de que la plataforma fuera divertida y educativa, además de profesional y alineada con la marca de BI.
Fase 4. Iteraciones (para el futuro)
Como todo proyecto, existen puntos de mejora. Este proyecto en particular finalizó una vez que se terminó el prototipo. Esto no significa que no haya puntos que corregir. Algunas observaciones que me gustaría implementar en el futuro son las siguientes:
Diseñar el prototipo para que sea responsivo, ya que actualmente solo está diseñado para computadoras de escritorio.
Mejorar el perfil de los administradores, específicamente la sección donde pueden ver toda la información de cada usuario, gestionando funciones de filtros para hacerlo más eficiente.
Mejorar la sección de la tabla de clasificación del perfil de los estudiantes, ya que carece de opciones para ver más sobre el perfil de otros estudiantes, e incluso añadir la función de darles la opción de chatear o diseñar un espacio donde puedan reaccionar a los logros de otros estudiantes y comentar en sus tareas.
Otros proyectos
Atajo de acceso por teclado
Como pasante de diseño de UX en Oracle, tuve la oportunidad de abordar un problema complejo de múltiples usuarios, al mismo tiempo que contaba con la flexibilidad de explorar soluciones bien pensadas que equilibraban el sistema de diseño de Redwood con mi propio enfoque creativo.
Aplicación Runi Carpool
A través de una aplicación, ofreceremos a la red universitaria la oportunidad de organizar viajes compartidos, satisfaciendo así las necesidades de la comunidad universitaria.
Rieles de Esperanza
Rieles de Esperanza es una campaña de activismo social creada por Studio Boqui para concientizar sobre las experiencias de los migrantes que viajan por México a bordo de La Bestia.
Sitio web responsivo de WordPress para un club de golf
Diseñar la experiencia que ofrece este club de golf a través de un sitio web alineado con su marca.