DRAFT FOR REVIEW · Not a live app · All names and figures are sample data

Muhammadiyah Run SG — Draft UI

Low-fidelity screens for approval before the brief goes to the designer. Layout, content and flow are the point here; the logo, colours and illustrations are placeholders. All names and numbers are sample data.

Privacy page ↗
Theme preview (organiser-set):

1Welcome

First screen after installing from the App Store or Google Play. Explains the challenge in one glance and leads to sign-up.

9:41●●● 100%
VIRTUAL CHARITY TREK 2027
70 km

Walk, hike or run 70 km at your own pace, anywhere in Singapore. Every step supports the cause.

1 Jan – 31 MarS$20 donationFinisher medal
How it works
  1. Sign up and pay the S$20 donation
  2. Upload your payment proof
  3. Log your treks until you reach 70 km
  4. Get your finisher medal and T-shirt
1,284
participants
312
finishers

2Sign up

Only what the event needs. Sizes come from the organiser. Optional marketing choices, also set by the organiser, start unticked.

9:41●●● 100%
‹

Create your account

Nur Aisyah Rahman
Aisyah R.
aisyah@email.com
+65 9123 4567
XS
S
M
L
XL
2XL
3XL
4XL
5XL
Short
Long
✓Required. I agree that my details are used to run this event, as described in the privacy notice.
✓Show my display name and distance on the public leaderboard.
Stay in touch (optional)

Choose what the organisers may send you. Change this any time in Me.

✓Future runs and events
✓Programmes, classes and volunteering
✓Fundraising appeals

3Pay donation & upload proof

Payment happens outside the app (PayNow). The participant uploads a screenshot; an organiser approves it.

9:41●●● 100%
‹

Participation donation

Amount
S$20.00
PayNow to UEN T00XX0000X
Reference: MRSG-1047 (your participant no.)
⇪Tap to add a screenshot or photo
JPG, PNG or PDF · max 5 MB
Status● Pending review

Usually reviewed within 1–2 days. Connect Strava or your phone's health data now; treks count once approved.

4Home — my progress

The main screen. A progress ring towards 70 km, quick stats, and recent treks with where each came from.

9:41●●● 100%
Assalamualaikum,
Aisyah
● Active
42.6
of 70 km

27.4 km to go · 61% complete

9treks
#148rank
65days left
⟳ Synced 5 min ago · Strava, Apple HealthSync now
Recent treks
See all
S
East Coast Park walkStrava · Sat 14 Feb
8.2 km
♥
MacRitchie hikeApple Health (Garmin) · Thu 12 Feb
11.0 km
♥
Evening walkApple Health (Apple Watch) · Wed 11 Feb
4.5 km
✕
Cycling, 22 kmNot counted · cycling isn't a trek
—
⌂Home
⟳Sync
☰Ranks
◉Me

5Sync sources — iPhone

Shown during onboarding and under Sync. Participant connects Strava, Apple Health, or both; walks and hikes then sync on their own.

9:41●●● 100%
‹

Where do your treks come from?

Connect one or both. Walks recorded in both are counted once.

S
StravaConnected as Aisyah R. · syncs automatically
On
♥
Apple HealthApple Watch, Garmin, Samsung, FITAPP and other apps that save to Health
On
What we read
  • ✓Walking and hiking workouts
  • ✓Distance, date and time
  • ✕Heart rate, sleep or any other health data

Only activities between 1 Jan and 31 Mar 2027 count.

Counted activities
Walk
Hike
Run*

*Set by the organisers. Cycling never counts.

⌂Home
⟳Sync
☰Ranks
◉Me

5bSync sources — Android

The same screen on Android: Health Connect replaces Apple Health, and the layout follows Material Design 3.

9:41▾◢ 100%
←

Sync sources

Connect one or both. Walks recorded in both are counted once.

S
StravaConnected · syncs automatically
On
✚
Health ConnectSamsung Health, Google Fit, Garmin, Fitbit and other apps that share to Health Connect
Connect
Health Connect will ask you to allow
  • ✓Read exercise
  • ✓Read distance

Nothing else is requested. You can turn this off any time in Health Connect.

⌂Home
⟳Sync
☰Ranks
◉Me

5cStrava users — fallback

Shown while Strava reviews the app. Strava users sync through Apple Health or Health Connect instead.

9:41●●● 100%
‹

Using Strava?

Direct Strava connection opens soon

Until then, let Strava share your walks with Apple Health. It takes one minute, and you only do it once.

  1. Open the Strava app › You › Settings
  2. Applications, Services and Devices › Health
  3. Turn on "Share activities with Health"
  4. Come back here and tap Check
