Caso de estudio · Web
Square One Media
Una compañía que une tecnología, producción audiovisual e inteligencia artificial, contada en una sola página: su suite de productos, sus servicios y sus resultados.
- Cliente
- Square One Media
- Alcance
- Diseño web
Desarrollo front-end - Formato
- Single page bilingüe
Español · Inglés - Sitio
- sqone.media ↗
«Tu visión, nuestra tecnología». Una portada con vídeo a pantalla completa y un mensaje directo.
La suite: cada producto, con su propia interfaz recreada y en movimiento.
Iconik, avatares digitales e indexación con IA, explicados con un ejemplo que se ve funcionar.
OnAir Sports y las plataformas que la compañía integra en un mismo flujo.
Cuatro servicios audiovisuales, de la producción en directo a la consultoría.
Resultados, certificaciones ISO y, para cerrar, una invitación a hablar con el equipo.
El reto
Explicar una tecnología compleja en una sola página, y que se entienda a la primera.
Square One Media trabaja en producción técnica y streaming, en IA generativa, en gestión de vídeo en la nube y en desarrollo de software propio para eventos y retransmisiones deportivas. La web tenía que presentar una suite de productos —propios y de socios tecnológicos—, cuatro servicios, sus resultados y sus certificaciones en una única página, en español y en inglés, con la factura visual que se espera de una empresa de medios.
Mostrar
Cada producto se enseña funcionando: paneles, buscadores y flujos de publicación recreados y animados, en lugar de descripciones abstractas.
Ordenar
Una lectura lineal —suite, servicios, IA, estándares, contacto— con un menú de anclas para saltar a cada bloque.
Convertir
Cada producto termina en «Solicitar demo», y la página, en una invitación a hablar con el equipo o con un especialista en IA.
La portada
Tu visión, nuestra tecnología.
La página abre con un vídeo a pantalla completa, el mensaje de la compañía y dos caminos: explorar la suite o ir a los servicios. Justo debajo, los clientes que ya confían en ellos; y entre la suite y los servicios, las plataformas líderes que integran en un mismo flujo de trabajo.
La suite
Seis productos, cada uno con su interfaz.
-
01
EventHub Sites
Webs para eventos corporativos desplegadas en la nube del cliente. Lo cuenta un panel de gestión recreado: ponentes, asistentes, idiomas, analítica y agenda del día.
-
02
EventHub Distribution
El complemento para Iconik que publica el contenido en la web y en redes, mostrado con su propia ventana de publicación.
-
03
Iconik
El gestor de vídeo en la nube (MAM) del que son socios, con una página de resultados de búsqueda y la ficha de un recurso con sus etiquetas de IA.
-
04
Avatares digitales
Portavoces en vídeo creados con IA, con su imagen y su voz. Aquí no hace falta explicarlo: el avatar habla en pantalla.
-
05
Indexación con IA
La búsqueda en lenguaje natural se escribe sola, analiza la videoteca y devuelve el momento exacto del plano que se buscaba.
-
06
OnAir Sports
Gráficos, datos y jugadas destacadas automatizados para retransmisiones de fútbol, con un ejemplo de sus widgets sobre la imagen del partido.
Detalle
Interfaces de producto, contadas como producto.
Los paneles de la suite no son capturas pegadas: son interfaces recreadas en la propia página, con sus datos, sus listas y sus estados, que se animan al llegar a ellas. La búsqueda con IA escribe su consulta, el panel del evento rellena sus cifras y la ventana de publicación se completa paso a paso.
Servicios y resultados
De lo que hacen a lo que consiguen.
Tras la suite, la página cambia de registro: cuatro servicios audiovisuales en una rejilla sobria, un bloque oscuro de resultados con contadores que suben al aparecer, las certificaciones ISO y un cierre con vídeo que invita a escribir.
La página completa
De arriba abajo, al ritmo de tu scroll
Bajo el capó
Mucho movimiento, poco peso.
Una página cargada de vídeo y animación tiene que seguir siendo rápida y legible.
Interfaces en código
Los paneles de producto están construidos como interfaz real, con texto y datos, en lugar de imágenes: nítidos a cualquier tamaño.
Vídeo en AV1
Cada vídeo se sirve en AV1, más ligero, con una versión H.264 de respaldo para los navegadores que no lo admiten.
Animación con el scroll
Titulares, bloques y cifras entran al llegar a ellos; las interfaces se activan cuando están en pantalla.
Bilingüe
Toda la página en español y en inglés, con selector de idioma en la cabecera.