2023 - 2024
Corefit App
A high-performance fitness tracker and class scheduling app is designed with a mobile-first UI system in Adobe XD and Figma. It is optimized for gym, home, and outdoor training environments.
App Design
Fitness Tech
Know More
I designed the complete CoreFit mobile app experience, initially in Adobe XD, then rebuilt the system in Figma for scalable growth. The app supports workout tracking, class scheduling, membership management, and instructor bookings. Every screen was tailored to athletic lifestyles and real-world gym usage, featuring frictionless interactions, clear UI, and high-impact design that motivates users and enhances brand engagement.
Purpose-Built Fitness UI
I crafted an athlete-first interface designed to reduce friction and speed up goal tracking. All layouts are built around fitness behaviors like quick logging, fast schedule views, and intuitive flows for Browse programs or booking classes. Action buttons are placed with thumb-reach in mind, and screens use minimal taps and strong directional hierarchy to drive fast actions during workouts or transitions. The interface supports real-world usability inside gyms or outdoor environments.
From XD to Figma Migration
From XD to Figma Migration
I built a modular design system for future workouts, trainers, and seasonal plans, enabling better versioning, previews, and design consistency.
Initial flows were wireframed and prototyped in Adobe XD, then migrated into Figma for improved component management and team collaboration. I created reusable components for workouts, timers, alerts, and profile modules, supporting faster updates and campaign-based features. The move to Figma enabled real-time previews, version control, and better scaling across devices and use cases.
Design Rules and Visual Logic
Design Rules and Visual Logic
My iconography, colors, and typography are shaped by usability and an athletic brand tone, guided by platform consistency and system-wide legibility standards.
I defined a bold, energizing visual system. Primary action colors in electric blue and jet black contrasted against soft white backgrounds for clarity. Iconography was built on a consistent grid with outlined and filled variants for active states. Typography used clean sans-serif fonts with strong weight contrast between headlines, stats, and inputs to enhance legibility in motion-heavy settings.
Button Strategy and Motion Feedback
Button Strategy and Motion Feedback
I design high-contrast CTAs with clear states and micro-interactions for real-time feedback, shaped by accessibility, reach ergonomics, and platform-specific best practices.
All buttons were designed with bold padding, ample touch targets, and color-coded intent—blue for actions, red for exits, and gray for passive states. I used hover, press, and loading feedback states to reinforce user confidence and interaction clarity. Icons within buttons followed stroke consistency and were always vertically centered within containers for perfect optical balance.
More Works
©2004 - 2025
More Works
©2004 - 2025
FAQ
FAQ
01
What is your design experience?
02
What design disciplines do you specialize in?
03
How do you approach design challenges?
04
Do you use AI tools in your design process?
05
What tools do you master?
06
How do you stay innovative in design?
07
Why should clients choose you?
08
How can we get started?
01
What is your design experience?
02
What design disciplines do you specialize in?
03
How do you approach design challenges?
04
Do you use AI tools in your design process?
05
What tools do you master?
06
How do you stay innovative in design?
07
Why should clients choose you?
08
How can we get started?
2023 - 2024
Corefit App
A high-performance fitness tracker and class scheduling app is designed with a mobile-first UI system in Adobe XD and Figma. It is optimized for gym, home, and outdoor training environments.
App Design
Fitness Tech
Know More
I designed the complete CoreFit mobile app experience, initially in Adobe XD, then rebuilt the system in Figma for scalable growth. The app supports workout tracking, class scheduling, membership management, and instructor bookings. Every screen was tailored to athletic lifestyles and real-world gym usage, featuring frictionless interactions, clear UI, and high-impact design that motivates users and enhances brand engagement.
Purpose-Built Fitness UI
I crafted an athlete-first interface designed to reduce friction and speed up goal tracking. All layouts are built around fitness behaviors like quick logging, fast schedule views, and intuitive flows for Browse programs or booking classes. Action buttons are placed with thumb-reach in mind, and screens use minimal taps and strong directional hierarchy to drive fast actions during workouts or transitions. The interface supports real-world usability inside gyms or outdoor environments.
From XD to Figma Migration
I built a modular design system for future workouts, trainers, and seasonal plans, enabling better versioning, previews, and design consistency.
Initial flows were wireframed and prototyped in Adobe XD, then migrated into Figma for improved component management and team collaboration. I created reusable components for workouts, timers, alerts, and profile modules, supporting faster updates and campaign-based features. The move to Figma enabled real-time previews, version control, and better scaling across devices and use cases.
Design Rules and Visual Logic
My iconography, colors, and typography are shaped by usability and an athletic brand tone, guided by platform consistency and system-wide legibility standards.
I defined a bold, energizing visual system. Primary action colors in electric blue and jet black contrasted against soft white backgrounds for clarity. Iconography was built on a consistent grid with outlined and filled variants for active states. Typography used clean sans-serif fonts with strong weight contrast between headlines, stats, and inputs to enhance legibility in motion-heavy settings.
Button Strategy and Motion Feedback
I design high-contrast CTAs with clear states and micro-interactions for real-time feedback, shaped by accessibility, reach ergonomics, and platform-specific best practices.
All buttons were designed with bold padding, ample touch targets, and color-coded intent—blue for actions, red for exits, and gray for passive states. I used hover, press, and loading feedback states to reinforce user confidence and interaction clarity. Icons within buttons followed stroke consistency and were always vertically centered within containers for perfect optical balance.
More Works
©2004 - 2025
FAQ
01
What is your design experience?
02
What design disciplines do you specialize in?
03
How do you approach design challenges?
04
Do you use AI tools in your design process?
05
What tools do you master?
06
How do you stay innovative in design?
07
Why should clients choose you?
08
How can we get started?
2023 - 2024
Corefit App
A high-performance fitness tracker and class scheduling app is designed with a mobile-first UI system in Adobe XD and Figma. It is optimized for gym, home, and outdoor training environments.
App Design
Fitness Tech
Know More
I designed the complete CoreFit mobile app experience, initially in Adobe XD, then rebuilt the system in Figma for scalable growth. The app supports workout tracking, class scheduling, membership management, and instructor bookings. Every screen was tailored to athletic lifestyles and real-world gym usage, featuring frictionless interactions, clear UI, and high-impact design that motivates users and enhances brand engagement.
Purpose-Built Fitness UI
I crafted an athlete-first interface designed to reduce friction and speed up goal tracking. All layouts are built around fitness behaviors like quick logging, fast schedule views, and intuitive flows for Browse programs or booking classes. Action buttons are placed with thumb-reach in mind, and screens use minimal taps and strong directional hierarchy to drive fast actions during workouts or transitions. The interface supports real-world usability inside gyms or outdoor environments.
From XD to Figma Migration
I built a modular design system for future workouts, trainers, and seasonal plans, enabling better versioning, previews, and design consistency.
Initial flows were wireframed and prototyped in Adobe XD, then migrated into Figma for improved component management and team collaboration. I created reusable components for workouts, timers, alerts, and profile modules, supporting faster updates and campaign-based features. The move to Figma enabled real-time previews, version control, and better scaling across devices and use cases.
Design Rules and Visual Logic
My iconography, colors, and typography are shaped by usability and an athletic brand tone, guided by platform consistency and system-wide legibility standards.
I defined a bold, energizing visual system. Primary action colors in electric blue and jet black contrasted against soft white backgrounds for clarity. Iconography was built on a consistent grid with outlined and filled variants for active states. Typography used clean sans-serif fonts with strong weight contrast between headlines, stats, and inputs to enhance legibility in motion-heavy settings.
Button Strategy and Motion Feedback
I design high-contrast CTAs with clear states and micro-interactions for real-time feedback, shaped by accessibility, reach ergonomics, and platform-specific best practices.
All buttons were designed with bold padding, ample touch targets, and color-coded intent—blue for actions, red for exits, and gray for passive states. I used hover, press, and loading feedback states to reinforce user confidence and interaction clarity. Icons within buttons followed stroke consistency and were always vertically centered within containers for perfect optical balance.
More Works
©2004 - 2025
FAQ
What is your design experience?
What design disciplines do you specialize in?
How do you approach design challenges?
Do you use AI tools in your design process?
What tools do you master?
How do you stay innovative in design?
Why should clients choose you?
How can we get started?