Status✓ Working
S
Strava, via Apple HealthLast activity: East Coast Park walk, 14 Feb
8.2 km

Android shows the same steps for Health Connect. Exact Strava menu names to be confirmed.

⌂Home
⟳Sync
☰Ranks
◉Me

6Leaderboard

Finishers ranked by who reached 70 km first; the top 10 is highlighted. A second tab ranks everyone still trekking.

9:41●●● 100%

Leaderboard

Finishers
In progress
Top 10 finishers
First to complete 70 km. Final after organiser checks.
1
HI
Hafiz I.Finished 9 Jan, 7:42 pm
70.0
2
SL
Siti L.Finished 10 Jan, 6:15 am
70.0
3
RZ
Rizal Z.Finished 11 Jan, 9:03 pm
70.0
4
FA
Farah A.Finished 12 Jan, 8:30 am
70.0
5
DK
Daniel K.Finished 12 Jan, 7:55 pm
70.0
…
5 more in the top 10
148
AR
You · Aisyah R.In progress
42.6
⌂Home
⟳Sync
☰Ranks
◉Me

7Finished!

Shown on reaching 70 km. Digital badge is free to share; the medal and T-shirt package is an optional paid add-on.

9:41●●● 100%
70

Alhamdulillah, you did it!

70 km completed on 2 Mar 2027 · Finisher #312

Finisher package
🏅Completion medal
👕T-shirt (M, long sleeve)
Package feeS$25.00

Optional. Your finisher status counts either way.

⌂Home
⟳Sync
☰Ranks
◉Me

8Collect your package

After the package payment is approved: what they get, where and when, and a code to show at the counter.

9:41●●● 100%
‹

My finisher package

  • ✓Reached 70 km · 2 Mar
  • ✓Package payment approved · 4 Mar
  • Collected
Collection point

[Venue name]

[Address], Singapore [postal code]

Dates12 – 20 Apr 2027
Hours10 am – 6 pm
Show this at the counter
MRSG-1047
Bring your NRIC or this screen. Someone else can collect for you with this code.
⌂Home
⟳Sync
☰Ranks
◉Me

9Me — privacy & preferences

Participants can read the privacy notice, change marketing choices, disconnect sources, download their data or delete their account at any time.

9:41●●● 100%

Me

AR
Nur Aisyah Rahman
MRSG-1047 · aisyah@email.com
Edit
Marketing from the organisers
Future runs and events
Programmes, classes and volunteering
Fundraising appeals

Sent by email and WhatsApp. Turn off any time.

Your data is stored in Singapore, encrypted, and deleted 6 months after the run ends.

⌂Home
⟳Sync
☰Ranks
◉Me

Organisers set up and run the event from a web console on a computer. It works in any desktop browser, for invited organisers only, with two-factor sign-in. Use the left menu to move between pages. Every change reaches participants' apps straight away.

🔒 admin.[organiser-domain]/overview

Overview

Muhammadiyah Run SG 2027 · Live · 1 Jan – 31 Mar · 34 days left
Participants1,284
1,198 approved
Donations receivedS$23,960
approved only
Finishers312
24% of approved
Packages collected188 / 241
collection 12–20 Apr
Needs attention
23 payment proofs waiting
6 flagged treks (unusual speed or distance)
T-shirt size L: 12 left in stock
Top 10 finishersby finish time
1Hafiz Ismail9 Jan, 7:42 pm
2Siti Lestari10 Jan, 6:15 am
3Rizal Zainal11 Jan, 9:03 pm
7 more · 2 under review

Run setup

Changes are saved as a draft until you publish.
BrandingDetailsDistance & activitiesDatesFees & paymentLeaderboard
Branding
Muhammadiyah Run SG 2027
⇪ Upload banner
#0F6B4F
#F2B33D

Colours are checked for readable contrast before publishing. The phone home-screen icon and store name change only with an app release.

Fees & payment
20.00
25.00
T00XX0000X
MRSG-{participant no.}
⇪ Upload QR
Live preview

How participants will see it

Muhammadiyah Run SG 2027
70 km

1 Jan – 31 Mar · S$20 donation

42.6
of 70 km

Payments

Check each proof, then mark it received. The participant is notified automatically.
23 pending
Pending (23)Approved (1,431)Rejected (17)
ParticipantTypeExpectedReferenceUploaded
Nur Aisyah R.DonationS$20MRSG-104715 Feb
Ahmad F.DonationS$20MRSG-105215 Feb
Siti L.PackageS$25MRSG-021114 Feb
Daniel K.PackageS$25MRSG-038814 Feb
[payment screenshot · opens via a 5-minute private link]
Nur Aisyah Rahman · MRSG-1047S$20 donation

