The COLA App Prototype was created as a self-initiated UX/UI concept exploring how a fitness platform could deliver structured workouts through a visually driven mobile experience. Designed in Adobe XD before its discontinuation, the goal was to build a rich, lifestyle-oriented interface that blends cinematic imagery with clear session details. The focus was on experimenting with flows, layouts, and interactions that elevate a standard workout app into something more immersive.
The prototype includes a login screen, a main dashboard of training categories, and individual exercise pages featuring session dates, times, and trainer assignments. High-contrast photography was paired with clean typography to capture the mood of premium fitness brands. The interaction flow, built directly in Adobe XD, guides users through a seamless workout selection journey, emphasizing clarity and momentum.
By refining each screen around ease of use and visual hierarchy, the prototype demonstrates how storytelling and UI can converge to create an engaging experience for users navigating fitness programs on mobile.
