User Portal Navigation

Typical member app layout:

┌─────────────────────────────┐ │ App bar + menu (drawer) │ ├─────────────────────────────┤ │ │ │ Active tab content │ │ │ ├─────────────────────────────┤ │ Home │ Club │ Shop │ Desk │…│ ← bottom tabs └─────────────────────────────┘

• Tabs switch major modes; drawer holds secondary destinations.
• Exact tab set depends on club options and App Builder publish state.
• Guest vs logged-in visibility controlled per section in App Builder.

**Menu:** User Portal → Bottom tabs → Home**

Personal landing — App Builder sections (slider, quick actions, wallet card). See Dashboard guide portal section and App Builder guide.

Step-by-step (member)

1. Default tab on open — pull to refresh if stale.
2. Tap shortcuts to reach shop, events, or forms.
3. Empty home → club has not published sections — use other tabs.

**Menu:** User Portal → Bottom tabs → Club**

Membership hub — levels, points, referral, benefits, sometimes loans/credit entry.

Page sections (typical)

• Current membership level and upgrade CTA
• Points and credit balance
• Referral code share sheet
• Links to Events, Levels purchase, group info

Step-by-step

1. Open Club to check level expiry date.
2. Upgrade opens level comparison and wallet payment.
3. Share referral via system share from referral row.

**Menu:** User Portal → Bottom tabs → Shop**

Marketplace browse — see Marketplace guide portal sections.

Step-by-step

1. Search or category browse.
2. Cart icon in app bar — proceeds to Checkout.

**Menu:** User Portal → Bottom tabs → Desk**

Personal productivity — calendar, tasks, notes (club-dependent configuration).

Typical contents

• Calendar events personal and club-published
• Task list or desk widgets from App Builder if desk page customized
• Shortcuts to support or services

Step-by-step

1. Open Desk for schedule view.
2. Tap day for event list — club events may sync here if integrated.
3. Add personal reminder if feature enabled.

**Menu:** User Portal → Drawer or Desk → Calendar**

Month/week view — may aggregate events, desk items, building charges due dates.

**Menu:** User Portal → Bottom tabs → Contacts**

Messaging — see Chat guide. Chat list, new message, contact sync.

**Menu:** User Portal → Drawer → Settings**

App preferences — language, theme, notifications, security, support link.

Common rows

Step-by-step

1. Open Settings from drawer or profile avatar.
2. Enable notifications at OS level if pushes not arriving.
3. Logout before handing device to someone else.

**Menu:** User Portal → Drawer → Profile (or Settings → Profile)**

Personal data — name, mobile, email, IBAN for withdrawals, avatar.

Step-by-step

1. Update IBAN before first wallet withdrawal.
2. Avatar upload may crop to square — use clear face or logo for business accounts if allowed.
3. Some fields locked — contact club support to change verified mobile.

**Menu:** User Portal → Drawer → Finance section**

Typical links when options enabled:

Only enabled modules appear — missing link means club has not activated option.

**Menu:** User Portal → Drawer → Services section**

Plus published dynamic pages from App Builder with “Show in drawer” checked.

Dynamic and native pages opened from Home actions, drawer, or notifications.

My orders

**Drawer → My orders** — order history and detail.

Checkout

**Shop → Cart → Checkout** — payment confirmation; do not use back button during gateway redirect.

My tickets

**Drawer → My tickets** — event QR codes; see **Events** guide.

Scenario — first login after invite

1. OTP login with mobile.
2. Land on Home — complete profile prompt if shown.
3. Explore Club for level benefits.
4. Wallet top-up if shop requires prepaid balance.
5. Discounts for local partners.

Scenario — find acceptor discount

1. Drawer → Discounts (not always Home).
2. Browse category → tap acceptor → call or navigate.

Scenario — pay maintenance (building module)

1. Drawer → Building management.
2. Select building → pay charge period from unit view.

Scenario — message another member

1. Contacts tab → search name → send message.
2. Or sync phone contacts first time on mobile.

Advanced tab order changes require platform admin / bootstrap — club uses App Builder for Home and drawer pages. See App Builder → Navigation section.

• Navigation = bottom tabs (primary) + drawer (secondary) + App Builder home.
• Finance and services drawer items appear only when club options on.
• Train members using visible labels: Home, Club, Shop, Wallet, Discounts.