Customer mobile booking flow Design mobile screens for:
Landing / shop profile page
Service category list
Service detail page
Staff selection
Date selection calendar
Time slot selection
Package selection
Customer info form
Booking summary / confirmation
Success page
Reschedule booking page
Login / check booking page
My bookings page
Include support for these booking types:
Fixed-time booking where purchase time already determines class time
Quantity-based package / ticket that gets deducted gradually
Flexible package where customer buys first, then chooses irregular class dates later
Reschedule request flow
Important mobile UX requirements:
Large tappable buttons
Clear step-by-step structure
Sticky bottom CTA where appropriate
Booking progress indicator
Easy-to-scan service cards and time slot chips
Owner admin dashboard flow Design desktop wireframes for:
Login page
Dashboard overview
Calendar view
Appointment list
Appointment detail drawer / modal
Customer management page
Service management page
Staff management page
Package / membership setup page
Order / payment history page
Availability and business hours settings
Manual booking creation page
Reschedule / cancellation management
Notification settings
Basic analytics page
Important admin UX requirements:
Clean sidebar navigation
Table layout for bookings and customers
Calendar-based overview
Filters for date, staff, status, and service
Quick actions for approve, reschedule, cancel, and message customer
Please structure the wireframe in this order: A. Customer mobile flow B. Owner desktop dashboard flow C. Key user journey map with arrows between screens
Component guidance:
Use placeholders for logo, images, and text
Use rectangles, labels, chips, cards, tables, inputs, dropdowns, tabs, and buttons
Add notes for important interactions where useful
Keep layout practical and realistic for SaaS product design
Output goal: A complete product wireframe map that can be used as the foundation for UX planning, feature discussion, and later high-fidelity UI design.
The colour is attached, 出中文網站
加入Stripe信用卡付款嘅免責條款
沒問題,既然你的系統設計了「雙軌制」(PayMe 截圖對帳 + Stripe 信用卡收款),那麼在免責聲明中明確區分這兩種支付方式的責任就極度重要!特別是 Stripe 涉及海外網關、手續費扣除 (Transaction Fees) 以及令商戶最頭痛的「信用卡退款爭議 (Chargeback/Dispute)」[1][2]。
你只需要在原來的 **「2. 金流及交易免責聲明 / Financial and Transaction Disclaimer」** 中,加入以下條款即可:
***
**2.4 第三方支付網關 (Stripe 信用卡付款) (Third-Party Payment Gateways - Stripe)**
本平台提供串接 Stripe 信用卡支付網關之功能。若商戶選擇啟用此功能,即表示商戶同意並須獨立遵守 Stripe 之服務條款(Stripe Services Agreement)及相關收費政策。
The Platform provides the functionality to integrate the Stripe credit card payment gateway. By opting to enable this feature, the Merchant agrees to and is independently bound by the Stripe Services Agreement and its associated pricing policies.
**2.5 信用卡交易手續費 (Credit Card Transaction Fees)**
商戶明白及同意,所有透過 Stripe 處理之信用卡交易,Stripe 將直接從交易金額中扣除其指定的交易手續費(例如但不限於每筆交易的特定百分比及固定附加費)。本平台不參與收取、亦無法退還該等第三方手續費。商戶如需將手續費轉嫁至終端客戶,須自行於後台設定並於結帳前向客戶清晰說明。
The Merchant understands and agrees that for all credit card transactions processed through Stripe, Stripe will directly deduct its designated transaction fees (including but not limited to a specific percentage and a fixed surcharge per transaction) from the transaction amount. The Platform does not collect, nor can it refund, such third-party fees. Should the Merchant wish to pass these surcharges on to the end-customer, it is the Merchant's sole responsibility to configure this in the backend and clearly disclose it to the customer prior to checkout.
**2.6 信用卡退款及爭議 (Chargebacks and Disputes)**
如終端客戶向其發卡銀行提出信用卡交易爭議或退款要求(Chargeback/Dispute),該等爭議之處理、舉證及潛在之罰款概由商戶與 Stripe 之間直接解決。本平台概不承擔任何因信用卡爭議所導致之資金扣押、退款損失或 Stripe 帳戶被封禁之責任。
In the event that an end-customer initiates a credit card transaction dispute or chargeback with their issuing bank, the handling, provision of evidence, and any potential penalties related to such disputes shall be resolved directly between the Merchant and Stripe. The Platform accepts no liability for any withholding of funds, loss from chargebacks, or suspension of the Merchant’s Stripe account resulting from credit card disputes.
***
### 💡 Developer 小貼士:點解要加這 3 條?
1. **第 2.4 條 (割席)**:說明你只是提供了一個 API 接口(Connect),老闆娘是自己去開 Stripe 戶口的。
2. **第 2.5 條 (手續費免死金牌)**:很多老闆娘數學不好,收 $500 發現入帳只有 $480 幾蚊,就會來找你晦氣說「點解你個系統食咗我啲錢!」。這條文保障了那是 Stripe 收的,不是你收的 [1]。
3. **第 2.6 條 (Chargeback 保護)**:這是 Stripe 最恐怖的地方。如果客人惡意投訴(說沒做過療程),Stripe 會強行從老闆娘戶口扣回那筆錢,甚至加收罰款(Dispute fee)[2]。寫明這點,如果老闆娘遇到西客要求退款,她只能去找 Stripe 申訴,而不能要求你的系統賠錢。
這三條加進去之後,你在金流上的法律防禦網就堪稱完美了!你覺得這樣的英文及中文翻譯是否足夠專業?
免責聲明 (T&C), 中英對照
這是一份中英對照的正式版《服務條款及免責聲明》(Terms of Service and Disclaimer)。
你可以直接將這份文件複製並應用到你的網站或註冊頁面上。請記得在使用前將 `[系統名稱 / System Name]` 及 `[公司名稱 / Company Name]` 替換為你的實際資料。
***
# 服務條款及免責聲明
# Terms of Service and Disclaimer
歡迎使用 [系統名稱](下稱「本平台」)。本平台由 [公司名稱](下稱「本公司」)提供及營運。當商戶(下稱「您」或「商戶」)註冊並使用本平台服務時,即表示您已詳細閱讀、理解並完全同意接受以下條款及細則之約束。
Welcome to [System Name] (hereinafter referred to as the "Platform"). The Platform is provided and operated by [Company Name] (hereinafter referred to as the "Company"). By registering and using the services of the Platform, the Merchant (hereinafter referred to as "you" or "Merchant") acknowledges that you have read, understood, and fully agreed to be bound by the following terms and conditions.
### 1. 平台角色界定 / Role of the Platform
**1.1** 本平台為一項純技術資訊管理工具,旨在協助商戶處理預約排期、發送通知及記錄套票餘額。
The Platform is strictly a technical information management tool designed to assist Merchants in managing appointment scheduling, sending notifications, and recording package credits.
**1.2** 本平台並非支付服務供應商(Payment Gateway)、金錢服務經營者(MSO)、亦非商戶或終端客戶之代理人。本平台概不參與商戶與其客戶之間任何實質的交易過程或服務提供。
The Platform is NOT a Payment Gateway, a Money Service Operator (MSO), nor an agent for the Merchant or the end-customers. The Platform does not participate in any actual transaction process or service provision between the Merchant and its customers.
### 2. 金流及交易免責聲明 / Financial and Transaction Disclaimer
**2.1 資金不經本平台 (No Funds Handled)**:本平台不處理、不持有、亦不轉移任何交易資金。所有交易(包括但不限於透過 PayMe、轉數快 FPS 或銀行轉帳之訂金或全數)均由客戶直接轉入商戶指定之銀行或電子支付戶口。
The Platform does not process, hold, or transfer any transaction funds. All transactions (including but not limited to deposits or full payments via PayMe, FPS, or bank transfers) are made directly from the customer to the Merchant's designated bank or e-wallet account.
**2.2 截圖對帳僅供參考 (Screenshots for Reference Only)**:本平台提供的「付款截圖上傳」及「金額識別」功能僅為輔助商戶營運之行政工具。商戶有絕對責任自行登入其相關之銀行或支付應用程式核實資金是否確實到帳。因偽造截圖、識別錯誤或未經核實而導致之任何金錢損失,本平台概不負責。
The "payment screenshot upload" and "amount recognition" features provided by the Platform are solely administrative tools. The Merchant has the absolute responsibility to log into their relevant banking or payment applications to verify the actual receipt of funds. The Platform shall not be liable for any financial loss resulting from forged screenshots, recognition errors, or unverified transactions.
**2.3 退款及收費爭議 (Refunds and Disputes)**:任何涉及預約取消、訂金退還、套票退款、重複收費或缺席(No-show)的財務糾紛,均屬商戶與終端客戶之間的獨立商業行為,本平台無權亦無義務介入或仲裁。
Any financial disputes involving appointment cancellations, deposit refunds, package refunds, duplicate charges, or no-shows are independent commercial dealings between the Merchant and the end-customer. The Platform has no right nor obligation to intervene or arbitrate.
### 3. 合規及法律責任 / Legal and Tax Compliance
**3.1 戶口使用風險 (Account Usage Risks)**:商戶有絕對責任確保其提供之收款戶口(無論為個人戶口或商業戶口)符合香港特別行政區之銀行規例及相關條款。如商戶因不當使用個人戶口作商業收款用途而導致戶口被銀行凍結、審查或終止,本平台概不負責。
The Merchant is solely responsible for ensuring that their provided receiving accounts (whether personal or business accounts) comply with the banking regulations and relevant terms of the Hong Kong Special Administrative Region. The Platform shall not be held liable if the Merchant's account is frozen, investigated, or terminated by the bank due to the improper use of personal accounts for commercial purposes.
**3.2 稅務及商業登記 (Tax and Business Registration)**:商戶須自行承擔並確保其業務營運符合香港法律,包括但不限於按時辦理《商業登記條例》及向稅務局如實申報業務收入。本平台不會代商戶承擔任何逃稅或違反合規之法律責任。
The Merchant shall bear full responsibility to ensure their business operations comply with Hong Kong laws, including but not limited to timely compliance with the Business Registration Ordinance and accurate reporting of business income to the Inland Revenue Department. The Platform assumes no legal liability for any tax evasion or non-compliance by the Merchant.
### 4. 服務質素及套票爭議 / Service Quality and Package Disputes
本平台僅提供「虛擬套票堂數扣減」之記錄工具。商戶透過本平台向客戶銷售的任何服務、療程或套票,其履約責任全歸商戶所有。若商戶因結業、頂讓或服務質素問題導致未能兌現套票承諾,引發客戶追討或投訴,本平台不承擔任何連帶責任。
The Platform only provides a recording tool for "virtual package credit deduction". The Merchant bears full liability for the fulfillment of any services, treatments, or packages sold to customers through the Platform. The Platform bears no joint liability for any customer claims or complaints arising from the Merchant's failure to fulfill package commitments due to business closure, transfer of ownership, or service quality issues.
### 5. 系統可用性及責任限制 / System Availability and Limitation of Liability
**5.1 系統維護與故障 (System Maintenance and Outages)**:本平台會盡力維持系統(包括 WhatsApp 自動通知功能)之穩定運作。惟本平台不保證服務絕對無中斷、無延遲或無錯誤。如因伺服器故障、第三方 API 政策更改或網絡問題導致預約漏報或通知未能送達,本平台毋須就商戶流失之營業額或利潤承擔賠償責任。
The Platform will make reasonable efforts to maintain the stable operation of the system (including the WhatsApp automated notification feature). However, the Platform does not guarantee that the service will be uninterrupted, delay-free, or error-free. The Platform shall not be liable for any lost revenue or profit resulting from missed bookings or undelivered notifications due to server outages, third-party API policy changes, or network issues.
**5.2 責任上限 (Liability Cap)**:在法律允許的最大範圍內,因使用本平台服務而引致的任何索償,本公司對商戶之最高賠償責任,僅限於商戶在發生爭議前一個月向本平台支付之實際訂閱月費金額。
To the maximum extent permitted by law, the Company's maximum aggregate liability to the Merchant for any claims arising from the use of the Platform's services shall be limited to the actual monthly subscription fee paid by the Merchant to the Platform in the month immediately preceding the dispute.
### 6. 數據及個人私隱 / Data Privacy
商戶須承諾遵守香港《個人資料(私隱)條例》(第486章)。商戶透過本平台收集之終端客戶資料(如姓名、電話號碼)僅可作預約及相關溝通之用。未經客戶明確同意,商戶不得將資料用於推銷其他無關產品或轉售予第三方。
The Merchant undertakes to comply with the Personal Data (Privacy) Ordinance (Cap. 486) of Hong Kong. End-customer data (e.g., names, phone numbers) collected by the Merchant through the Platform may only be used for booking and related communication purposes. The Merchant shall not use the data to promote unrelated products or sell it to third parties without the explicit consent of the customer.
### 7. 語言及司法管轄權 / Language and Jurisdiction
**7.1** 本條款及細則之中英文版本如有歧義,概以英文版本為準。
In the event of any discrepancy between the English and Chinese versions of these Terms and Conditions, the English version shall prevail.
**7.2** 本條款及細則受香港特別行政區法律管轄,並按其解釋。雙方同意受香港特別行政區法院之專屬司法管轄權管轄。
These Terms and Conditions shall be governed by and construed in accordance with the laws of the Hong Kong Special Administrative Region. Both parties agree to submit to the exclusive jurisdiction of the courts of the Hong Kong Special Administrative Region.
***
❌ 堅決「唔做」嘅功能 (避免變爛攤子)
為了保持系統輕量、易維護,以及維持每月低成本營運,以下是傳統系統有,但你絕對不寫的功能:
複雜庫存管理(不計洗頭水、精華液剩幾多支)
Yuet: agree
Kent: agree 2
員工佣金與更表計糧(目標是 1-3 人的微企,不需要 HR 系統)。
Yuet:half agree,但可以export到邊啲老師教左幾多堂幾多學生應該唔難?
Kent: not diff to develop but can be low priority.
傳統會員積分制(不要求客人「註冊儲分」,減低預約摩擦力)。
Yuet: agree
Kent: agree 2
無底線的客製化(不為單一客人寫 Code,只提供「改主題色、換 Logo、開關掣」的錯覺客製化)。
Yuet: agree,color tone/ message 佢留自己口吻夠了
Kent: Former experience give e.g. 48 free development hours (Only in MVP stage). Quote hours for their wanted features. Usually they will tell the most important / wanted feature. In production, usually charge for customisation.