Atenas FM

Sitio, panel de gestión del contenido y de los anuncios, y app para iOS y Android, sobre una base de datos única.

Verlo en vivo: atenasfm.com.br
Área
Sitio, panel y app
Sector
Radio
Qué hicimos
Sitio institucional y de noticias · Panel administrativo · App iOS y Android · Sistema de anuncios · Migración del sitio anterior
Dónde funciona
WebiOSAndroid
Tecnologías
Next.jsReactTypeScriptFlutterSwiftSupabaseFirebaseVercel
Cuándo
septiembre de 2026

01 Qué estaba pasando

Atenas FM 105,3, de Alfenas, vive de la noticia nueva y del patrocinador en el aire, y operaba sobre un sitio simple, sin estructura para sostener ninguno de los dos. Un primer intento de reutilizar una plataforma lista se trabó en sus límites, y se decidió rehacer la base.

Diseñamos la plataforma como un solo sistema: una capa de datos central, con APIs de consulta que conectan sitio, panel y app a la misma fuente, de modo que lo que el equipo publica aparece en los tres a la vez, sin retrabajo y sin divergencia.

02 Qué había que cambiar

El contenido fresco tenía que salir al aire en segundos y cargar rápido, porque el lector que espera se va.

El equipo tenía que operar todo solo, desde un panel pensado para la rutina de redacción, sin depender de soporte técnico para publicar o cambiar un anuncio.

El patrocinio es ingreso, así que cada anuncio tenía que ocupar la posición contratada, entrar y salir del aire en el período acordado, y no depender de que alguien se acordara de encenderlo y apagarlo.

Sitio, panel y app no podían convertirse en tres verdades distintas. Un cambio tenía que reflejarse en los tres a la vez, y cada contacto llegado por el sitio tenía que llegar al equipo al instante.

03 Qué entregamos

Sitio de noticias con renderizado y caché pensados para velocidad y retención del lector, panel de gestión de noticias, programación y medios, motor de anuncios por posición, período y estado, app para iOS y Android, capa de APIs de consulta que integra las bases de datos, notificaciones en tiempo real para el equipo, métricas de audiencia dentro del panel, migración del dominio con redirecciones.

04 Cómo se hizo

Sitio

Construimos el sitio para la velocidad y para retener al lector: las páginas se generan y se sirven desde caché y se renuevan solas en cuanto el panel publica, así que la noticia nueva aparece sin recargar todo el sistema. El acceso a los datos ocurre solo en el servidor, nunca expuesto al navegador, y la medición de audiencia solo se habilita con el consentimiento del visitante.

La identidad sigue la de la radio: azul y rojo, la radio de madera en 3D en la apertura y el reproductor siempre a mano, para que escuchar siga a un toque mientras se lee.

Panel de gestión

Una aplicación propia, separada del sitio, con login propio. El equipo gestiona noticias, programación, medios y anuncios en un solo lugar. El anuncio se registra una vez, con su posición y su ventana de publicación. El panel resuelve su estado (activo, programado, finalizado) y avisa al sitio para que se actualice, y así el cambio vale al instante.

Cada contacto recibido por el sitio se enruta como notificación en el panel y en el celular de los administradores, y los números de audiencia se leen de vuelta dentro del panel, para que el equipo decida sin salir de él.

App

App para iOS y Android a partir de una única base de código, leyendo de la misma fuente de datos que el sitio. Tiene inicio con titular y últimas noticias, grilla de programación, lectura de la nota con opción de escucharla en voz alta y el reproductor de la radio fijo en pantalla. Los anuncios entran en el mismo molde de los ítems de cada lista, sin romper la lectura, y el equipo edita noticias directamente desde la app.

Migración

El cambio se hizo en el dominio: apuntamos la dirección de la radio a la nueva plataforma y redirigimos la variante con "www", para que ninguna visita caiga en una pantalla de error.

05

Colores y tipografía

#0057C3Azul
#00377CAzul oscuro
#F10012Rojo
#E7F0FDAzul claro
#050508Fondo de la apertura

Inter

Títulos y texto, en el sitio, el panel y la app

06

El sitio, por dentro

07

La app, pantalla por pantalla

08 Las piezas

09 Qué cambió después

El equipo publica y controla el patrocinio por su cuenta, desde un panel pensado para su rutina, y el oyente ganó un sitio rápido y una app que leen de la misma fuente.

El sitio, el panel y la app están en el aire y fueron probados por el equipo en Android y iPhone.

Servicios en este proyecto

Otros trabajos

Ver todos los proyectos

Respuesta en hasta 1 día hábil

¿Algo está trabando
el siguiente paso?

Cuéntanos en dos líneas. Te devolvemos un camino, no un presupuesto genérico.