REITs TechDeveloper进入 UI Studio
UI 蓝图/预约平台/店铺与服务详情
TARGETF4Web · 比较服务、价格、信任信息与政策后准备预约的消费者

店铺与服务详情

把店铺身份、服务菜单、相册、口碑、预约政策和下一步选择组织成可信决策页

/shop/:publishHashpublic-booking-platform对照 CURRENT · booking-store →
UI STUDIOtarget-booking-store
Web1440 × 900100%
100%
/shop/:publishHash
TARGET UI1440 × 900FIT 100%
RREITS 服务可信本地服务我的
首页　/　居家照护　/　CareDoor 居家照护目录快照 10:42 SGT
CAREDOORVERIFIED HOME CARE
STOREFRONT · CAREDOOR · revision 42

CareDoor 居家照护

让专业照护走进家门，让陪伴更安心。

  • ✓ 平台身份已验证
  • ★ 4.9 · 286 条真实服务评价
  • ⌁ 平均 6 分钟响应
营业中 · 22:00 结束武吉知马 · 服务半径 12km
BOOKABLE SERVICES

选择服务

所有价格已含平台服务费
护
长者居家陪护 人气

2 小时 · 上门服务

生活协助、陪伴与安全巡视
诊
医院陪诊服务

3 小时 · 含行程规划

服务说明、适用人群与准备事项可查看
康
术后康复陪伴

4 小时 · 需健康问卷

服务说明、适用人群与准备事项可查看
✓身份与资质主体、照护人员资质已核验
↺取消与改期服务前 12h 可免费改期
♢履约保障操作记录与支持入口可追踪
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK选择服务主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTStorefrontready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

可以直接拆成开发任务的目标定义

目标稿与当前实现严格分轨；只有产品仓实现、测试与生产证据齐全后，才会转为 current evidence。

01

页面区域

  • 共享消费者导航
  • 店铺身份与状态
  • 信任摘要
  • 服务列表
  • 服务详情
  • 媒体与评价
  • 政策/地址
  • 桌面侧栏与移动固定 CTA
02

用户动作

  • 选择服务
  • 查看服务详情
  • 浏览相册
  • 查看政策
  • 收藏店铺
  • 带服务进入预约
03

必须状态

  • 店铺已发布
  • 店铺骨架
  • 尚未发布服务
  • 部分媒体失败
  • 店铺读取失败
  • 离线店铺快照
  • 私有/暂停店铺
  • 预约选择确认
  • 服务已选
04

数据契约

  • Storefront
  • StorefrontRevision
  • ServiceCatalog
  • MerchantTrust
  • MediaGallery
  • BookingPolicy
  • PublishState

TARGET MODULES

目标页面必须交付的模块

  1. 01店铺 Hero 与营业状态
  2. 02信任与履约信息
  3. 03可预约服务菜单
  4. 04服务详情和价格
  5. 05相册与环境
  6. 06评价摘要
  7. 07取消改期政策
  8. 08固定预约 CTA

PRODUCT ROUTE INDEX

预约平台 的 21 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言，但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
发现好店/
Web02
店铺详情/shop/:publishHash
Web03
三步预约/t/:publishHash
Web04
订单与预约状态/booking-status
Web05
商家工作台/console?t=:hash
Admin06
移动发现入口/mini
Miniapp07
官方介绍页/official
Web08
安全与隐私/security
Web09
商家登录/console?t=:hash
Admin10
本地服务发现/
Web11
店铺与服务详情/shop/:publishHash
Web12
三步预约与提交/t/:publishHash
Web13
我的预约与自助管理/booking-status
Web14
Mini App 宿主预约/mini
Miniapp15
商家身份与店铺选择/merchant/sign-in
Admin16
商家今日工作台/merchant/:projectId/today
Admin17
预约审核与决策/merchant/:projectId/bookings
Admin18
排班与容量规划/merchant/:projectId/schedule
Admin19
服务与价目目录/merchant/:projectId/services
Admin20
店铺内容与发布/merchant/:projectId/storefront
Admin21
店铺设置与渠道治理/merchant/:projectId/settings
Admin
← 本地服务发现三步预约与提交 →