Orbi Finance: Desarrollo e implementación de Motion Branding.
Me encargué de diseñar los fundamentos del Motion branding e implementar un proceso de producción ágil para que cualquier material desde los ads hasta una micro-animación, se sintiera parte integral de Orbi.
Rol: Sr. Motion Designer & Video creator
Empresa: Orbi.finance
Duración: 2 años
________________________________________________________
Primera propuesta de look & feel audiovisual para la marca.
________________________________________________________
Mi aportación como motion designer senior fue:
1. Definir el estilo de animación para la marca.
2. Implementar el uso del diseño 2D como refuerzo al branding 3D.
3. Desarrollar un proceso de producción ágil y escalable para a todos los materiales audiovisuales requeridos por el equipo de marketing y stakeholders internos.
________________________________________________________
1. El desafio
Orbi, fintech orientada al mercado crypto en México, necesitaba escalar su producción de contenido manteniendo el dinamismo y la personalidad única de su marca.
El principal obstáculo era la falta de un proceso de producción audiovisual sólido para agilizar la creación de videos para uso comercial e interno.
________________________________________________________
2. La Solución
La implementación del motion branding constó de dos etapas: Diseñar la base creativa de la animación y la estandarización del proceso de producción de materiales.
1. Filosofía del Movimiento
Desarrollé reglas que expresaran el dinamismo de la marca, detallando aspectos como el estilo y velocidad del movimiento, jerarquías de animación y el orden de los elementos.
Con el objetivo de asegurar que la animación complementara cada detalle del branding.
Estilos de animación para textos y títulos
Ejemplos de aplicaciones
Estilos de animación para transiciones entre escenas y estilos de textos aplicados.
Estilos de Layouts para múltiples materiales en un mismo video
Estilos de Layouts para múltiples materiales en un mismo video
2. Estandarización del Proceso
Para la creación de los contenidos en video, me encargué de optimizar el ciclo completo de producción, desde los guiones visuales hasta el entregable final.
Para la creación de los contenidos en video, me encargué de optimizar el ciclo completo de producción, desde los guiones visuales hasta el entregable final.
Guion visual + Animatics
Las ideas de diseño se trabajaron de forma simultánea con las ideas del guion / brief. Esto nos permitió tener guías visuales sólidas desde el inicio.
Y adicionalmente realizar pruebas anticipadas de movimiento, ritmos y timing, evitando la improvisación y contratiempos en las iteraciones de ideas.
Herramientas utilizadas:
Figma, Photoshop, After Effects
Diseño Visual + Animación
La planeación de diseño visual se hizo pensando desde la base para ser animado. Esta práctica, junto con los guidelines de movimiento, ayudó a reducir la brecha de tiempo y las decisiones de producción.
Visuales preparados para animación.
Animación digital modular.
Herramientas utilizadas:
Illustrator, Blender, After Effects, Premiere Pro.
Implementación Multiplataforma
El armado de estructuras editables y reutilizables hicieron que el material final pudiera adaptarse a cualquier formato en unos cuantos clics, eliminando así el retrabajo total de cada versión en un solo documento maestro.
Herramientas utilizadas:
After Effects, Premiere Pro.
Integraciones adicionales
1. Animación interactiva
Para agilizar la implementación de animaciones para web y la app, utilizamos formatos como JSON / RIV en lugar de archivos de video. Esto ayudó al equipo de desarrollo, reduciendo significativamente el tiempo de integración final.
Herramientas utilizadas:
Bodymovin, Rive, Lottiefiles.
2. Sistemas personalizados
Con el objetivo de enfocarnos en tareas de mayor valor, diseñe plantillas reutilizables para video, en conjunto con IA para automatizar etapas como la generación de voz en off y audio. Esto fue útil para producción de video rápido con un formato definido como video tutoriales o IG reels.
Herramientas utilizadas:
After Effects, premiere pro, Microsoft Clipchamp.
3. Visualización Avanzada
La introducción de animación 3D básica en el proceso de visualización fue crucial. Esto nos permitió ver a detalle la idea general de cada video antes de comenzar la producción, lo cual ahorró tiempo valioso en aprobaciones y retrabajos en las fases finales.
Herramientas utilizadas:
After Effects, Microsoft Clipchamp.
________________________________________________________
3. Los Resultados
Gracias a la estandarización y a las buenas prácticas implementadas, el impacto se vio en tres áreas clave.
Consistencia de Marca
Todos los materiales ahora están unificados, generando la confianza necesaria en el usuario, lo cual es vital en el sector fintech.
Eficiencia
Redujimos el tiempo invertido en la fase de producción y entregables de semanas a días. Este ahorro de tiempo masivo permitió al equipo enfocarse en proyectos con mayor valor estratégico.
Escalabilidad
El flujo de trabajo implementado hizo que la producción de contenido fuera rápida, sin comprometer la calidad ni la coherencia de los materiales finales.
