Screen Exploded View — Commercial Feature Tour
Real app screens · Annotated component breakdown
Each screen dissected into its functional UI components
By Makmal Niaga Enterprise (JR0135336-K)
First-run experience — sport discovery & app entry
Stylized green "X" with integrated play triangle. Soft glow establishes brand identity.
"Your Performance. Your Team. One Platform." — positions dual value (athlete + coach).
7 sports in green-outlined chips with custom icons. Instantly communicates platform breadth.
Custom-drawn vector icons per discipline — target, bow, pin, runner, ball, shuttle, racket.
Solid green primary button. Black text on green for max contrast & accessibility.
Athlete home — metrics, trend chart, recent results
Light/dark switch & gear icon. Athlete Mode label confirms active perspective.
"All" + sport-specific filters. Tapping isolates analytics to one event type.
Avg Form (9.4 ↑+0.3), Trend (Improving), Consistency (92% Stable). Proprietary analytics.
fl_chart line graph — last 10 series. Gradient fill emphasizes trajectory.
Event name, date, score with trend arrow. Tap to view full detail with target.
Dashboard / Stats / Profile. Persistent navigation across athlete perspective.
Tap-to-plot scoring with decimal precision (10.9 max)
Returns to previous screen. Standard iOS/Android back affordance.
Three-dot menu for event-specific options. Header shows active event name.
Canvas-rendered concentric rings. 7 plotted shots visible as black marks. Tap to add.
Per-shot breakdown: 10.9, 10.7, 10.5, 10.8, 10.6, 10.9. ISSF decimal scoring to 0.1.
Running total (64.4/60). 1x/2x/3x multiplier for converted-score events.
Persists shots, coordinates, and score to local ObjectBox DB. Offline-capable.
Coach perspective — ranked roster with sport-aware metrics
Green "+" — adds new team member. Long press an athlete to edit, swipe to delete.
Dropdown narrows leaderboard to one discipline. "All Sports" shows full roster.
"By Average" default. Sport-aware: avg score for targets, win rate for matches.
Colored medal-style badge (#1 gold, #2 silver, #3 bronze). Podium visual for top 3.
Avatar, name, sport badge, state flag, score. Tap → athlete stats. Long press → edit.
↑↑ improving, — stable, ↓ declining. Visual cue for form trajectory at a glance.
Closed-loop coaching — score, target, metrics, and feedback in one view
Three-dot share icon. Exports result as .ppx file for peer-to-peer sync.
"94.5 / 100" in green. Event name, date, athlete label for full context.
Scaled bullseye with shot marks. Full series breakdown: 10.9, 10.7, 10.5, 10.8...
Avg Form / Trend / Consistency repeated at result level for per-session context.
Glowing green border. 5-star rating + written commentary + coach name + timestamp.
"Motivation: Excellent" — coach's qualitative assessment. Closes the feedback loop.
5 Screens · 29 Annotated Components
Each screen is production-ready, offline-capable, and addresses a gap no competitor fills. From onboarding to coaching feedback — the full athlete journey in one app.
Makmal Niaga Enterprise
Reg: 202203125416 (JR0135336-K) · makmalniaga.my@gmail.com