Couriq用包裹与车辆立体图、橙色重点和黑白卡片组织新建配送与追踪。订单编号在首页和地图详情持续出现，报价又接到付款摘要。流程越完整，成功反馈越需要说明对象：保存卡片、付款和创建订单分别代表不同结果。
核心结论
- 编号贯穿订单，状态和费用应随之保持一致。
- 绑卡、付款与配送单创建分别反馈完成对象。
首页区分新任务与已有订单
New Delivery和Track Package在首页并列，Current Shipment保留名称、编号、地点和日期，下方Recent Shipment继续列已有记录。图像帮助识别任务，编号则支持回查具体订单。
当前卡的进度点、勾号与小车适合表达阶段，文字状态也应有稳定定义。同一编号在当前和近期区域出现不同名称时，应说明它们属于不同层级或统一用词。
界达设计更偏好从编号检查各页面的一致关系。名称、起终点、状态与费用一起核对，比只让每个屏幕有相同橙色更能保证操作对象清楚。
新建与追踪也应分别保留返回路径。用户正在查一个包裹时，不必因为看到新建入口而重新填单；继续新任务时，则应明确不会修改当前订单。
报价、绑卡与付款分开确认
报价卡按Regular、Cargo、Scooter、Cargo Ship列时长与价格，选中边框让当前方式容易找到。付款页Order Summary再拆费用，支付方式以单选状态表示，添加卡片使用独立表单。
配送方式应带到摘要，费用名称与总额共同说明这次付款范围。新增支付方式只是建立条件，保存之后宜返回原摘要，再单独确认金额和支付。
成功卡写Payment Card Added Successful，却给Download PDF和Track your Order。标题说卡片保存，后续按钮说订单资料，步骤关系需要先讲清楚；若付款仍未发生，反馈应回到支付选择。
收据可以在付款结果明确后提供，并保留订单标识及金额。流程线让展示更连贯，实际状态仍需分别命名，不能用一个勾选图包办所有完成结果。
追踪保留编号，费用再核对
Location Tracking上方地图展示路线，下方深色卡保留Booking Id、状态、日期、两地、费用、数量与重量，底部电话和消息连接配送人员。地图说明位置，详情解释订单，分工清楚。
与付款摘要或收据比对时，费用如不同，应说明差额项目。追踪页Order Cost 120.00不能自动与其他页总额视为同一口径，标签和费用拆分需要统一。
地图还应注明位置更新时间和定位状态。已完成阶段、正在运输和预计到达分别表达，联系方式关联当前编号，便于询问时保留对象。
图中来源字段写Form，应校对为符合起点含义的名称。细小文字问题也影响任务理解，和状态及金额核对一起处理，才能让订单从创建到追踪保持可追溯。
常见问题
绑卡成功可以直接写订单成功吗？
应分别说明。保存卡片只是支付条件，付款和创建订单还需各自状态，后续入口与已完成结果对应。
追踪页为什么需要费用口径？
与付款或收据核对时，金额不同要能解释差额。总额、运费及其他费用应明确命名。
设计检查清单
- 同编号字段与状态可互相核对。
- 成功反馈只指已完成步骤。
- 地图时间、费用和来源字段明确。
统一配送下单与追踪状态
配送产品可先梳理报价、支付方式、付款和订单创建，再连接编号、地图及联系入口。
界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可一起梳理页面内容、界面结构与实现需求。
