Nuestros servicios
Marca y Motion
Sistemas de identidad, motion design y narrativa que escala.
Empezar un proyectoResumen
Brand & Motion cubre el sistema de identidad y el lenguaje de movimiento que lo lleva a cada pantalla. Tratamos la marca como un sistema, no como una presentación: escala tipográfica, escalas de color, retícula, iconografía y design tokens que llegan al código que tu equipo despliega. El motion recibe el mismo rigor: curvas de easing, duraciones y transiciones que se definen una vez y se reutilizan. Está pensado para empresas cuya marca vive sobre todo en pantalla: la interfaz de un producto, un sitio de lanzamiento, una presentación para inversionistas, un video demo. Es más útil cuando varios equipos tocan la marca y el resultado se va desalineando.
Qué incluye
Sistemas de identidad
Logotipo, símbolos, escala tipográfica, escalas de color, retícula e iconografía. Definidos como reglas que otros equipos pueden aplicar sin consultarnos.
Design tokens y librerías
Librería de Figma junto con tokens exportados a código: variables CSS, tema de Tailwind, paquete compartido. La marca se entrega como fuente, no como PDF.
Lenguaje de motion
Curvas de easing, duraciones, reglas de entrada y salida, y cómo se leen los cambios de estado. Implementado con GSAP, Framer Motion o CSS puro, según lo que pida el producto.
WebGL y momentos 3D
Shaders, escenas ligadas al scroll y piezas de portada construidas contra un presupuesto de rendimiento. Si el efecto no cabe en el presupuesto, se recorta.
Video y motion programático
Video de marca, piezas explicativas y archivos Lottie, y Remotion cuando el video debe renderizarse desde React con datos reales del producto en lugar de a mano.
Narrativa y mensaje
Posicionamiento, naming y la estructura de copy que hay detrás: qué dice primero la página de inicio, cómo se arma un caso de estudio, qué argumenta la presentación.
Cómo trabajamos
- 01
Auditoría y dirección
Leemos lo que ya existe —producto, sitio, presentaciones, la categoría en la que compites— y encontramos qué vale la pena conservar. Luego reducimos a una o dos direcciones, mostradas sobre pantallas reales y no solo en moodboards.
- 02
Construcción del sistema
Armamos el núcleo: tipografía, color, retícula, iconografía y reglas de motion. Cada decisión se prueba en pantallas reales antes de documentarse.
- 03
Motion y producción
Definimos el lenguaje de movimiento y producimos las piezas que lo requieren: transiciones de interfaz, assets animados, video. Cada una nace con un presupuesto de rendimiento.
- 04
Entrega y gobernanza
Manual de marca, paquete de tokens y archivos fuente, y una sesión de trabajo con tu equipo. El objetivo es que la siguiente página se pueda construir sin nosotros en la sala.
Qué recibes
- Manual de marca con reglas de uso y límites claros
- Logotipo, símbolos y variantes en formatos listos para producción
- Librería de Figma y paquete de design tokens conectado al código
- Especificación de motion: curvas de easing, duraciones y reglas de transición
- Assets animados: archivos Lottie, masters de video y proyectos fuente
- Plantillas aplicadas para sitio, presentación y redes sociales
La marca deja de ser un archivo que alguien tiene que recordar y pasa a ser algo con lo que tu equipo puede construir. Las páginas, funcionalidades y campañas nuevas se ven como parte de lo mismo, porque las decisiones se tomaron una vez y quedaron escritas en el código. El motion se vuelve parte del sistema en lugar de una improvisación proyecto a proyecto.
Cotización
Completa el formulario de cotización y descubre cómo podemos ayudarte a alcanzar tus objetivos de crecimiento con soluciones personalizadas.