Rewards & collection

Freebies, size lists and variants (e.g. XS–5XL, short or long sleeve), stock, who qualifies, and where to collect.
RewardTypeWho qualifiesSizesStock left
🏅 Completion medalPaid packageAll finishers—159 / 400
👕 Event T-shirtPaid packageAll finishersXS–5XL · short / long sleeve139 / 380 L low
🎒 Drawstring bagFreeTop 10 finishers—10 / 10
📜 E-certificateFree, digitalAll finishers—∞
Collection
[Venue name], [address], Singapore [postal code]
12 Apr 2027
20 Apr 2027
10 am – 6 pm. Show your collection code. A friend can collect with your code.

Notifications

Push notifications to participants' phones. Add your own automatic messages, or edit the built-in ones.
Automatic messages7 messages · 6 on
TriggerMessageSend toOn
Payment approvedYour donation is confirmed, {first_name}. Start trekking!That participant
Reaches 50% of targetHalfway there, {first_name}! {km_left} km to go, InsyaAllah.That participant
FinishedAlhamdulillah, you've completed {target} km!That participant
7 days before end dateOne week left to reach {target} km.In progress
Collection opensYour finisher package is ready to collect.Package holders
8 Feb 2027, 8 pm CustomRamadan Kareem! Try a walk after iftar or tarawih. Every step counts.Everyone
No activity for 14 days CustomWe miss you, {first_name}! You're {km_done} km in. Shall we walk this weekend?In progress
Quiet times

Nothing is sent during these times. A message due in a quiet time goes out right after it ends.

Friday prayers (Fri 12:30 – 2:30 pm)
Five daily prayer times (MUIS timetable, 20 min each)
Overnight (10 pm – 7 am)
+ Add quiet time
Edit automatic message
Halfway
Event
Distance reached
Days before / after a date
Date & time
No activity
50
% of target
The participant who reached it
Halfway there, {first_name}! {km_left} km to go, InsyaAllah.

Insert: {first_name} · {km_done} · {km_left} · {target} · {run_name} · {end_date}

Muhammadiyah Run SG
Halfway there, Aisyah! 35.0 km to go, InsyaAllah.
One-off announcement
Everyone
Not started
In progress
Finishers
Group walk this Saturday 7 am at East Coast Park, Area C. All welcome!
Fri 20 Feb 2027, 8:00 pm

Consent & privacy

What participants agree to at sign-up, and the privacy notice they see.
Preview privacy page ↗
Marketing consent options
Option shown at sign-upChannelsOpted inOn
Future runs and eventsEmail, WhatsApp812 (63%)
Programmes, classes and volunteeringEmail455 (35%)
Fundraising appealsEmail, SMS301 (23%)

Options are always unticked by default and never required to join. Editing the wording creates a new version; each person's record keeps the exact wording and time they agreed to.

Required consent (to join the run)
I agree that my details are used to run this event, as described in the privacy notice.
Export opted-in contacts for one option
Privacy notice details
[Organisation legal name]
dpo@[organisation-domain]
6 months
27 Oct 2026

The sections on what the app collects, how it is protected and participants' rights are fixed, so the notice always matches how the app really works.

Staff & security

Muhammadiyah Run SG organisation · 9 staff · only lead admins can invite or remove staff
NameRoleTwo-factorAccess until
Siti (you)Lead adminPasskeyNo end date
Ustaz HamidLead adminAuthenticatorNo end date
Zul (events)AdminAuthenticatorNo end date
Farid (finance)ApproverAuthenticator30 Apr 2027
Hanim (finance)ApproverPasskey30 Apr 2027
Volunteer team (3)Collection staffAll set20 Apr 2027
Nadia (board)ViewerInvite sent · expires in 2 days—

At least two lead admins are always required. Removing someone signs them out on every device immediately.

Invite staff
Aminah Salleh
aminah@[organisation-domain]
Lead admin
Admin
Approver
Collection
Viewer

Approver: payment proofs and flagged treks only. Sees name, reference and amount, not phone or email.

30 Apr 2027

The link is valid for 72 hours. They must set up two-factor sign-in before seeing anything.

Audit logevery staff action
15 Feb 9:20 pmFarid approved payment MRSG-1047
15 Feb 6:02 pmSiti exported participants CSV
15 Feb 9:00 amSiti invited Nadia as Viewer
14 Feb 11:15 amZul changed accent colour
Organisation settings
Only allow invites to @[organisation-domain]
6 months after the run ends (30 Sep 2027)

Data is hosted in Singapore and encrypted. Only anonymous totals are kept after deletion.

For review