Saltar al contenido

Caso de estudio · Desarrollo de apps y plataformas

Cómo rediseñamos la app de noticias de Gamavisión para que se vea como hoy se consumen las noticias

Gamavisión, el medio de noticias de Nuevo León, nos dio su marca y una pregunta: cómo conectar con una audiencia que ya no lee noticias como antes. Rediseñamos su app y su portal desde cero: señal en vivo, Shorts verticales, vialidad en tiempo real y un panel para que su redacción publique en minutos.

Cliente
Gamavisión
Qué es
Medio de noticias de Nuevo León
Proyecto
App (iOS y Android) y portal
Año
2025–2026

Qué hicimos

  • Rediseño de app
  • Portal web
  • Sistema de diseño
  • Panel de la redacción
  • Widgets y alertas
Ver el servicio de desarrollo de apps y plataformas →
0:00
0:00

En vivo

la señal de TV dentro de la app

Shorts

noticias en video vertical, como reels

Tiempo real

vialidad con cámaras de la ciudad

Funciones del rediseño 2025–2026 de la app y el portal de Gamavisión.

Una audiencia que ya decidió cómo consume

Gamavisión es un medio de noticias de Nuevo León: Local, Nacional, Deportes, Vialidad y su señal en vivo. Su audiencia ya no lee noticias como antes: ve video vertical, desliza y quiere saber qué pasa ahora, no lo que pasó en la mañana.

Nos dieron su marca y libertad para lo demás. El reto no era la tecnología, era la experiencia: hacer una app de noticias moderna, distinta a las de los demás medios locales, que se sintiera como las apps que la gente ya usa todos los días.

Las funciones que la hacen distinta

Toca cada función para verla en el celular. Son pantallas reales del rediseño.

Pantalla En vivo de la app de Gamavisión con la transmisión y la programación de hoy
Pantalla de Vialidad con mapa, cierres activos y cámaras en vivo
Cobertura minuto a minuto de lluvias en Nuevo León con la línea de tiempo de actualizaciones
Pantalla de bloqueo con la notificación de última hora y la cobertura en vivo de Gamavisión

Pantallas del rediseño de la app de Gamavisión.

01

De la marca a un sistema de diseño

Gamavisión nos dio su marca. La convertimos en un sistema para app y portal: la cintilla al aire de la televisión se volvió el marco de toda la experiencia, con la tipografía, el color y los componentes de cada sección.

  • Inicio del portal de Gamavisión con la cintilla de último minuto, la nota principal y lo último

    Portal · Inicio

  • Inicio de la app de Gamavisión con la cintilla de última hora, la señal en vivo y las secciones

    App · Inicio

  • Nota en la app de Gamavisión con video, audio para escuchar y lo esencial resumido

    App · Nota

  • Cobertura minuto a minuto en la app de Gamavisión con actualizaciones nuevas

    App · Minuto a minuto

  • Sección Local del portal de Gamavisión, de Monterrey y Nuevo León

    Portal · Local

  • Bienvenida de la app de Gamavisión para elegir municipios y temas

    App · Tu Gamavisión

  • Elección de alertas en la app de Gamavisión: última hora, clima severo, vialidad y Rayados

    App · Alertas

  • Programación del día de la señal en vivo de Gamavisión, con recordatorios y la radio

    App · En vivo

  • Widgets de Gamavisión en la pantalla de inicio del celular

    Widgets

  • Pantalla de bloqueo con la notificación de última hora y la cobertura en vivo de Gamavisión

    Pantalla de bloqueo

02

Shorts: las noticias como se ven hoy

La audiencia ya consume video vertical en otras apps. Shorts lleva ese hábito a las noticias: notas cortas que se deslizan una tras otra, con la nota completa a un toque. La llevamos a las noticias locales, donde casi no se veía.

03

En vivo y vialidad en tiempo real

