PORTFOLIO / CASE STUDY

全域营销平台
体验升级

统一设计体系 × 核心体验重构 × 品牌体验升级 × 跨端协同

全链路体验升级
hero-cover-visual
全域营销平台 3D 动态主视觉
主视觉 90% + 标题信息 10% / 16:9
角色 / RoleUX/UI 设计师
平台 / PlatformWeb + 移动端
项目范围 / Scope营销平台
项目节奏 / Delivery Cadence单人分阶段推进

CONTEXT / CHALLENGE

项目背景与
现状挑战

平台规模扩张导致体验、视觉、品牌与跨端协同出现明显断层。

视觉割裂

缺少统一设计语言

体验低效

关键任务链路复杂

品牌弱化

产品缺少品牌识别

多端断层

Web 与 Mobile 协同不足

STRATEGY / FRAMEWORK

设计策略

通过四个维度的系统化策略，全面解决平台的现有痛点。

01

统一设计系统

建立统一视觉与交互规范

  • 设计令牌 / Design Token
  • 组件库 / Component Library
  • 交互规则 / Interaction Rules
系统 / 令牌 / 组件
02

重构核心体验

四类业务，五类核心页面重构。

  • 智能化营销活动列表 / Campaign List
  • 智能化营销活动画布 / Flow Canvas
  • 精细化营销配置 / Precision Marketing
  • 客户分组与人群标签 / Audience Segment
  • 效果分析报告 / Analytics Report
四类业务 / 五类页面
03

构建品牌体验

增强产品品牌感知

  • 视觉语言 / Visual Language
  • 品牌触点 / Brand Touchpoint
  • 场景表达 / Scene Expression
品牌 / 场景 / 记忆
04

打通多端协同

形成跨端体验闭环

  • Web 数据洞察 / Web Analytics
  • 移动端数据查看 / Mobile Data View
  • 筛选与明细 / Filters & Details
Web / 移动端 / 数据

DESIGN SYSTEM

统一设计体系

针对“视觉割裂”与“多端断层”，落实“统一设计系统”策略，以 Token 和组件规范统一页面表达。

设计令牌 / Design Token
  • 主题色 / 文字色 / 辅助色 / 数据图表色
基础规范
  • 间距 / 圆角 / 文案提示 / 树形层级
核心组件
  • 按钮 / 输入框 / 选项卡 / 表格
design-system-board
色彩、间距、圆角、表单、表格与树形层级规范
说明 20% + 视觉拼版 80%

INTELLIGENT MARKETING / REDESIGN 01

智能化营销
活动列表重新设计

针对“体验低效”的现状，落实“重构核心体验”策略，重组活动检索、分类、状态与操作入口。

改版痛点
  • 活动条目多，难以快速定位
  • 分类、筛选与状态信息分散
  • 创建与行内操作入口分散
重新设计
  • 整合关键词、状态与流程筛选
  • 突出活动状态与关键信息
  • 统一创建与行内操作入口

INTELLIGENT MARKETING / REDESIGN 02

智能化营销
活动画布重新设计

针对“体验低效”的现状，落实“重构核心体验”策略，将复杂营销任务重组为可编辑的流程画布。

改版痛点
  • 流程节点多，编排关系不直观
  • 节点分类与插入路径不清晰
  • 大画布查看与定位成本高
重新设计
  • 按常用节点、流程操作与客户查询分组
  • 提供节点插入与右键操作
  • 通过缩放与小地图辅助画布查看
campaign-canvas-visual
节点分组、插入操作与缩放小地图
左侧文字 35% + 右侧视觉 65%

REDESIGN 03 / OPERATION CONFIG

精细化营销
配置重新设计

针对“体验低效”的现状，落实“重构核心体验”策略，将营销任务拆分为清晰、连续的配置步骤。

改版痛点
  • 目标、内容、筛选与定时配置分散
  • 配置顺序与完成状态不清晰
  • 发送前缺少结果与内容确认
重新设计
  • 按目标分组、内容、筛选、定时四步组织
  • 提供筛选结果与号码预览
  • 支持内容测试发送与规则就地提示
strategy-config-visual
目标分组、内容配置、筛选结果与定时设置
左侧文字 35% + 右侧视觉 65%

REDESIGN 04 / USER SEGMENT

客户分组与
人群标签重新设计

针对“体验低效”的现状，落实“重构核心体验”策略，用结构化规则配置降低人群圈选成本。

改版痛点
  • 属性类型多，筛选入口分散
  • 组内、组间条件关系难以理解
  • 复杂规则缺少清晰的层级结构
重新设计
  • 按基础、交易、RFM 与自定义属性分类
  • 可视化呈现交、并、差等组合关系
  • 结构化编辑分组条件并生成分组
user-segmentation-visual
属性分类、条件关系与分组条件编辑
左侧文字 35% + 右侧视觉 65%

REDESIGN 05 / ANALYTICS

效果分析报告
重新设计

针对“体验低效”的现状，落实“重构核心体验”策略，将分散的营销结果重组为可筛选、可追溯的分析报告。

改版痛点
  • 效果指标与分析维度分散
  • 节点、订单与商品数据缺少联动
  • 趋势查看与明细追溯效率低
重新设计
  • 按数据概览、节点、订单、商品组织报告
  • 聚合覆盖、成交、意向等核心指标
  • 提供时间、节点类型与趋势明细筛选
analytics-dashboard-visual
数据概览、节点效果、订单商品分析与趋势明细
左侧文字 35% + 右侧完整数据报告截图 65%

BRAND EXPERIENCE

品牌体验升级

从首页与登录入口入手，延展至空状态、功能入口和弹窗等页面，完成品牌体验的统一升级。

背景/问题
  • 首页与功能页品牌表达分散
  • 空状态、入口与弹窗缺少统一体验
设计决策
  • 升级首页与登录入口视觉
  • 统一空状态、功能入口与弹窗
  • 将品牌视觉延展至核心触点
brand-experience-visual
首页与登录入口的品牌化视觉升级
左侧品牌策略 35% + 右侧页面展示 65%

INTERFACE SHOWCASE / 品牌化界面展示

interface-showcase-visual
首页、空状态、功能入口页与弹窗等品牌化界面
品牌化界面拼版

CROSS-PLATFORM DATA

全渠道数据
跨端协同

将 Web 端的全渠道数据洞察延伸至移动端，“全域罗盘”支持随时查看核心经营数据与分析明细。

Web 端：全渠道数据洞察
  • 交易概览与指标汇总
  • 渠道、商品与地区分析
  • 销售排行与趋势追踪
Mobile 端：全域罗盘
  • 交易、渠道、销售与会员概览
  • 日期、指标与层级筛选
  • 店铺与会员数据明细
cross-platform-visual
Web 端数据洞察看板与 Mobile 端全域罗盘登录入口
左侧说明 35% + 右侧跨端视觉 65%

MOBILE EXPERIENCE / 登录后核心页面

mobile-immersive-visual
登录后的数据概览、经营分析、明细查看与个人中心页面
移动端核心页面拼版

PROJECT IMPACT

项目成果与
能力沉淀

统一设计体系

优化核心体验

强化品牌认知

实现跨端协同

复杂业务抽象

从业务规则到产品结构设计

设计系统建设

从规范到组件体系建设

品牌产品融合

将品牌表达融入业务场景

数据产品设计

支持运营决策的数据体验

跨端体验设计

构建 Web 与 Mobile 协同体验