W WOW Studio CRM · UI Prototype GMT+8 ·

Role & navigation map

Three portals, each with its own login. The admin portal is one application whose sidebar is filtered by role; the teacher portal is a separate mobile app. Nothing in this map requires a change when a fourth branch is added.

Portals

PortalRolesDeviceShellRelease
Admin portalSuper Admin, Owner, Branch Admin, OperatorDesktop, min 1280pxSidebar + top bar with branch switcher (template)v1
Teacher portalTeacherPhone / tablet, 360px+Top bar + 4-tab bottom bar (template)v1
Parent portalParent / adult studentPhoneSame mobile shell, different tabsv1.5

Admin portal sitemap

Sidebar order, top to bottom. Indented items are sub-pages reached from the parent, not separate sidebar entries. Counts in the sidebar (e.g. Attendance) are live numbers for the selected branch.

Dashboard

6.10
  • Branch dashboard KPIs, today, alerts
  • HQ consolidated Super Admin / Owner

CRM

6.1
  • Leads pipeline board + list
    • Lead detail: follow-up log, trial booking, convert
  • Customers payers: parents, adults, renters
    • Customer detail: students, invoices, replacement count
  • Students enrolments, attendance, notes
  • Parents emergency contacts

Timetable

6.2 / 6.3
  • Week by Room default view
  • Week by Teacher
  • Day
  • Year terms, breaks, holidays, off-days
  • Classes list + create
    • Class detail: students, slots, attendance per slot
    • Slot detail: status, chargeable flag, history

Room Booking

6.4
  • Availability grid 30-min cells, idle capacity
  • Bookings tentative / locked
    • Booking detail: deposit, slots, invoice

Attendance

6.5
  • Pending Work slots > 24h unmarked
  • Replacement credits per customer, book make-up

Products & Enrolment

6.6
  • Products syllabus / per slot
  • Discount codes admin-only, bound to products
  • Enrolments student × class × product
    • Freeze / extend / transfer (HQ admin)
    • Expiry & renewal alerts

Billing

6.7
  • Invoices per customer, multi-line
    • New invoice incl. open amount
    • Record payment
  • Payments
  • Fee Run From/To, Calculate Fees
    • Run result: buckets
    • Checking Table
    • Past runs
  • Overdue & ageing

Salary

6.8
  • Salary Run From/To, Calculate Salary
    • Run result: sheets per teacher
    • Past runs & versions
  • Salary sheets Draft → Confirmed → Signed off
  • Salary rules teacher × product × style
  • Payout summary CSV export

Settings

6.9
  • Branches & rooms
  • Styles & courses
  • Yearly calendar per branch, manual
  • Thresholds chargeable 24h, pending 24h, deposit refund 48h
  • Invoice numbering
  • Users, roles & teacher-branch links

Reports (6.10) live under Dashboard in v1; a separate Reports entry is reserved for v1.5.

Teacher portal sitemap

Four bottom tabs. A teacher linked to more than one branch picks the branch in the top bar; every tab then shows only that branch.

Home

  • Today's classes tap → attendance
  • Pending attendance own slots > 24h
  • Notices

Schedule

  • Week list own classes only
  • Class detail
    • Attendance: present / late / absent per student
    • Student notes

Students

  • My students phone numbers only if setting on
  • Student notes

My Salary

  • Statement per branch per period
  • Line-by-line breakdown read-only

Parent portal (v1.5, reserved)

Home· Timetable· Balance & invoices· Make-up booking

Not designed in Phase 1–4. Listed so replacement-credit and invoice screens are built with a customer-facing view in mind.

Role × screen access matrix

F full (create, edit, run)   V view only   O own records only   no access

ScreenSuper AdminOwnerBranch AdminOperatorTeacherNotes
Branch scopeAll + toggleOwn branch(es)Own branchOwn branchLinked branchesOnly Super Admin has the "All branches" toggle
DashboardFFFVConsolidated HQ view for Super Admin and Owner
CRM: leads, customers, students, parentsFFFFOTeacher sees own students; contact numbers per-teacher setting
Timetable & classesFFFVOOperator books trials into slots but does not create classes
Room bookingFFFFOperator enters renter bookings and deposits
AttendanceFFFFOAdmin/operator marks on teacher's behalf; record shows who marked
Pending WorkFFFFOTeacher sees own pending slots on Home
Replacement creditsFFFFAdmin books make-ups in v1
Products & discount codesFFFV
EnrolmentsFFFFFreeze / extend / transfer between siblings: HQ admin only
Invoices & paymentsFFFFVoid requires reason; audit trail
Fee Run & Checking TableFVFBranch Admin runs it
Salary RunFVFBranch Admin runs and confirms
Salary sheet: ConfirmFFBlocked while attendance pending
Salary sheet: Sign off / RejectVFOwner only; Super Admin can view but not sign
Salary statementVVVOTeacher: own, per branch
Salary rulesFFFRate changes audited; bound rule on class unchanged
Settings: branch-levelFFFRooms, calendar, thresholds, invoice numbering
Settings: global & usersFBranches, styles, roles, teacher-branch links

Assumption to confirm in Phase 5: Owner can view Fee Run and Salary Run results but does not run them. Adjust the matrix if the Owner also acts as Branch Admin in a small branch.

Branch scope rules

  • One branch at a timeThe branch switcher in the top bar sets branch_id for every list, form and run on the page. Switching branch reloads the page in that branch.
  • "All branches" is read-onlyOnly Super Admin sees it. It shows consolidated lists and dashboards; creating or running anything requires picking one branch first.
  • Teachers switch, never mergeA multi-branch teacher sees one branch at a time; salary statements are per branch and never add up across branches.
  • No cross-branch pickersA form never offers rooms, teachers, classes or customers from another branch. Transfers between branches are a Settings action, not a dropdown.

Key flows (screen sequences)

Lead to client

Lead (New) Contacted Book trial Trial Attended Convert wizard: Customer → Student → Parent (optional) → Enrolment → First invoice Converted

Month start (fees in advance)

Billing › Fee Run From / To = current month Calculate Fees Buckets: Paid / Partially paid / Unpaid / Needs checking Checking Table Invoices issued

Month start (salary in arrears)

Salary › Salary Run From / To = previous month Calculate Salary Sheet per teacher (Draft) Branch Admin: resolve flags, Confirm Owner: Sign off / Reject Payout summary

Room rental

Room Booking › Availability grid Pick renter (Customer) or create with IC Room, date, :00/:30 start, ≥ 1h, recurrence Tentative + rental invoice with deposit line Record deposit Locked