Al ser televisora, la señal en vivo va dentro de la app, con la programación del día. Y Vialidad reúne cierres, accidentes y las cámaras en vivo de Monterrey, las 24 horas, para revisar cómo está el tráfico antes de salir.

Vialidad en la app: cierres, cámaras en vivo y alertas activas

04

De la redacción a tu celular

Para dar noticias en tiempo real, publicar tiene que ser rápido. Detrás de la app hay un panel para la redacción: escribir, elegir sección, enviar una alerta y publicar en Shorts en un solo paso. Una nota llega al mismo tiempo a la app, al portal y a la pantalla de bloqueo, y todo carga rápido y con buena calificación de Google.

Qué significa para un medio o una empresa con una idea

Tu audiencia ya decidió cómo consume

Video vertical, tiempo real y alertas: la app tiene que hablar el idioma de las apps que la gente ya usa.

Innovar es llevar un hábito a tu negocio

Shorts no inventó el video vertical; lo trajo a las noticias locales. Ahí está la diferencia.

Lo que no se ve también es producto

Un panel que deja publicar rápido vale tanto como la pantalla que ve el usuario.

Una app es un producto vivo

Se lanza, se mide y se mejora cada mes, con nuevas funciones y widgets.

Transcripción del relato: Gamavisión: la app de noticias como hoy se consumen

Cómo lees las noticias hoy

Piensa en la última noticia que viste hoy. Lo más probable es que no la hayas leído en un periódico, ni completa en un sitio web. La viste en tu celular: un video corto, vertical, que deslizaste con el pulgar entre muchos otros. Así se consumen hoy las noticias. Y para un medio, la pregunta es incómoda: si tu audiencia ya cambió, ¿tu app de noticias cambió con ella? Esta es la historia de cómo rediseñamos la app de Gamavisión para responder esa pregunta.

Un medio de Nuevo León

Primero, ¿qué es Gamavisión? Es un medio de noticias de Nuevo León, con su televisora, su portal y su app. Cubre lo local, lo nacional, los deportes y la vialidad de Monterrey, y transmite su señal en vivo. Su audiencia es muy clara: gente de la zona metropolitana que quiere saber qué pasa ahora. No lo que pasó en la mañana. Lo que está pasando, por dónde no pasar y qué se está transmitiendo.

Solo la marca y una pregunta

Lo interesante del encargo es lo que no traía. Gamavisión no nos dio una lista de pantallas. Nos dio su marca y una pregunta: cómo conectar con una audiencia que ya no lee noticias como antes. Y ahí entendimos algo: el reto no era la tecnología, era la experiencia. Las apps de noticias locales se parecen mucho entre sí: una lista de notas, una foto, un titular. Gamavisión quería una app que se sintiera como las que la gente ya usa todos los días.

Las funciones

Así que en lugar de empezar por las pantallas, empezamos por los hábitos. ¿Qué hace la gente con su celular? Ve video vertical. Revisa el tráfico antes de salir. Sigue una noticia mientras se desarrolla, en tiempo real. Y mira la pantalla de bloqueo decenas de veces al día. De ahí salieron las funciones de la app: la señal en vivo, los Shorts, la vialidad, las coberturas minuto a minuto y los widgets. En la página puedes tocar cada una y verla funcionando en el celular.

De la marca a un sistema de diseño

Para que todo eso se sintiera como Gamavisión hacía falta un sistema de diseño, y la clave estaba en la televisión. Cualquiera que ha visto un noticiero conoce la cintilla: la barra de abajo con la última hora. Esa cintilla se volvió el marco de toda la experiencia. Aparece arriba en la app, en el portal y en cada sección. Alrededor de ella definimos la tipografía, el color y los componentes: la tarjeta de nota, el botón de en vivo, la etiqueta de último minuto. Así, la app y el portal hablan el mismo idioma, y cada pantalla nueva se arma con piezas que ya existen. Eso es, al final, diseñar una app desde la marca.

