Radio Barrio Centenario

Contexto

Transformación digital de una radio comunitaria histórica mediante tecnologías Web3 y streaming híbrido, permitiendo la gobernanza descentralizada.

El desafío

La Radio Barrio Centenario enfrentaba un estancamiento generacional y tecnológico. Su modelo tradicional limitaba su alcance, y la toma de decisiones estaba centralizada. El desafío no era solo digitalizar la señal, sino democratizar la propiedad y la gestión del medio, transformando a los oyentes pasivos en miembros activos con voz y voto.

Sistema de Diseño Radio DAO

Un lenguaje visual vibrante y comunitario con glassmorphism, diseñado para empoderar a las radioemisoras locales en el ecosistema Web3. Mobile-first, construido en React Native.

Color Palette

The primary, secondary, and grayscale colors defining the visual identity.

Pink

HEX #F1619B RGB 241, 97, 155

Color de marca principal. Botón de Play, CTAs y elementos de acción primaria

Light Grey

HEX #E9ECEF RGB 233, 236, 239

Botones secundarios, fondos de UI y superficies de soporte

Gold

HEX #FFC809 RGB 255, 200, 9

Acento de marca. Borde de artwork, highlights y elementos premium

Background

HEX #F8F9FA RGB 248, 249, 250

Fondo general de la app (Light Mode)

Card

HEX #FFFFFF RGB 255, 255, 255

Superficies de tarjetas y modales

Text

HEX #212529 RGB 33, 37, 41

Texto principal, headings y contenido de alta prioridad

Text Muted

HEX #6C757D RGB 108, 117, 125

Metadatos, subtítulos y texto secundario

Success

HEX #4CAF50 RGB 76, 175, 80

Confirmaciones, estados activos y conexión Web3 establecida

Error

HEX #F44336 RGB 244, 67, 54

Errores de stream, transacciones fallidas y estados críticos

Typography

Primary Typeface: System Default (React Native) (UI nativa de la app (iOS/Android))

H1 32px / 900 Títulos de pantalla y estaciones

The quick brown fox jumps over the lazy dog

H2 24px / 800 Subtítulos de secciones y nombres de tracks

The quick brown fox jumps over the lazy dog

Body 16px / 500 Contenido general, descripciones y listas

The quick brown fox jumps over the lazy dog

Caption 12px / 400 Timestamps, metadatos y etiquetas de DAO

The quick brown fox jumps over the lazy dog

UI Components

Interactive elements utilizing the design tokens (Colors, Typography, Border Radius).

Buttons

Default

Hover (simulated)

Active (simulated)

Form Inputs

Default State

Focus State (simulated)

Error State (simulated) Please enter a valid email address.

Mi acercamiento

Descubrimiento e inspiración

Inicié con una inmersión profunda en la comunidad. Descubrí que la identidad debía evocar calidez y tradición, pero la infraestructura debía ser radicalmente moderna. Inspiración en la fusión de lo "analógico" y lo "digital".

Definición de experiencia

Diseñé una arquitectura centrada en tres pilares, haciendo invisible la complejidad Web3:

Gobernanza (DAO): Sistema de votación simplificado con tokens.
Streaming Híbrido: Audio de baja latencia y podcasting on-demand.
Comunidad Viva: Espacios de interacción en tiempo real integrados.

Implementación técnica

Lideré el diseño de un ecosistema multiplataforma.

Streaming: Protocolos Icecast optimizados.
Web3 Invisible: Autenticación via Account Abstraction.
Apps Nativas: Web App, iOS y Android consistentes.

Resultados transformadores

300%

Incremento en audiencia global

Récord

Participación histórica en votación DAO

Este proyecto demostró que la tecnología descentralizada es una herramienta poderosa para la innovación social. Logramos tejer lazos comunitarios más fuertes a través de bits y ondas.