Este trabajo presenta el prototipo funcional del módulo de audiovisuales del sistema de información de recursos educativos – SIARE a través del rediseño de su arquitectura, tecnologías y técnicas, enfocadas a la experiencia de usuario. El rediseño del módulo de audiovisuales se realizó basado en el concepto de Mobile First [1] de Luke Wroblewski, en donde se consideró un nuevo diseño adaptativo, además de mejoras en la usabilidad como prevención de errores, mejor navegación, utilidad, facilidad de aprender y tiempos de respuesta, que permitiera enriquecer la experiencia del usuario. Adicionalmente, para la implementación de del nuevo diseño se concibió el cambio de arquitectura de ASP.NET webforms a ASP.Net MVC 5, el cual es un framework compatible con Visual Studio 2013 en adelante (Herramienta utilizada para el desarrollo). El desarrollo del proyecto se llevó a cabo a través de cinco fases: 1) Fase inicial: Fase de análisis, evaluación de estado previo de la aplicación con respecto a usabilidad y definición de requisitos, 2) Primer tema, 3) Segundo tema, 4) Tercer tema: Para las fases 2, 3 y 4, se realizaron actividades de planeación, implementación, pruebas y documentación del proceso y 5) Fase final: Fase de recolección de datos, evaluación comparativa y generación de productos finales (Código fuente y documentación).