Critique my UI: I designed a dynamic SVG muscle fatigue map for a fitness PWA. Is the color coding intuitive?
Hey designers,
I’m building a lightweight fitness PWA and wanted to step away from the usual spreadsheet-like interfaces.
My main feature is a "Biological Fatigue Map". I custom-designed SVG body parts for different exercises (pull-ups, squats, deadlifts, overhead presses). The app dynamically colors these SVGs (green, yellow, red) based on the workout volume logged over the last 72 hours.
I need your brutal honesty on a few things:
- Is the red/yellow/green color scheme on a pure AMOLED dark background visually clear, or does it clash?
- Does the layout feel too cluttered when you are trying to log a quick set?
I set up an Anonymous Guest Mode, so you can drop right into the UI to test the flow without making an account: https://gymtracker.web.app
Any feedback on the visual hierarchy or color accessibility would be hugely appreciated!
Posted Sep 5, 2026, 3:55 PM UTC
10