跳到主要內容Skip to content
中EN
選單Menu
概念作品Concept

AppApp課程與會員服務Studios and memberships

會員預約 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.

概念作品:「拾刻」會員預約 App 的預約日曆、會員點數卡與通知畫面

課程工作室、美容與運動空間常靠電話、訊息和紙本集點卡管理預約,名額、候補和剩餘堂數容易出錯,會員也不清楚自己還有多少堂數與點數。

這個概念由三個核心畫面組成:以週曆加時段格呈現的預約頁,即時顯示剩餘名額並支援候補;漸層會員卡呈現點數與等級進度,報到條碼定時更新;通知中心整合上課提醒、候補結果與點數入帳。

實作上可以用 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.

有類似的需求?Planning something similar?

先聊 30 分鐘:你的目標、預算與時程,我們免費提供初步建議。

Start with a free 30-minute call about your goals, budget and timeline.

預約免費 30 分鐘諮詢Book a free 30-minute consultation