Animando el bienestar en el trabajo
Dando a los personajes digitales el poder de apoyar la salud mental
How do you turn static illustrations into emotional companions?
¿Cómo convertir ilustraciones estáticas en compañeros emocionales? Nos asociamos con una plataforma de bienestar mental para diseñar y animar un elenco de avatares que no solo eran expresivos—eran responsivos. La misión: apoyar el crecimiento personal a través de personajes que pudieran moverse, reaccionar y conectar con usuarios en tiempo real.
Bases del personaje:
Cálidos. Claros. Emocionalmente fluidos.
Empezamos creando un set de avatares inclusivos que reflejaran el tono emocional y la audiencia diversa de la plataforma. Formas redondeadas, paletas balanceadas y rasgos faciales sutiles ayudaron a expresar sentimientos sin saturar la interfaz.
- Ilustrados y vectorizados para escalabilidad
- Diseñados para modos de UI claros y oscuros
- Construidos para transmitir calma, comodidad y claridad
Estos personajes se convirtieron en el núcleo visual de la identidad de la plataforma, manteniéndose adaptables a diferentes contextos. Cada personaje fue meticulosamente ilustrado y luego vectorizado, asegurando que cada detalle fuera escalable y limpio, listo para entornos de UI claros y oscuros. Esta base se convirtió en la piedra angular de una identidad visual flexible y cohesiva en toda la app.
Rigging para responsividad
Diseñados para moverse—y reaccionar.
Una vez aprobados los diseños, nos movimos a Rive para hacer el rigging de los personajes. Pero no nos detuvimos en movimiento simple.
Ingeniamos esqueletos modulares y restricciones para:
- Interactividad basada en estados
- Animaciones activadas vinculadas a eventos del usuario (taps de botón, check-ins de estado de ánimo, etc.)
- Integración perfecta con la lógica in-app
Estos avatares no eran decorativos—se convirtieron en participantes activos del journey del usuario.
Animación con propósito
Sutil, expresiva y siempre intencional.
Animamos cada avatar para reforzar momentos de calma, aliento y apoyo emocional—ya sea a través de un gesto suave, un movimiento de respiración guiada o un saludo alegre.
- Animaciones cortas en loop
- Transiciones suaves y timing amigable
- Construidas para performance en runtime usando Rive
Al entregar assets livianos y listos para código, dimos a los developers las herramientas para construir una capa emocional en su app—sin agregar fricción.
Revisando el proceso
De ilustración a interacción, estos avatares se convirtieron en guías emocionales.
Diseño reflexivo, rigging inteligente y animación con propósito transformaron personajes simples en aliados de bienestar en tiempo real—completamente integrados en la experiencia del producto, y optimizados para performance, claridad y cuidado.
2D
UI Companion
Ilustrador
+
Rigger
+
Animador
2
semanas
Empezamos en días — no en semanas
Saltate el onboarding largo. Nos metemos de lleno para que tu proyecto arranque de inmediato.
IA integrada acelera los pipelines creativos y de desarrollo
Usamos las herramientas de IA correctas en los momentos precisos para entregar resultados más agudos y rápidos.
Equipos modulares bajo demanda — escalamos según necesites
De un diseñador a un squad completo — nos adaptamos a tus necesidades, sin costos extra.
Contacto
Agenda una llamada de estrategia de 30 min
Sin presión, sin pitch de ventas. Solo una conversación real sobre tus objetivos y cómo podríamos ayudar.
- info@onionsquad.studio
- California, US