Jota Calderone

App & Sitio web

ZanaFit

Diseño de la experiencia visual y sistema UI para una aplicación de entrenamiento personalizado, enfocada en motivación, adherencia y seguimiento del progreso.

App Design UI System Design System Product Experience

Año

2020

Rol

UI Designer

Producto

Aplicación móvil + landing web

Año

2020

Rol

UI Designer

Producto

Aplicación móvil + landing web

Contexto

ZanaFit era originalmente una plataforma enfocada en contenido nutricional y apoyo alimenticio. El desafío consistía en expandir el producto hacia una experiencia de entrenamiento digital, incorporando una aplicación móvil como núcleo del negocio.


La app no existía previamente, por lo que fue necesario diseñar desde cero una experiencia completa que combinara rutinas, seguimiento de progreso, motivación constante y flujos de suscripción, manteniendo coherencia con la marca y permitiendo su posterior extensión al sitio web público.

La solución

El proyecto se desarrolló como un diseño end-to-end de la aplicación, trabajando en dupla con UX Research. Mientras UX definía flujos, estructura y validaciones, mi responsabilidad fue liderar todas las decisiones visuales, de interfaz y sistema UI.


Diseñé un sistema visual completo para la app, creando componentes, patrones y guías que permitieran escalar funcionalidades, mantener consistencia y reforzar el carácter energético y motivacional del producto.


El diseño puso especial énfasis en:

  • Visibilizar el contenido principal, como videos y clases, por sobre la interfaz.

  • Uso de una paleta vibrante, verde y naranja, para transmitir energía, progreso y acción.

  • Elementos visuales de refuerzo positivo, como iconografía, logros y estados de avance, orientados a reducir el abandono y aumentar la adherencia.

Impacto

El diseño permitió lanzar una aplicación sólida, clara y energizante, capaz de acompañar al usuario durante todo su proceso de entrenamiento, reforzando motivación y compromiso a través de la experiencia visual.


La app y el sitio web continúan activos, manteniendo en gran medida la estructura visual y las decisiones de diseño originales, demostrando la solidez y vigencia del sistema UI creado.