Cinco apps en una.
Un intro de 36 segundos que presenta cinco apps en una, construido con la interfaz real del iPhone y del Apple Watch. Nada se queda quieto: los números cuentan, las barras se llenan y la app se mueve por dentro.
- Cliente
- FOCUS
- Año
- 2026
- Rol
- Dirección creativa · Motion design · Diseño de sonido
- Duración
- 36 s
- Formato
- 16:9 · 1920×1080 · 60 fps
El reto
FOCUS junta lo que normalmente está repartido en cinco apps: entrenamiento, running, nutrición, hábitos y progreso, más una tienda y una app para Apple Watch. El intro tenía que mostrarlo todo en menos de un minuto, premium y entendible sin sonido.
- Plataformas
- iPhone y Apple Watch, interfaz real
- Regla
- Una idea por escena: texto + dispositivo + zoom al detalle
- Herramientas
- Higgsfield (Kling 3.0, GPT Image) · animación fotograma a fotograma en HTML/JS + Playwright · FFmpeg
La idea
Videos de lanzamiento de producto analizados cuadro por cuadro: ritmo de cortes, entrada de textos, zooms. Cada sección de la app aparece como una muestra corta: una frase a la izquierda, el iPhone a la derecha y la cámara entrando directo al dato que importa.
Material real, no maquetas
Todo se construyó con grabaciones de pantalla reales de la app y capturas reales del Apple Watch. Se recortan los componentes, se suavizan los bordes para que se fundan con el negro y se montan sobre un iPhone 3D.
Apertura con IA: el rayo que dibuja la F
Se generó una imagen clave de la F en vidrio líquido y, a partir de ella, un video donde un rayo verde recorre el contorno del logo y lo materializa. El clip se interpoló a 60 fps para integrarse con el resto.
Interfaz viva
Sobre cada pantalla real se reconstruyeron los datos para animarlos: la ruta del GPS se dibuja, las kcal y los macros cuentan, el agua sube por el cuerpo y el cuerpo gira 360° en Progreso.
Apple Watch
Toque en Start, cronómetro corriendo, corazón latiendo, zona cardíaca pulsando, Pause y la racha llenándose hasta 39 días. El reloj flota al centro con texto a los dos lados.
Sistema visual y sonido
Negro puro, un único acento verde (#83FF00), titulares en Inter animados letra por letra y datos en SF Pro. La música y los efectos se compusieron a medida y van sincronizados con cada transición y cada toque.
Iteración
15 versiones: de vertical a horizontal, de tarjetas planas a un iPhone 3D, de 15 a 36 segundos a 60 fps, con la interfaz animada por dentro y pantallas reales del reloj.
Fotogramas
Resultado
36 segundos a 1920×1080 y 60 fps: 15 escenas, 8 secciones de la app y 6 pantallas del Apple Watch, con la interfaz real animada por dentro y música original sincronizada con el corte.
- Escenas
- 15 · 8 secciones de la app
- Apple Watch
- 6 pantallas reales
- Versiones
- 15 hasta la final
Dirección creativa, motion design y diseño de sonido: José Borges · Cliente: FOCUS · Apertura generada con IA; interfaz animada fotograma a fotograma a partir de grabaciones reales.