PORTFOLIO / CASE STUDY

全域营销平台
体验升级

Unified Design System × Business Reconstruction × Brand Experience × Multi-Platform Collaboration

BWC BLACK
hero-cover-visual
Dashboard + Mobile Dashboard + 登录页拼版
主视觉 90% + 标题信息 10% / 16:9
RoleUX/UI Designer
PlatformWeb + Mobile
ScopeMarketing Platform
DurationX Months

CONTEXT / CHALLENGE

项目背景与
现状挑战

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

视觉割裂

缺少统一设计语言

体验低效

关键任务链路复杂

品牌弱化

产品缺少品牌识别

多端断层

Web 与 Mobile 协同不足

STRATEGY / FRAMEWORK

设计策略

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

01

统一设计系统

建立统一视觉与交互规范

  • Design Token
  • Component Library
  • Interaction Rules
SYSTEM / TOKEN / COMPONENT
02

重构核心体验

优化关键业务流程

  • Task Flow
  • State Model
  • Batch Action
WORKFLOW / TASK / EFFICIENCY
03

构建品牌体验

增强产品品牌感知

  • Visual Language
  • Brand Touchpoint
  • Scene Expression
BRAND / SCENE / MEMORY
04

打通多端协同

形成跨端体验闭环

  • Web Config
  • Mobile Review
  • Realtime Feedback
WEB / MOBILE / FEEDBACK

DESIGN SYSTEM

统一设计体系

构建全面规范的设计体系，保障多端体验一致性并提升研发效率。

Design Token
  • Color / Typography / Spacing / Radius
基础规范
  • Grid / Layout / Icon
核心组件
  • Button / Form / Table / Card
design-system-board
Figma 风格组件与 Token 拼版图
说明 20% + 视觉拼版 80%

LIST / OPERATION ENTRY

营销活动
列表重构

作为营销运营入口，提升活动查找、状态判断与批量处理效率。

背景/问题
  • 活动数量增长
  • 信息密度高
  • 查找效率低
  • 状态管理混乱
设计决策
  • 重构信息层级
  • 优化筛选体系
  • 强化状态管理
  • 提升批量操作效率
活动列表页完整截图

FLOW CANVAS

营销活动
画布设计

将复杂营销流程转化为可视化节点画布，降低配置成本。

背景/问题
  • 营销流程复杂
  • 节点关系不清晰
  • 配置成本高
设计决策
  • 流程可视化
  • 节点模块化
  • 统一配置逻辑
campaign-canvas-visual
营销画布界面全景及节点配置模块
左侧文字 35% + 右侧视觉 65%

OPERATION CONFIG

精细化营销

模块化重组繁杂配置项，提升策略配置的操作效率和易用性。

背景/问题
  • 配置项繁多
  • 学习成本高
  • 运营效率低
设计决策
  • 策略模块化
  • 配置分组
  • 渐进式信息展示
strategy-config-visual
营销配置页、策略配置与运营场景
左侧文字 35% + 右侧视觉 65%

USER SEGMENT

客户分组与
人群标签

标准化复杂标签体系，提供可视化规则配置提升人群管理效率。

背景/问题
  • 用户规则复杂
  • 标签体系分散
  • 人群管理成本高
设计决策
  • 标签体系标准化
  • 规则可视化
  • 人群圈选结构化
user-segmentation-visual
标签管理、规则配置及客户分组界面
左侧文字 35% + 右侧视觉 65%

ANALYTICS / REPORT CENTER

效果分析
报告

作为营销效果评估中心，聚焦关键指标并提升运营决策效率。

背景/问题
  • 数据分散
  • 指标层级不清晰
  • 决策效率低
设计决策
  • 数据分层
  • 指标聚焦
  • 可视化表达
analytics-dashboard-visual
效果分析报告完整截图，包含 Dashboard、分析报告和趋势图表
左侧文字 35% + 右侧完整数据报告截图 65%

BRAND EXPERIENCE

品牌体验升级

贯彻统一品牌视觉语言到各个场景触点，提升产品记忆点。

背景/问题
  • 缺乏统一品牌识别
  • 产品记忆点不足
设计决策
  • 统一设计系统
  • 品牌视觉语言
  • 场景化品牌触点
brand-experience-visual
登录页 A/B、空状态、品牌插画、品牌图形与品牌色应用
左侧 35% 品牌策略 + 右侧 65% 品牌场景展示

INTERFACE SHOWCASE

interface-showcase-visual
Landing Page、运营活动页、营销专题页、Dashboard 局部、品牌场景页、Mobile 局部
主视觉 95% + 标题信息 5%

WEB × MOBILE FLOW

cross-platform-visual
Web 运营后台界面与 Mobile 数据看板对应展示
Web 60% + Mobile 40% / 整图替换
Web 配置 → 数据同步 → Mobile 查看 → 实时反馈

MOBILE DATA DASHBOARD EXPERIENCE

mobile-immersive-visual
移动端数据看板、移动端分析页、移动端运营页
主视觉 95% + 标题信息 5%

PROJECT IMPACT

项目成果与
能力沉淀

统一设计体系

优化核心体验

强化品牌认知

实现跨端协同

复杂业务抽象

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

设计系统建设

从规范到组件体系建设

品牌产品融合

将品牌表达融入业务场景

数据产品设计

支持运营决策的数据体验

跨端体验设计

构建 Web 与 Mobile 协同体验