Motion Web
Serie de prototipos de animación para una Netz navegable, probados uno a uno en canvas. Dos ya salieron del laboratorio: la corriente que atraviesa las palabras de arriba y los paquetes que recorren la malla detrás de esta galería.
De dónde vino
El sitio hablaba de red y no parecía una. La identidad tenía nodo, punto y conexión en el discurso, y en pantalla era un sitio oscuro más con un verde bonito.
La pregunta que abrió la serie fue simple: ¿puede la marca moverse como aquello que dice ser?
En la mesa
Abrimos una serie de prototipos numerados, cada uno probando una idea sola en canvas, sin compromiso de volverse página. Corriente atravesando la palabra. Paquete encontrando camino por la malla y encendiendo el nodo al que llega. Recorte en diagonal.
La regla era correr de verdad en el navegador. La animación que solo existe en video esconde su costo, y el costo es lo que decide si aquello se vuelve interfaz o se queda en el laboratorio.
Dónde sirve
Sirve como capa de marca para cualquier proyecto donde la interfaz tenga que decir algo antes de que el texto se lea. Un sistema de motion propio es el tipo de diferencial que no se copia con un tema comprado.
Dos prototipos ya salieron del laboratorio y están en producción en esta misma página: la corriente atraviesa las palabras de arriba, y los paquetes recorren la malla detrás de la galería de experimentos.
Lo que aprendimos
La marca aguanta movimiento cuando el movimiento significa algo. Los prototipos que se volvieron interfaz fueron los que cargaban la idea de red; los puramente decorativos cansaron en la segunda visita.
El otro aprendizaje fue de método: un prototipo de motion tiene que correr en el navegador desde el primer día. En video todo funciona, y el costo solo aparece cuando alguien lo abre en el celular.
Lo que sigue abierto
Falta traer aquí los prototipos que quedaron fuera, corriendo en vivo en lugar de volverse imagen, con el costo de performance medido sobre cada uno. Es el próximo paso de esta página.