DU会员设计系统建设之路

点击 ▲ 三分设 关注，和 10 万设计师一起成长

三分设 x 百度MEUX

正文共：2533 字 30 图 预计阅读时间：8 分钟

会员体系建设的价值在于以体系化机制培育用户对产品的忠诚度，同时提供给高价值用户更有价值的权益服务。百度 APP DU 会员体系搭建整合百度内部资讯专栏、小说、文库、网盘、咨询、生活服务、装扮、工具、小度学堂等多业务权益，多维度满足用户学习、生活服务、效率升级、个性表达、娱乐诉求深度，成为用户留存的关键。

为了将百度体系下众多跨业务权益整合为 DU 会员权益，搭建百度 APP DU 会员权益服务体系，设计从建立独特、统一的品牌印记、搭建丰富高价值权益聚合新场域、对用户转化全链路精细设计 3 个方向开展。

一、通过独特和统一的 DU 会员品牌设计语言建立品牌印记

1、DU 会员 LOGO 图形与百度体系其他业务会员差异化设计，目标建立明确清晰印象和认知。

LOGO 图形采用皇冠 +V 结合 100 度倾斜角度设计，与其他业务会员 LOGO 图形差异化。LOGO 以用户为中心，百分百为用户提供百度体系丰富优质的权益，提供尊享服务。

2、界面设计以简洁清晰、年轻精致、丰富尊享的设计定位，从色、形、质、构、字多维度渗透年轻化设计语言，增强品牌识别性和记忆点，凸显会员尊享感，搭建全新视觉体验。

色：清透明快、年轻活泼

视觉降噪，以高饱和高明度黄金为主色，搭配白底辅助色，强对比、高明度形成鲜明清晰的视效层次，头部背景采用鎏金渐变色，整体色彩搭配给用户年轻、确定、活泼轻快的视觉感受。

形：温润亲和、直观清晰

ICON 图形采用肯定包容的面型，以提升权益辨识度、图形更大、留白更多，帮助用户更直观更高效区分权益类型。ICON 图形叠加部分采用毛玻璃质感，品质细腻精致，ICON 亲和明确。

质：细腻吸睛、精致尊享

采用高光立体感材质设计，突出会员品质感和吸引力，增强会员权益获得感。

构：简洁突出、清晰统一

卡片、图片、按钮超大圆角，年轻亲和，内容与卡片间距大留白，多模块浏览舒适，提升页面节奏感和呼吸感，白底与内容形成鲜明层级关系，视觉降噪简洁。

字：层次清晰、高辨识度

收敛字号减少层级、标题、数字字体特殊处理展示，辨识度更高、气质更年轻。

二、整合百度高价值权益搭建丰富的权益聚合新场域

搭建联合会员聚合、流畅播等高价值权益聚合场景，权益显性化设计。采用 3D 元素设计，增强会员权益获得感，突出会员服务品质感和吸引力。

1、联合会员高价值场域视觉强化提吸引

会员中心联合会员模块、联合会员聚合和权益详情，封面运用 3D 玻璃材质设计，强化联合会员权益高品质和吸引力。

2、会员热门权益场域视觉品牌统一强感知

流畅播、视频备份、装扮（挂件、个人主页背景、头像、换肤）、小度特权等高价值权益，在触点场景入口和开通面板中，DU 会员品牌和 3D 元素设计显性化，强化 DU 会员权益感知和吸引力，提转化。

3、下沉用户场域视觉显性化设计

针对百度 APP 极速版下沉用户，会员中心开通前打造省赚看享 4 大权益，视觉强化大标题突出赚钱，省钱认知，结合极速版任务系统和故事会，丰富权益和省钱感知显性化设计，提升会员转化。

三、对用户转化全链路精细设计促转化

设计驱动前瞻构建会员开通前、中、后支付全链路系统打法，每个环节给用户强感知、易操作、快核销的操作体验，强化会员开通和权益核销引导，提升会员续费率，做好用户激励和转化。

1、开通前认知阶段-强感知

增价值吸引，扩入口规模，增动效强引导提吸引，权益整合大标题突出赚钱、省钱认知。

建规范-规模化拓入口

会员渗透场景持续扩面，统一和规范 DU 会员导流控件等入口模块视觉语言，开通导流条、会员标签、会员按钮等会员元素在百度APP主端和极速版 26 场景规模化渗透，强化统一的DU会员认知。

增动效-强引导提吸引

会员中心权益图标、开通会员按钮、运营图增动效提吸引，权益整合大标题突出赚钱、省钱认知，权益区打通动态图标配置能力，图标动态化扩容提升权益感知，周年和节日大促烘托活动氛围，提升吸引力。

2、开通中行动阶段-易操作

减步长强优惠促决策，动效提优惠感知和吸引力，优惠抵扣任务新玩法，提升优惠感知。

支付方式前置，减支付步长

减少用户支付的阻碍，支付渠道前置购买面板中，根据用户操作习惯智能排序显示常用支付方式，缩短支付步长提升转化率。

强化优惠感知，提决策效率

通过突出优惠信息和权益丰富，增强吸引力，让用户买得值。

1）支付面板凸显连续包月套餐和续费信息、外露买就送附赠优惠信息，重要信息动效设计提吸引力。

2）支付面板增优惠抵扣模块，任务余额抵扣会员费用，提升优惠感知。

3）支付增挽留弹窗外露优惠信息，动效提优惠感知促会员转化率。

3、开通后留存阶段-快核销

开通后差异设计引导不同阶段用户核销，突出会员获得感。

新开通用户-引导提核销

仪式感强动效引导热门权益核销，沉浸式动画引导秒杀，给用户会员超值感受，带动会员券使用率提升。

沉默用户 - 唤醒引导使用

从强到弱交叉推送，强动效强视效引导高频权益，唤起使用核销，弱打扰 Push 产品化设计引导权益核销。 

临期/过期用户-引导促续费

通过用户已使用专属权益与优惠福利到期，在个人中心、挂件商城、会员中心等场景以优惠福利、专属权益强化等多手段引导续费。

总结

以上是 DU 会员设计体系建设总结复盘与思考，为 DU 会员和百度 APP 业务体系会员沉淀设计资产。

从前期用户调研、设计目标确定，明确设计打法和规划，对交互体验、视觉语言、体验链路反复推敲打磨，最终效果不仅提升用户对 DU 会员品牌和权益感知，且在付费转化也获得不错效果。

最后邀请大家使用百度 APP，体验DU会员丰富多样的权益服务，DU 会员将继续拓展高价值权益，提供给用户更多元服务而努力。

- END -

我们相信设计师和创造者一样是思想家

一个开放的共创学习型产品设计社区

助力全球 1 亿设计师成长

欢迎添加 ⭐️  星标 · 获取每天推荐知识分享

每天阅读充电 · 养成终身学习

「资讯」「文章」「活动」「招聘」「课程」

创新 / 成长 / 共创 / 公益

所有平台赞助

将用于社区建设和反馈社区粉丝

期待与更多优秀产品设计师一起成长

👇👇👇

扫码进群

全年助力设友建立设计知识体系

「体系化知识研讨」

「书籍共读」「职场讨论」「活动交流」

分享设计/管理/职场/心得，定期直播，答疑解惑

免费加入 · 特约邀请

↓↓↓点开『阅读原文』，关注星球资料库