Monté la interfaz en After Effects como un sistema modular de precomposiciones: una para cada tarjeta de icono, una para los conectores y otra para el cursor. La animación está deliberadamente escenificada de izquierda a derecha. Las señales de escala, posición y opacidad introducen cada componente, luego las líneas de conexión confirman la relación antes de que se asiente el diagrama completo.
Cada tarjeta se creó como su propia precomposición con el ícono, el borde, la etiqueta y el brillo separados. Eso mantuvo el tiempo flexible: podía revisar un módulo, reutilizar la misma lógica de entrada y aún conservar un relleno y una escala consistentes en todo el sistema.
Primero animé el cursor y utilicé sus fotogramas clave como columna de tiempo. Las tarjetas responden unos cuantos fotogramas después de su llegada con una escala excesiva y una animación de opacidad; Easy Ease y una curva de influencia estrecha hacen que las interacciones se sientan receptivas en lugar de mecánicas.
Los enlaces horizontales son trazados de capas de formas que se revelan con Recortar trazados. Las etiquetas están superpuestas en las líneas, mientras que el estado de verificación utiliza un pulso de brillo rápido y un brillo restringido para que el espectador entienda que la conexión se ha completado.
Terminé la escena con una sutil superposición de líneas de escaneo, una suave luz radial violeta y una pequeña cantidad de ruido. Esos pases se asientan en capas de ajuste con baja opacidad, lo que le da a la obra de arte vectorial limpia una textura basada en pantalla sin comprometer la legibilidad.