美团 · 到店到综 C 端 · 2023 — 2024 · 到店到综 · Transaction flow design
团详改版 · 核心交易链路
拉通到综多业务核心交易链路，打造「省」的优惠心智
0+
整合沉淀通用组件
0
优惠感知设计原则（知识卡片）
0
个行业通用解决方案
业务设计主管 · 前置探索、跨行业方案与协作机制
基于用户决策路径，以团详页为基础，拉通到综多业务核心交易链路，从列表页 → POI 团购货架 → 团详页 → 提单页 → 订详页，进行全链路的体验转化提升和优惠心智打造。
User decision flow · 用户决策路径
起心动念 → 考虑 → 评估选择 → 交易购买 → 履约 / 服务
- Trigger起心动念
- Consider考虑
- Selection评估选择
- Purchase交易购买
- Fulfillment履约 / 服务
Project brief · 问题与挑战
在 D+ 竞争攻防的背景下，现有体验的四个问题
信息获取效率低
团详页承载用户交易决策的核心信息，是到综 C 端最重要的页面之一，对标 D+ 首屏信息密度明显落后；不同业务行业差异大，信息结构和重点不同，难保证体验一致性。
信息丰富度不足
商品图片数量和质量欠佳、标题不清晰、决策信息缺少，首屏无法传递有效信息。
框架拓展性差
当前团详页框架结构化不足，无法拓展和承载更多新增模块如标准化商品，用户比货效率低。
用户对「省」的感知不足
现存 7 种优惠类型（优惠券、立减、次卡、金融补贴、拼团、限时特惠、会员卡），交易链路上的优惠表达混乱，用户难以快速理解优惠构成。
设计挑战 → 解决方法
项目复杂度高、需求模糊度高、跨多部门合作
团详改版涉及的交叉项目众多，项目流程相互关联；业务暂未提供具体需求详情，需设计侧前置探索；涉及到综多个行业，行业诉求各异。
在专业上深入研究
以全局体验视角，前置帮助业务梳理项目方向，通过数据摸底、专家走查、竞品分析梳理需求策略，主动发起设计提案；深入研究到综各行业的特定需求和痛点，制定通用设计方案。
在流程上横向拉通
依托平台组件标准库建立团购详情模块维护机制，简化通用组件接入流程；成立虚拟产品委员会评审，减少非必要的新增实体；建立业务和平台设计师的协作机制，标准化周会通晒方案及卡点。
Design research · 前置探索
数据摸底 · 团详走查专项 · 学习行业最佳
数据摸底
从全链路看数据漏斗：首页 – 频道页 – 列表页 – POI 团购货架 – 团详页 – 提单页 – 订详页；团详页看各模块数据：看服务、看特色、看介绍、看优惠。
团详走查专项
共性问题：标题和图片无法传递有效信息、关键决策信息缺失或不结构化、商户信息一致性差。个性问题：休娱重要信息展示不清晰、丽人医美交互形式不方便、教育母婴信息缺失和矛盾。
学习行业最佳
电商类：淘宝、京东、拼多多、小红书、盒马；酒店 / 本地生活类：Airbnb、携程、58 同城、口碑、抖音。
Design strategy · 设计策略
通过统一优化到综多行业团详页，提升交易转化，巩固团购「省」的心智
- 01策略一
页面信息框架升级，提升信息获取效率及体验
强化富媒体内容表达、提升首屏信息获取效率、适配标准化商品结构。
- 02策略二
优惠信息规范化，全链路透传「省」心智
业务目标：点击率、访购率提升，塑造优惠心智。
- 03策略三
适配多行业特性，提供通用的解决方案
覆盖到综多个行业的差异化诉求。
策略一 · 页面框架升级
提升信息获取效率及体验
01 · 优化整体框架信息布局
头图 · 小详情 · 大详情
结合用户需求定义信息框架；聚合底部行动点，为用户提供决策出口；跟随浏览深度，划分为头图、小详情、大详情 3 个大区域。
02 · 富媒体内容表达
打造头部视觉沉浸感
案例图集，丰富内容展示；下拉切换显示比例，适配多行业图片情况。
03 · 相似品推荐
基于用户比货场景，增加相似品推荐能力
强化价格，同时结合用户浏览路线，在初始状态下仅展示一行，当用户有上滑动作后完整展示比货信息。
04 · 商品特色信息
提炼商品特色信息，组合不同模式满足不同业务场景
便于用户快速定位自身需求下决策，减少浏览成本。
项目结果
+pp
访购率 / 头图点击率
提升链路转化（脱敏）
+pp
交易行动点击率
优惠明细点击下降，巩固「省」心智
0+
整合沉淀通用组件
0
优惠感知原则
沉淀资产 & 设计原则