Radio Barrio Centenario
Una Radio Comunitaria en el Bolsillo de Cada Vecino
- Rol
- Diseño y desarrollo de producto
- Estudio
- Shape Creative Studio ↗
- Plataformas
- App Android · Admin Console · Player web
- Estado
- En operación · v1.4.0 (beta en Android)
- Escúchala
- radiobarriocentenario.cl ↗
01
Contexto
Radio Barrio Centenario es una radio comunitaria que hoy transmite las 24 horas sobre una plataforma digital propia: una app móvil para los vecinos, un player web y un Admin Console donde el equipo gestiona programas, parrilla, votaciones y avisos. La diseñé y desarrollé de punta a punta a través de Shape Creative Studio, mi estudio.
02
El desafío
Una radio de barrio funciona con voluntarios, poco presupuesto y una audiencia de todas las edades, incluidos adultos mayores. El desafío era llevarla al celular sin perder lo que la hace propia: que los vecinos sientan que la radio es suya. La app debía ser tan simple como encender una radio, y el equipo necesitaba administrar la programación sin depender de un técnico.
La app en uso
Pantallas reales de la versión en operación.
Reproductor en vivo
Una sola acción evidente: escuchar. Portada, canción y artista se actualizan en tiempo real, y el indicador ONLINE confirma que la señal está al aire.
¿Cómo te sientes?
Los oyentes votan su estado de ánimo y la emoción más votada cambia la música en vivo. Participar toma un toque.
Programación
La parrilla por día, con programas recurrentes y excepciones visibles como "solo el 3er martes del mes".
Votaciones vecinales
Propuestas de la comunidad sobre la programación, con quórum mínimo y fecha de cierre a la vista para que cada voto se entienda.
Siempre sonando
Audio en segundo plano con controles nativos en la pantalla de bloqueo y el centro de notificaciones.
Admin Console
El panel con el que el equipo opera la radio día a día. Capturas del entorno de demostración.
Dashboard de control
Lo que está al aire, los oyentes conectados, la salud de los servicios, accesos rápidos y lo que viene en la grilla, en una sola vista.
Estadísticas de audiencia
Oyentes en vivo, evolución de la audiencia, distribución geográfica y minutos escuchados por programa.
Grilla semanal
La parrilla de lunes a domingo en bloques, con lo que suena ahora y lo que viene a continuación.
Programas
El catálogo de programas con su locutor y estado, más los feeds RSS para publicar cada programa como podcast.
Bloques musicales
Las selecciones que salen al aire cuando no hay programa en vivo, con alertas cuando un bloque se queda sin temas.
Motor de emisión
Estado de la transmisión, tiempo al aire y la pista que suena, con la opción de saltar la canción al instante.
Mi acercamiento
Simple como una radio
Partí de quién escucha: vecinos de todas las edades, muchos poco familiarizados con apps. Tipografías grandes, botones amplios y una pantalla principal con una sola acción evidente: escuchar.
Participación sin fricción
La primera versión exploraba gobernanza descentralizada (DAO). En la versión en operación, la participación se simplificó a tres gestos que cualquier vecino entiende:
- Reacciones: "Me gusta" a las canciones y estado de ánimo en vivo.
- Votaciones: propuestas vecinales con quórum y cierre claros.
- Avisos: anuncios del barrio integrados en el menú, sin pantallas extra.
Sistema de Diseño Radio Barrio Centenario
Un lenguaje visual vibrante y comunitario con glassmorphism, pensado para que cualquier vecino pueda escuchar y participar. Mobile-first, construido en React Native.
Tokens de color
Paleta primaria, secundaria y neutros definidos para garantizar contraste y consistencia.
Color de marca principal. Botón de Play, CTAs y elementos de acción primaria
Botones secundarios, fondos de UI y superficies de soporte
Acento de marca. Borde de artwork, highlights y elementos premium
Fondo general de la app (Light Mode)
Superficies de tarjetas y modales
Texto principal, headings y contenido de alta prioridad
Metadatos, subtítulos y texto secundario
Confirmaciones, estados activos e indicador de señal ONLINE
Errores de stream, acciones fallidas y estados críticos
Escala tipográfica
Tipografía principal: System Default (React Native) (UI nativa de la app (iOS/Android))
Componentes y estados
Primitivas interactivas construidas con los tokens de color, radios y jerarquía.
Botones
Campos de formulario
Un ecosistema, tres piezas
Diseñé y desarrollé la plataforma completa, desde la experiencia de usuario hasta la infraestructura.
- App móvil (React Native + Expo): streaming 24/7 con audio en segundo plano, controles nativos, reacciones, votaciones y programación.
- Admin Console (Next.js): el equipo gestiona la grilla semanal, los programas, los bloques musicales, las votaciones y el motor de emisión, y sigue la audiencia en tiempo real.
- Flujo para locutores: suben sus programas grabados desde la web y estos entran a la parrilla.
- Player web: la radio también se escucha desde el navegador en radiobarriocentenario.cl.
Resultados
Incremento de audiencia con la señal digital
Participación histórica en votaciones vecinales
Señal continua en la app y la web
Radio Barrio Centenario dejó de ser un concepto para convertirse en una plataforma en operación. La lección principal: en un producto comunitario, la tecnología funciona cuando desaparece. Lo que queda es la radio del barrio, ahora en el bolsillo de cada vecino.
¿Un reto parecido?
¿Tienes un sistema complejo que necesita claridad?
Conversamos directo y vemos qué conviene atacar primero.