1 / 7
PRO Play X

Screen Exploded View — Commercial Feature Tour

Real app screens · Annotated component breakdown

Each screen dissected into its functional UI components

5 Live Screens 29 Components 7 Sports

By Makmal Niaga Enterprise (JR0135336-K)

2 / 7
SCREEN 01 · ONBOARDING

Welcome / Sport Selection

First-run experience — sport discovery & app entry

Welcome screen
1
2
3
4
5
1

Brand Mark + Glow

Stylized green "X" with integrated play triangle. Soft glow establishes brand identity.

2

Tagline

"Your Performance. Your Team. One Platform." — positions dual value (athlete + coach).

3

Supported Sports Grid

7 sports in green-outlined chips with custom icons. Instantly communicates platform breadth.

4

Sport Icons

Custom-drawn vector icons per discipline — target, bow, pin, runner, ball, shuttle, racket.

5

Get Started CTA

Solid green primary button. Black text on green for max contrast & accessibility.

3 / 7
SCREEN 02 · ATHLETE DASHBOARD

Performance Dashboard

Athlete home — metrics, trend chart, recent results

Dashboard screen
1
2
3
4
5
6
1

Mode Toggle + Settings

Light/dark switch & gear icon. Athlete Mode label confirms active perspective.

2

Event Filter Chips

"All" + sport-specific filters. Tapping isolates analytics to one event type.

3

3-Metric Cards

Avg Form (9.4 ↑+0.3), Trend (Improving), Consistency (92% Stable). Proprietary analytics.

4

Score Progression Chart

fl_chart line graph — last 10 series. Gradient fill emphasizes trajectory.

5

Recent Results List

Event name, date, score with trend arrow. Tap to view full detail with target.

6

Bottom Nav

Dashboard / Stats / Profile. Persistent navigation across athlete perspective.

4 / 7
SCREEN 03 · INTERACTIVE TARGET

ISSF Target — Shot Recording

Tap-to-plot scoring with decimal precision (10.9 max)

ISSF target screen
1
2
3
4
5
6
1

Back Navigation

Returns to previous screen. Standard iOS/Android back affordance.

2

Event Context Menu

Three-dot menu for event-specific options. Header shows active event name.

3

10-Ring ISSF Target

Canvas-rendered concentric rings. 7 plotted shots visible as black marks. Tap to add.

4

Decimal Shot Scores

Per-shot breakdown: 10.9, 10.7, 10.5, 10.8, 10.6, 10.9. ISSF decimal scoring to 0.1.

5

Total + Multiplier

Running total (64.4/60). 1x/2x/3x multiplier for converted-score events.

6

Save Result CTA

Persists shots, coordinates, and score to local ObjectBox DB. Offline-capable.

5 / 7
SCREEN 04 · COACH MODE

Team Leaderboard

Coach perspective — ranked roster with sport-aware metrics

Team leaderboard screen
1
2
3
4
5
6
1

Add Athlete Button

Green "+" — adds new team member. Long press an athlete to edit, swipe to delete.

2

Sport Filter

Dropdown narrows leaderboard to one discipline. "All Sports" shows full roster.

3

Sort Control

"By Average" default. Sport-aware: avg score for targets, win rate for matches.

4

Rank Badge

Colored medal-style badge (#1 gold, #2 silver, #3 bronze). Podium visual for top 3.

5

Athlete Card

Avatar, name, sport badge, state flag, score. Tap → athlete stats. Long press → edit.

6

Trend Indicator

↑↑ improving, — stable, ↓ declining. Visual cue for form trajectory at a glance.

6 / 7
SCREEN 05 · RESULT DETAIL

Result Detail + Coach Feedback

Closed-loop coaching — score, target, metrics, and feedback in one view

Coach feedback screen
1
2
3
4
5
6
1

Share / Export

Three-dot share icon. Exports result as .ppx file for peer-to-peer sync.

2

Score Summary

"94.5 / 100" in green. Event name, date, athlete label for full context.

3

Mini Target + Series

Scaled bullseye with shot marks. Full series breakdown: 10.9, 10.7, 10.5, 10.8...

4

3-Metric Strip

Avg Form / Trend / Consistency repeated at result level for per-session context.

5

Coach Feedback Card

Glowing green border. 5-star rating + written commentary + coach name + timestamp.

6

Motivation Tag

"Motivation: Excellent" — coach's qualitative assessment. Closes the feedback loop.

7 / 7
PRO Play X

5 Screens · 29 Annotated Components

7
Sports
26
Events
10.9
Max Score
284
Tests

What Each Screen Demonstrates

  • Welcome — Brand identity, 7-sport breadth, single CTA entry
  • Dashboard — Proprietary analytics (Avg Form, Trend, Consistency) + progression chart
  • ISSF Target — Tap-to-plot scoring, decimal precision, multiplier system
  • Leaderboard — Coach mode, sport-aware ranking, gesture-based athlete management
  • Result Detail — Closed-loop feedback: score + target + metrics + coach commentary

Commercial Takeaway

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