Saved-for-later / watchlist关注与收藏
Bookmark benefits, hub posts, upcoming events into one "for later" drawer. Useful when on the tube.
2bS
UKCBA Member App英国中华总商会 会员应用
Interactive demonstration · April 2026互动演示 · 2026年4月
Howler Monkey Ltd
v1.0
v1.0
Chapter one
第一章
Design ideas. 设计 构想。
The following are some design ideas for the Member and Admin pages. 以下为会员端与管理后台页面的设计构想。
Design example of the Onboarding page 入门引导页面设计示例
Design example of the Member Dashboard page 会员首页设计示例
Design example of the News detail page 新闻详情页面设计示例
Design example of the Benefits list page 福利列表页面设计示例
Design example of the Benefit detail page 福利详情页面设计示例
Design example of the Resources reader page 资源阅读器页面设计示例
Design example of the Me page (profile & privacy) 「我」页面设计示例(个人资料与隐私)
Design example of the Admin · Members page 管理后台 · 会员页面设计示例
ukcba.admin
Design example of the Admin · Push composer page 管理后台 · 推送编辑页面设计示例
ukcba.admin
Design example of the Admin · Tiers page 管理后台 · 等级页面设计示例
ukcba.admin
Chapter two
第二章
Phases of development. 开发 阶段。
How the app will roll out — what's contracted for Phase 1, and what sits on the roadmap after that. 应用将如何分期推出 —— 第一阶段已承诺交付的内容,以及其后规划的路线图。
UKCBAMember AppSitemap by phase
App Pages, and Phases of development.应用页面,及开发阶段。
Click any "View in Deck" link to see design idea for the pages.
点击任意"演示中查看"链接,查看相应页面的设计方案。
Pitch overview
2026-04-22 · v2
4 phases · 35 pages · 12+ ideas
Phase 1
Launch
Now — Jul 2026
Phase 2a
Revenue base + Events
Aug 2026 — Jan 2027
Phase 2b
Grow the surface
Feb 2027 — Jul 2027
Phase 3+
Deepen + explore
Aug 2027 onwards
Phase 1
Launch · 14-week delivery · end-June stretchCommitted
Now — Jul 2026 £5,000 fixed
№ 01
Member · mobile
14 pages
18Onboarding首次启动
06Sign in登录
01Member Dashboard首页
02News & announcements新闻
03News detail新闻详情
07Benefit Card list福利卡
04Benefit detail + code福利详情
08Member Directory会员名录
23Public profile公开资料
12Me · profile我
33Notifications inbox通知
22Resources · Charter章程
№ 02
Admin · web
11 pages
10Members table会员列表
20Member detail会员详情
15Tier management等级管理
05News editor新闻编辑器
21Static page editor静态页
19Benefit Card admin福利卡
14Push console推送控制台
25Admin users管理员
26System settings系统设置
16Audit log审计日志
34Comms templates模板目录
№ 03
Cross-cutting
Platform
Postgres RLS + per-table policy testsgate
Bilingual EN + 简体中文 · AI seed + reviewi18n
GDPR export + erasure edge fnslegal
UK data residency · eu-west-2infra
Sentry mobile + adminops
WCAG 2.2 AA · TalkBack + VoiceOvera11y
42 bilingual comms templates · Resendemail
35Email preview · renewal T−30邮件样例
Offline cache (TanStack Query persist)mobile
Biometric unlock · Keychain / Keystoreauth
Push · FCM + APNs · deep linkspush
Phase 2a
Revenue base + Events · renewals, Stripe, in-app events
Aug 2026 — Jan 2027 ~£8–12k
№ 01
Member · mobile
6 prototyped
09Hub list交流空间
13Hub submit提交发布
17Hub post detail发布详情
24My Hub posts我的发布
27Events list活动
28Event detail · ticket活动详情
Stripe Checkout · membership renewalpay
Bilingual Stripe receiptsemail
№ 02
Admin · web
3 prototyped
11Hub moderation queue审核队列
29Events grid活动列表
30Event detail + comms活动详情
Hub comms · H·01–H·04 (4 templates)email
Human translation reviewer UIi18n
Scheduled-publish preview tokenscms
WCAG 2.2 AA third-party audita11y
№ 03
Platform
Schema + cron
Automated renewal reminder ladder · T−60 → T+30cron
Stripe webhook · idempotent row writespay
membership_periods · payments · subscriptionsdb
events · event_rsvps · event_check_insdb
Event-comms timeline · T−14 / T−7 / T−1 / T−2h / T+1demail
Dietary notes encrypted via pgsodiumgdpr
Analytics events taxonomy (doc-only)doc
Phase 2b
Grow the surface · partner portal, analytics, paid events
Feb 2027 — Jul 2027 ~£10–14k
№ 01
Member · mobile
Extends P2a
Stripe event ticketing + QR check-inpay
SSO · Apple + Google sign-inauth
Tablet-optimised layouts · iPad firstui
Apple / Google Wallet tier cardmobile
Referral tracker · per-member code + rewardgrowth
№ 02
Admin · web
New surface
Advanced analytics dashboard · Metabaseanalytics
Push A/B testing + statistical gategrowth
Bulk comms composer over segmentsemail
Feature-flag console · rollout %ops
№ 03
Partner · web PWA
2 prototyped
31Partner dashboard仪表盘
32QR redemption scanner扫码核销
Multi-branch partner accountspartner
Partner self-service benefit draftspartner
Tiered-benefit pricing (10 / 15 / 20 %)partner
Weekly digest + monthly PDF commsemail
Phase 3+
Deepen + explore · community · platform reach · on-demand
Aug 2027 onwards £15k+ · scope by engagement
№ 01
Member · reach
Ideation
Location-aware benefit mapios + and
Home-screen widget · today's news + tiermobile
Apple Watch companionwearable
Public profile URL · opt-inprivacy
Connection / network viewcommunity
Recorded event library · bilingual subtitlescontent
№ 02
Admin · depth
Ideation
Churn / at-risk modelgdpr 22
AI-assisted moderation triagegdpr 22
Content calendar · editorial viewcms
Slack / Teams admin botops
Professional LSP translation pipelinei18n
№ 03
Platform
Ideation
Public-facing website · applications funnelweb
Member-to-member DM · indefinitely deferred
legal
Saved-for-later / watchlistmobile
Legend
Phase 1 · contract-committed · launches end-July
Phase 2a · roadmap · Aug 2026 – Jan 2027
Phase 2b · roadmap · Feb 2027 – Jul 2027
Phase 3+ · ideation · year-2 onwards
Clickable page chip · opens the prototype in
/design/ Feature chip · platform / cross-cut · no single page
Phase hand-off
Each phase ships as an independent engagement — no coupling between them beyond the schema evolving expand-and-contract. Phase 1 is under contract; Phases 2a, 2b, 3+ require a separate Phase 2 engagement that UKCBA can commission against this roadmap once launch has landed and early signals are in.
Chapter three
第三章
The future. 展望 未来。
Where the platform could go once Phase 1 is live — ideas for the UKCBA to consider for Phase 2 and beyond. 第一阶段上线后,平台的可能发展方向 —— 第二阶段及之后,UKCBA 可考虑的构想。
UKCBAMember AppFuture page ideas
Where the app could go next — after Phase 1.
A curated list of pages and features not yet prototyped. Grouped by theme, tagged by suggested phase (2a / 2b / 3 / 4), with an honest size estimate. Use this in the pitch as "the roadmap beyond launch" — evidence that the design system is ready to keep earning its keep.
Pitch overview
2026-04-19 · v1
Ideation · 28 ideas
№ 01
Member experience
会员体验 · 9 ideas
Location-aware benefit discovery基于位置推荐
"Nearby today" upgraded: a map view with partner pins and your member card ready to show at the door.
3MPrivacy
Apple Wallet / Google Wallet passApple / Google Wallet 会员卡
Tier card lives natively in Wallet — always on the lockscreen, updates tier/validity automatically.
2bM
Home-screen widget (iOS + Android)主屏小组件
Today's news headline + next event + tier. Nothing to click, just glanceable on the home screen.
3M
Apple Watch companionApple Watch 配套应用
Event ticket on the wrist · push reminders with actions · tier card as a glance complication.
4L
Referral tracker推荐追踪
Per-member referral code, clear rewards when referred members join and renew — links to M·11 template.
2bS
Public profile URL公开资料链接
Opt-in at ukcba.org.uk/m/mei-chen · useful for LinkedIn, email signatures.
3MPrivacy
Connection / network view人脉视图
Visual map of your introductions over time — who opened doors, where deals went. Respects privacy.
3L
Recorded event library活动回看
Catch-up feed for past briefings / AGM — tier-gated, with transcript + bilingual subtitles.
3L
№ 02
Admin tooling
管理工具 · 8 ideas
Analytics dashboard数据分析仪表盘
DAU/MAU · push open-rate · benefit redemption trends · tier migration flow. Supabase-native + Metabase.
2bL
Churn / at-risk model流失风险模型
Per-member risk score from inactivity, failed push opens, lapsed benefits. Daily cron into a queue.
3LLegal
Push A/B testing推送 A/B 测试
Send variant A to 50%, variant B to 50% · statistical-significance gate before rolling winner to all.
2bM
Scheduled-publish preview定时发布预览
"See what members will see at 08:30 Wednesday" — short-lived signed preview URL per post.
2aS
Bulk comms composer批量邮件合成
Mail-merge style composer over member segments · preview per-recipient · throttled send.
2bM
Content calendar / editorial view内容日历
Month view combining news · static page edits · push campaigns · events. One editorial cadence.
3M
AI-assisted moderation triageAI 辅助审核
Flag likely-problematic Hub posts before human review · never auto-reject · zh-CN models tested separately.
3MGDPR 22
Feature-flag console功能开关控制台
Beyond on/off in Settings · percent rollouts · audience targeting · kill switches.
2bS
№ 03
Partner ecosystem
合作伙伴生态 · 6 ideas
Multi-branch partner portals多门店门户
Chains like Din Tai Fung need per-branch scan terminals and reporting · branch staff accounts under the partner.
2bM
Partner-submitted offer flow合作伙伴自助上架
Partner drafts a new benefit in the portal · UKCBA admin approves · no back-and-forth email threads.
2bM
Commission / revenue-share tracking佣金分成追踪
If UKCBA takes a small % on paid events or partner-referred transactions · automated reconciliation.
3L
Member-suggested partners会员推荐合作伙伴
Member "I'd love to see X on the Benefit Card" · feeds the Benefit-Card admin pipeline.
3S
Partner-side member dashboard合作伙伴 · 会员视角
Let partners browse what their benefit looks like to a Patron, Member, Associate — live preview.
2bS
Tiered benefits / dynamic pricing分级优惠
Same partner offers 10% to Member, 15% to Patron, 20% to Founding — scanner picks the rule automatically.
2bM
№ 04
Platform
平台能力 · 5 ideas
Tablet-optimised layouts平板适配
iPad / Android tablet — many senior members reach for the tablet first. Re-flow, not redesign.
2bM
Public-facing website对外公开网站
A thin Next.js site at ukcba.org.uk that feeds would-be members into the application flow.
3L
SSO · Apple & Google社交登录
Lower friction on first launch · link existing member records with SSO identity · Apple Sign-In required on iOS.
2bS
Slack / Teams admin botSlack / Teams 管理机器人
Hub submissions notified in #ukcba-mods · one-click approve from Slack · renewal alerts to the board.
3M
Professional zh-CN translation pipeline人工翻译工作流
Move beyond AI seed · integrate Crowdin/Lokalise for UI strings; named human reviewer on CMS content.
2aM
∞
Rough sequence · our recommendation
Phase 2a · Aug 2026 – Jan 2027
Post-launch anchors
~£8–12k · 3 months effort
- Stripe-powered renewals (M·03–M·11)
- Events & RSVP (27–30 live)
- Scheduled-publish preview
- zh-CN human-translation pipeline
Phase 2b · Feb 2027 – Jul 2027
Grow the surface
~£10–14k · 3 months effort
- Stripe event ticketing
- Partner portal go-live (31, 32)
- Wallet pass + referrals
- Analytics dashboard · tablet layouts · SSO
Phase 3 · Year 2+
Deepen the community
~£15k+ · scope by engagement
- Location-aware benefit discovery
- Recorded event library
- Content calendar · AI-assisted moderation
- Home-screen widgets · Slack bot
Phase 4 · long game
The adjacent possible
Engagement-dependent
- Apple Watch companion
- Connection / network view
- Public website feeding applications
- Members-to-members DM · after Online Safety Act review
Thank you感谢
A bilingual, tier-gated membership app. End-July 2026 launch.
双语、分级会员应用。2026年7月底发布。
Howler Monkey Ltd · iain@howlermonkey.co.uk