estudio de movimiento, UX y producto digital

Diseñamos interfaces, que viven en movimiento.

Estudio en la intersección del motion design, la investigación UX y la ingeniería de producto. Creamos experiencias digitales donde cada fotograma de animación tiene sentido.

Empieza un proyecto Ver trabajos

años en el mercado: 08
productos lanzados: 64
premios del sector: 11

live render / 60 fps

01 qué hacemos

Tres disciplinas, un mismo oficio.

Unimos movimiento, investigación e ingeniería en un proceso coherente. Cada proyecto empieza con una pregunta y termina en manos de los usuarios.

Motion Design

Sistemas de animación, microinteracciones y firmas de movimiento que dan carácter al producto y guían al usuario sin palabras.

microinteracciones
lottie
firmas de movimiento

Product UX

Investigación, arquitectura de la información y flujos basados en datos. Diseñamos decisiones, no solo pantallas.

investigación
flow
design system

Prototipos

Prototipos interactivos y clicables de alta fidelidad. Probamos hipótesis antes de escribir la primera línea de código de producción.

hi-fi
pruebas
validación

02 trabajos seleccionados

Proyectos que no se quedan quietos.

Cuatro proyectos seleccionados. Nombres anónimos, un enfoque real del oficio.

01 fintech

Proyecto digital

Interfaz para flujos financieros complejos. Motion design que traduce operaciones complicadas en un movimiento fluido y legible.

motion
design system

02 mobility

App de movilidad

App de vehículos compartidos con un mapa que reacciona en tiempo real. Diseñamos toda la capa de interacción y el onboarding.

ux
prototipo

03 brand

Identidad de evento

Identidad generativa para un evento cultural. Cada fotograma del cartel nace del mismo código que la página web.

generative
brand

04 healthtech

Plataforma de salud

Plataforma de salud digital. Investigación con usuarios, arquitectura de la información y librería de componentes para un gran equipo.

ux
research

03 cómo trabajamos

De la consulta al lanzamiento.

El proceso es lineal solo sobre el papel. En la práctica volvemos, probamos y ajustamos hasta que el movimiento es impecable.

01
Descubrimiento

Talleres, entrevistas y auditoría. Entendemos el negocio, los usuarios y las restricciones antes de dibujar el primer rectángulo.
02
Dirección

Conceptos, arquitectura de la información y las primeras firmas de movimiento. Definimos el lenguaje visual y las reglas de interacción.
03
Oficio

Diseño de alta fidelidad, sistema de componentes y un prototipo que se puede clicar y probar en vivo.
04
Lanzamiento

Colaboramos con ingeniería en la implementación. Rematamos los detalles de la animación píxel a píxel, fotograma a fotograma.

04 herramientas

Un stack que sigue el ritmo de la idea.

Elegimos las herramientas según el problema, no al revés. Desde un prototipo en Rive hasta WebGL de producción.

Diseño

Figma
Rive
After Effects
Blender
Spline

Código

Svelte
React
WebGL
GSAP
Three.js

Investigación

Maze
Dovetail
Hotjar
Lookback

Proceso

Linear
Notion
Storybook
Git

Creemos que el movimiento es un lenguaje. Una animación bien diseñada no adorna, sino que traduce. Por eso tratamos cada fotograma como una frase.

05 empezamos

¿Tienes una idea? pongámosla en movimiento.

Describe tu proyecto en unas pocas frases. Respondemos en un día laborable con una idea concreta para el primer paso.