會員預約 AppMembership booking app
為虛構的課程工作室「拾刻」設計的會員預約 App 概念,展示預約日曆、點數會員卡與即時通知,讓預約、報到與累點都在一支手機完成。
A membership booking app concept for Shike, a fictional studio: a booking calendar, a points membership card and live notifications, so booking, check-in and earning points all happen on one phone.
此為概念設計,用於展示我們的設計與開發能力,並非真實客戶案例。
This is a concept design that demonstrates our design and development capabilities; it is not a real client project.

課程工作室、美容與運動空間常靠電話、訊息和紙本集點卡管理預約,名額、候補和剩餘堂數容易出錯,會員也不清楚自己還有多少堂數與點數。
這個概念由三個核心畫面組成:以週曆加時段格呈現的預約頁,即時顯示剩餘名額並支援候補;漸層會員卡呈現點數與等級進度,報到條碼定時更新;通知中心整合上課提醒、候補結果與點數入帳。
實作上可以用 React Native(Expo)或 Swift 開發 App,後台以 Payload CMS 管理課程、時段與會員方案,並透過推播服務發送提醒。預約與點數規則集中在伺服器端處理,避免重複預約或名額超賣。
Studios, salons and fitness spaces often run bookings through phone calls, chat messages and paper loyalty cards. Places, waiting lists and remaining classes are easy to get wrong, and members rarely know how many classes or points they have left.
This concept is built on three core screens: a booking page with a week strip and time-slot grid that shows remaining places live and supports waiting lists; a gradient membership card with points, tier progress and a check-in code that refreshes itself; and a notification centre for class reminders, waiting-list results and points earned.
It could be built with React Native (Expo) or Swift, with Payload CMS managing classes, time slots and membership plans, and a push service sending reminders. Booking and points rules live on the server, so double bookings and overselling are ruled out.
