La misma interfaz, reconstruida en Next.js

El editor de secuencias con su línea de tiempo, el listado de secuencias, el de tiendas y dispositivos, y la matriz de permisos de los dos perfiles de usuario.

Son las cuatro pantallas que sostienen el trabajo diario con Retina: montar lo que se emite, saber qué hay programado, saber en qué tienda y en qué pantalla, y decidir quién puede tocar qué.

Next.js, React y TypeScript, con Tailwind CSS como capa de estilos.

Los tokens semánticos del sistema de diseño original están trasladados al tema de Tailwind: el color, la tipografía y el espaciado salen de un solo sitio, igual que salían en el producto.

La reconstrucción está desplegada y el repositorio es público: se puede usar y se puede leer.

Esta ficha es la cara front-end de un proyecto con dos: el diseño del producto original —la plataforma y su editor de secuencias— está contado en la ficha de GAME TV · Retina, diseño de producto.

El producto original lo diseñé y desarrollé yo en GAME España; esta reconstrucción es trabajo propio, con datos inventados y sin código ni activos de la empresa.