原文链接：智行会员中心2.0设计探索
确定设计目标后，我们从以下三个维度解决问题：1.会员中心框架重构；2.会员中心视觉语言升级；3.会员中心记忆点打造。
## 会员中心框架重构
为了提升用户的购买决策效率，我们对交互框架层面进行梳理，发现以下两个问题：会员开通路径长、功能模块层级乱。
### 1.会员开通路径长
会员信息、付费会员权益和开通会员按钮分别位于页面的头部、中部和底部，用户浏览和操作的路径过长，易被其他信息模块打断，从而影响用户的购买决策效率。
### 2.功能模块层级乱
随着业务的发展，功能模块逐渐增多，导致页面的层级混乱。
会员中心视觉语言升级
智行会员有普通、白银、黄金、铂金、黑钻五个等级，用户对当前的等级制度已较为了解，与其打破用户当前已有认知，不如对会员中心的视觉语言进行升级，强化视觉尊贵感。我们做了以下优化：会员徽章重塑、会员卡片升级。
### 1.会员徽章重塑
会员徽章是用户对会员身份变化的第一认知，改版前的徽章较普通，会员感知弱。我们对会员徽章进行调研，发现大多数的会员徽章以奖牌、皇冠为主，虽然打造的品质和尊贵感很强，但同质化严重，因此，强化徽章差异以提升会员体验是本次优化的重点。
智行火车票是一站式出行平台，能否将出行交通工具与会员徽章结合，打造智行会员专属的徽章等级体系？
我们梳理了平台业务相关的交通工具，以行驶速度的快慢为标准，结合智行会员低等级到高等级的顺序依次排列为：船（普通会员）、汽车（白银会员）、专车（黄金会员）、火车（铂金会员）、飞机（黑钻会员）。
我们以火车（铂金会员）的徽章为例，尝试不同风格的绘制：
在绘制的过程中发现了几个问题：
1.交通工具想要达到完整的效果，其中的细节颇多，从而导致徽章特别复杂； 2.以行驶速度的快慢为标准，用户无法直观的理解，还可能给用户造成误解。
### 2.会员卡片升级
为了更好的凸显会员卡片和徽章，页面头部采用沉浸式的深色背景，卡片颜色在原先的色相基础上更加年轻化，并重新设计了智行会员的LOGO和字体。
当用户进入会员中心时，卡片有闪光动效，加强会员尊贵感的同时也提高了会员卡片的视觉层级。
会员品牌记忆点打造
在完成基础的整体视觉语言升级后，我们决定继续加入更多产品特色，赋予“智行会员”独特的记忆点**。我们尝试把火车、机票、酒店、汽车票这四个产线以图标的形式当做装饰元素与徽章相结合，以会员徽章为圆心旋转，隐喻会员体系涵盖了智行全产线。
最终页面效果展示**
以上就是本次会员中心改版项目的全部内容：
· 重构会员中心框架，缩短了用户的操作路径并统一了原先杂乱的功能模块，提升了用户决策效率；
· 升级会员中心视觉语言，重塑会员徽章、会员卡片，带给用户更尊贵的会员感知**；**
· 在徽章设计中融入业务线特点，打造独特的品牌记忆点。
若有收获，就点个赞吧
0 人点赞