Shorts

La función que más llama la atención se llama Shorts. La idea es sencilla: si la gente ya pasa horas deslizando video vertical en otras apps, ¿por qué las noticias no se pueden ver así? Shorts son notas cortas en video vertical, una tras otra. Deslizas y pasas a la siguiente. Si una te interesa, un toque te lleva a la nota completa. No inventamos el video vertical; lo llevamos a las noticias locales, donde casi no se veía. Esa es la diferencia entre copiar un botón y traer un hábito.

En vivo y vialidad

Hay dos funciones que solo tienen sentido para un medio como Gamavisión. La primera: al ser televisora, la señal en vivo va dentro de la app, con la programación del día y recordatorios para no perderte un programa. Si buscas dónde ver Gamavisión en vivo, la respuesta ya está en tu celular. La segunda es la vialidad. Cierres, accidentes y las cámaras en vivo de Monterrey, las veinticuatro horas, en una sola pantalla y con un mapa. Antes de salir, revisas cómo está el tráfico en tu camino. Es de esas funciones que la gente abre todos los días, aunque no haya una gran noticia.

De la redacción a tu celular

Todo esto tiene un lado que nadie ve: la redacción. Para dar noticias en tiempo real, publicar tiene que ser rápido. Por eso hicimos un panel para el equipo: el periodista escribe la nota, elige la sección, decide si manda una alerta y si la publica también en Shorts, todo en un solo paso. Esa nota llega al mismo tiempo a la app, al portal y a la pantalla de bloqueo. Y la app y el portal están hechos para cargar rápido y tener buena calificación de Google, porque en noticias, unos segundos de espera son una lectora que se va.

Qué significa

Si tuviera que resumir lo que deja este proyecto, para un medio o para cualquier empresa con una idea, serían cuatro cosas. La primera: tu audiencia ya decidió cómo consume, y la app tiene que hablar ese idioma. La segunda: innovar no es inventarlo todo, es llevar un hábito que ya existe a tu negocio. La tercera: lo que no se ve, como el panel de la redacción, también es producto. Y la cuarta: una app es un producto vivo; se lanza, se mide y se mejora cada mes.

¿Tienes una idea?

En TOR studio, un estudio de innovación en México, hacemos desarrollo de aplicaciones móviles y plataformas a partir de una idea, como hicimos con Gamavisión. Si tienes una, en esta misma página puedes agendar una llamada con el equipo. Empezamos con un diagnóstico gratis.

Preguntas frecuentes

¿Qué es Gamavisión?

Gamavisión es un medio de noticias de Nuevo León, México, con noticias locales, nacionales, deportes, vialidad y su señal en vivo.

¿Dónde ver Gamavisión en vivo?

En la sección En vivo de su app y de gamavision.com, con la programación del día.

¿Qué hace diferente a la app de noticias de Gamavisión?

Shorts con noticias en video vertical, la señal en vivo, vialidad en tiempo real con cámaras de la ciudad, coberturas minuto a minuto y widgets en la pantalla de inicio y de bloqueo.

¿Cuánto cuesta hacer una app de noticias?

En TOR studio, el desarrollo de una app parte del diagnóstico gratis y un sprint de validación; el costo depende de las funciones, las plataformas y las integraciones.

¿Pueden rediseñar una app que ya existe?

Sí. Gamavisión es un rediseño completo: partimos de su marca y rehicimos la experiencia, el portal y el panel de la redacción.

¿Tengo una idea para una app, por dónde empiezo?

Con un diagnóstico gratis: qué problema resuelve, para quién y qué tiene que hacer la primera versión. Después, un sprint para validarla antes de construir.

Empieza por el diagnóstico

¿Tienes una idea para una app?

Te ayudamos a hacerla realidad:qué tiene que hacer, cuánto cuesta y cuándo puede estar lista.

Agenda una llamada
Renata IA En línea