Idartes — Net-Radio UX & Módulo JS

Situación Inicial / Problema

El Instituto Distrital de las Artes (Idartes), Bogotá, opera una plataforma municipal de net-radio (CK:WEB) como parte de la red cultural. Los contenidos existentes y un índice de proyectos y formatos audiovisuales debían hacerse accesibles al usuario, reproducibles e integrados en la presencia web — sin una UX coherente ni un módulo frontend unificado para navegador y reproductor.

Mi Rol / Contribución

Diseño UX y Desarrollo Frontend en el marco del Convenio Idartes (incluida la Fundación G3):

Análisis de la estructura existente de CK:WEB y de la tabla/base de datos para el índice de proyectos
Concepción y wireframes para una interfaz de navegación para explorar los contenidos
Concepción e implementación de un módulo reproductor para la reproducción de contenidos
Desarrollo de un sistema de indexación y consulta para proyectos/contenidos basado en datos existentes
Integración de las interfaces en el sitio global y validación con el equipo de proyecto

Solución / Resultado

Módulo UX y JS integrado para la plataforma de net-radio:

Interfaz de navegación y exploración amigable para el usuario para recorrer los contenidos sonoros/audiovisuales
Reproductor con controles y lógica de reproducción adaptados al proyecto
Indexación de proyectos desde la tabla/base de datos existente con organización, búsqueda y reproducción directa de los contenidos relacionados
Integración en el sitio CK:WEB y validación en colaboración con el equipo de proyecto

Impacto / Valor Añadido

Acceso: Acceso ágil a los contenidos de CK:WEB y al índice de proyectos y colaboraciones
Estructura: Separación clara de navegación, reproductor e índice — extensible para otros formatos
Cultura & Tecnología: Fortalecimiento de la interfaz entre el fomento cultural municipal (Idartes/Bogotá) y la tecnología web utilizable
Referencia de Proyecto Internacional: Referencia para instituciones culturales públicas y proyectos de net-radio/plataforma

Rol

Diseñador UX · Desarrollo Frontend · Concepto

Habilidades

JavaScript · Diseño UX · Interfaces de Reproductor · Navegación · Indexación · Navegador de Contenidos · Integración de Base de Datos · Análisis de Requerimientos · Wireframes · Integración

Idartes — Net-Radio UX & Módulo JS