"MarTech赋能"
个性化用户旅程的视觉自动化
从"群发"到"千人千面"的自动化设计
FIT HUB
线上/线下结合的综合健身服务平台的"Visual Journey"战役 — MarTech驱动的个性化视觉内容自动化。让设计自动化地跟随用户的行为旅程而变化。
视觉组件库
100+ 可替换的动态视觉组件
5大核心用户旅程
标签驱动的自动化视觉推送
个性化首次体验
动态荣誉勋章
智能挽回推送
紧迫感视觉
情感化互动
各旅程转化提升
个性化视觉 vs 通用模版
低效的自动化沟通
MarTech平台已部署,但视觉与数据脱节,个性化仅停留在文案层面。
自动化同质化
已部署MA平台,但所有自动化推送都使用单一、静态、低设计感的模版。"欢迎加入"、"会员升级"、"续费提醒"视觉完全一样。
视觉与数据脱节
自动化推送实现了"个性化文案",但视觉内容却是群发的。给"瑜伽爱好者"推送"力量训练"视觉,导致用户体验割裂,转化率低。
设计资源浪费
传统的个性化视觉需要设计师为100个用户标签手动设计100套模版,成本极高,无法大规模实施。
视觉驱动的真个性化
研究MarTech平台能力边界与用户对个性化视觉的反应。
模块化设计 + 标签映射
= 千人千面自动化
让设计跟随行为旅程而变化
用户的注意力被"视觉"驱动。真正的个性化,必须发生在"视觉层面"。文案个性化远远不够。
只有将设计元素(色彩、背景图、产品图)进行模块化、标签化,才能让MA平台通过API接口自动化调用和组合。
自动化流程的核心价值在于"实时性"。用户在"刚刚完成训练"或"会员即将到期"等关键时刻,必须接收到高设计感的即时反馈。
突破口
设计一套"动态视觉组件库",并将其与MA平台的数据标签打通,让"设计"自动化地跟随用户的"行为旅程"而变化。
视觉组件库构建与部署
将设计资产转化为可编程的自动化组件。
用户旅程视觉化
梳理5大核心用户旅程(新用户欢迎、会员升级、弃购提醒、流失预警、生日问候),为每个旅程设计专属视觉框架。
设计组件库
为每个旅程设计5套基础视觉框架,创建100+个可替换的视觉组件,并以JSON或API可调用的格式存储。
自动化部署
将视觉组件库与MA平台的用户标签进行映射,实现"标签驱动视觉"的自动化推送。
清美优势:美学标准植入技术逻辑
设计自动化与接口集成
视觉组件的极致美学
确保每个组件都具有统一的美学风格和高品质。设计师为每个组件设定了严格的色彩、光影、构图规范。
动态GIF:瑜伽冥想图、力量训练图
视觉规范:统一色彩、光影、构图标准
跨渠道格式优化
设计的组件库,可以同时生成邮件HTML格式、App推送图片格式、微信模板消息格式,确保在任何渠道推送时,视觉效果都能保持一致。
情绪化视觉设计
根据不同用户旅程设计相应的情绪化视觉:
流失预警:低饱和度、略显忧郁的色彩 + 倒计时动态设计
会员升级:高光、高饱和度的胜利主题视觉
实时监测与优化
实时监测不同视觉组件的CTR差异。发现"瑜伽"标签的用户对柔和的绿色系视觉组件点击率更高,据此持续优化。
两大旅程优化验证
从静态模版到动态个性化的转变
优化前
推送内容:静态欢迎词 + 文字介绍
视觉:通用健身图片
个性化:仅有文案个性化
Open Rate:18%
优化后
推送内容:个性化欢迎 + 目标运动
视觉:自动调用对应运动组件
个性化:视觉 + 文案双重个性化
Open Rate:23.4% (+30%)
优化前
推送内容:文字提醒"您已升级"
视觉:无特殊设计
情绪:平淡无奇
CTR:12%
付费转化:5%
优化后
推送内容:动态GIF荣誉勋章
视觉:高设计感恭喜海报
情绪:成就感 + 胜利氛围
CTR:15% (+25%)
付费转化:6% (+20%)
持续优化发现
基于数据的组件迭代
色彩偏好分析
实时监测不同视觉组件(如不同颜色CTA按钮)的CTR差异。发现"瑜伽"标签的用户对柔和的绿色系视觉组件点击率更高。
优化行动:设计师据此调整了该标签下的所有组件,持续提升效率。最终瑜伽用户群体的CTR额外提升8%。
MarTech × 设计的完美融合
实现100%自动化的视觉个性化推送
设计资产的技术化革命
FIT HUB成功实现了100%自动化推送的视觉个性化
极大地提升了用户对品牌的科技感和关怀度的认知
一次性组件库投入,取代长期高成本的手动设计
100+
视觉组件数量
可替换的模块化素材
5
核心用户旅程
全面覆盖生命周期
−70%
设计成本降低
vs 传统手动设计




















