PORTFOLIO / MEMBER EXPERIENCE
品牌会员积分系统
体验优化
从系统框架与会员服务，到品牌社区和互动体验的系统化设计。
后台配置 × 移动端体验 × 标品与定制points-cover-composition
积分系统会员服务与互动体验封面主视觉
左侧标题 42% + 右侧主视觉 58% / 16:10
品牌会员积分系统
角色 / Role产品体验设计
平台 / Platform商家端 + 移动端
范围 / Scope设置端 + 移动端
项目节奏 / Delivery Cadence单人分阶段推进
CONTEXT / DESIGN TASKS
项目背景与
设计任务
面对模块复杂、配置链路较长且覆盖多类移动端场景的会员积分系统，需要从多个业务层面同步优化体验。
Dashboard 与全局框架
建立统一的系统基础
会员中心体验优化
理顺装修配置与服务体验
会员商城体验优化
梳理配置、交易与售后
品牌社区定制标品
稳定结构承载品牌表达
互动配置体验优化
结构化流程与复杂规则
互动标品与定制
复用玩法并扩展品牌场景
STRATEGY / FRAMEWORK
整体设计思路
先建立稳定的系统基础，再连接后台配置与移动端体验，并通过标品复用和品牌定制扩展不同业务场景。
01
建立清晰的系统基础
统一导航、层级与业务入口
- 稳定操作上下文 / Stable Context
- 统一信息层级 / Information Hierarchy
- 聚合高频任务 / Key Task Access
P04 · 系统基础 / SYSTEM FOUNDATION
02
串联配置与使用体验
连接后台配置与移动端服务
- 会员中心 / Member Center
- 会员商城 / Member Mall
- 多状态体验衔接 / Cross-state Experience
P05-P08 · 会员服务 / MEMBER SERVICES
03
支撑品牌社区定制
在稳定结构中适配品牌运营
- 内容运营结构 / Content Operations
- 社区互动关系 / Community Interaction
- 品牌化表达 / Brand Expression
P09-P10 · 品牌社区 / BRAND COMMUNITY
04
复用互动玩法框架
让互动标品支持复用与定制
- 分步配置 / Step-by-step Setup
- 玩法结构复用 / Interaction Reuse
- 品牌场景扩展 / Brand Adaptation
P11-P13 · 互动体系 / INTERACTION SYSTEM
SYSTEM FOUNDATION
重构 Dashboard 与
全局操作框架
通过统一导航、业务入口和数据概览，建立清晰稳定的系统操作框架。
系统层级
统一全局导航与模块层级
业务状态
聚合关键数据与运营信息
任务入口
建立高频运营任务的快速入口
dashboard-global-framework
Dashboard 与全局框架的代表性设计成果
左侧文字 35% + 右侧视觉 65% / 16:10
MEMBER CENTER
优化会员中心的
装修配置体验
重新组织页面、组件、配置与预览关系，让装修过程更加连续、直观。
信息层级
明确页面、版本与组件关系
所见即所得
保持配置项和预览结果对应
连续操作
串联编辑、预览与发布操作
member-center-settings-composition
会员中心装修配置的代表性设计成果
左侧文字 35% + 右侧视觉 65% / 16:10
MEMBER CENTER EXPERIENCE / 会员中心体验全景
member-center-module-showcase
会员身份、权益、等级、积分、兑换和订单等移动端服务页面全景
左右撑满 / 顶部对齐 / 下部隐藏
MEMBER MALL
梳理会员商城的
配置与售后流程
围绕商品配置、交易状态与售后流程，理顺后台操作。
商品信息
组织商品、价格库存与兑换条件
状态识别
强化订单、退款与售后状态
关键操作
突出处理信息与主要操作
mall-product-after-sales
会员商城配置、交易与售后流程的代表性设计成果
左右撑满 / 顶部对齐 / 下部隐藏
MEMBER MALL EXPERIENCE / 会员商城体验全景
mall-module-showcase
从商品浏览和支付，到订单、提货、退款与售后的页面全景
左右撑满 / 顶部对齐 / 下部隐藏
BRAND COMMUNITY
以标品框架支撑
品牌社区定制
在稳定的社区产品结构上连接内容运营、用户互动与品牌表达。
运营结构
建立稳定的内容组织与管理关系
互动关系
统一浏览、发布与互动节点
品牌表达
将品牌内容与视觉融入社区体验
brand-community-operations
品牌社区内容运营结构的代表性设计成果
左侧文字 35% + 右侧视觉 65% / 16:10
BRAND COMMUNITY EXPERIENCE / 品牌社区定制体验全景
brand-community-module-showcase
内容浏览、发布、互动与个人管理组成的品牌社区体验全景
左右撑满 / 顶部对齐 / 下部隐藏
INTERACTION CONFIGURATION
让互动配置更清晰
更易理解和使用
把流程、规则与预览串联起来，让复杂互动配置更易理解。
分步流程
按任务顺序组织配置步骤
规则关联
明确内容、条件、跳转与奖励关系
结果预览
在编辑过程中持续查看页面效果
interaction-survey-settings
互动配置体验优化的代表性设计成果
左侧文字 35% + 右侧视觉 65% / 16:10
INTERACTION STANDARDS
建立可复用的
互动标品与定制框架
统一参与、任务、反馈与奖励结构，适配不同品牌和活动主题。
玩法框架
复用入口、参与与完成结构
状态反馈
明确任务进度、结果与奖励
定制扩展
支持玩法内容与品牌视觉适配
blind-box-task-experience
以盲盒展示互动标品的代表性状态与反馈
左侧文字 35% + 右侧视觉 65% / 16:10
INTERACTION EXPERIENCE / 互动标品与定制体验全景
interaction-module-showcase
多类互动标品与品牌定制场景组成的体验全景
左右撑满 / 顶部对齐 / 下部隐藏
PROJECT IMPACT
项目成果与
能力沉淀
系统框架体验重构
会员核心服务优化
品牌社区标品定制
互动配置与玩法体系
复杂信息组织
梳理后台页面与操作层级
多端体验衔接
连接后台配置与移动端使用体验
多页面体验一致性
保持多类页面的结构与阅读节奏
标品与玩法复用
组织参与、反馈与奖励状态
品牌视觉适配
让标品结构延展到定制场景