有破有立，再升级。官作为会员体系中最要的营销渠道，突破原有的资源壁垒，将 QQ 三会员体系官网行再造升级，对商业目标的达起到至关重的作用，同时也能给 QQ 用户提供全面的会员服务。我们将从确目标价、构建官网架构、设语言升级、打造通用组件这几方面一一道 QQ VIP 官网的再设之。
QQ 原有两大会员体系 QQ 会员和 QQ 空黄钻，原本互相独立，品运和用户体验上存在很多异。 QQ 空本身是基于 QQ 关系链而存在社交平台，用户而言 QQ 空属于 QQ 品下业务分支，此 QQ 会员和 QQ 空黄钻两大会员业务也应该突破原本资壁垒，提供统用户体验。
从两会员的用户数据可以看出，目同时通了会员黄钻业务的栖用户体，加之高付费的部用户提升产品 ARPU 的关键，我们急需扩充会员体系满足这两类用户的需求。于会员应运，它的特权同时覆盖了 QQ QQ 空间中的使用场景，主包括超级会员豪华黄钻已的特权，并拓展了线下活特权线包月优惠特权。
由于三会员体系各自业务发展存一瓶颈，它们之间错综复杂的关系差异对用户认知门槛高，我们急需突破单会员体系的业务局限，用远的视角纵观 QQ 整会员服务的全景。官网作会员体系中主的营渠道，将三会员官网行效的收归整合，对商业目标的达起到至关重的作用，同时也能给QQ 用户提供全面的会员服务。
接来将从确定目标值、构建官架构、设计语言升级、打通组件几个方面来详细阐述我们是如何对会员体系官进行设计整合的。
QQ 会员和 QQ 空间钻是 QQ 平台上早已营多年的会员体系，在会员类、推广渠道、特权覆盖场景、界面格、支付体验等方面存在差异。
包括普通和超级两种类型，特权主要覆盖 QQ 中的使用场，例 QQ 聊天、身份展示、QQ 和群管理、游戏、阅读、动漫和 QQ邮箱等。黄钻包括普通黄钻和豪华黄钻两种类型，特权主要覆盖 QQ 空间中的使用场，例动态、身份展示、个人空间展示、互访、互动等。
官网承载着系中的核心内容，是触达用户转化的主要平台。我们针对已有的官网和黄钻官网进行梳理，两个官网间的相同点和差异点。
通过首页对比可以出，大部内容模块有相同点，主要包括：品牌曝光、用户及会员息、权息、开通续费入、活动推广等，而差异性主要体现在模块布域以及息展示方式方面。
通过纵向析三大会员体系的差异，横向通共有能力，造协同效用来创造更大的用户和产品价值。将三大会员体系官网进行整，对用户而言，能够覆盖不同维度的用户需求和景，高效触达更多兴趣的权内容，简化付费路径。对产品而言，可以造阶梯化的增值服，进行层运营，三大会员体系间可进行资源整，相互交叉引流，提升付费率。以商业目标为指导，在深入理解用户核心需求和促进营收增长的基础上，构建理的会员体系，制定有效的计目标，保证官网的体验统一，遵循一致的计语言和规范的同，求同存异，化不同会员体系的品牌知，从而创造更好的用户体验，提升运营效率。
对一个产品或平台来讲，系的核心包括卖给谁、卖什么、怎么卖三个方面，分别对应用户成长、所得权益和精细运营三个部分。三部分决定是否能有效激励用户留在系内，在构建官网架构时需要重点考虑到三个关键部分进行设计。
用户成长指的是用户完整生命周期的体现，细会员用户的生命周期包括：潜在用户——新开/回流用户——在网用户——即将期用户——期用户。用户成长一通过等、积、铭牌、排行榜等来刺激用户，取得进步，获得成就。
所权益是用户根据所处成长阶段和付出程度不，享受不等级权益内容，括各类型特权和福利。权益内容不仅可以满足用户品需求，能有效驱动用户不断付出，实现用户成长，从而拥有更多权益。
精细运营根据用户阶段不同，行差异化的运营策略，可从渠道、活动、付费营手段几角度考虑，让用户需求不断得到满足，对产品形忠诚度，刺激用户。
根据用户、所得权益精细运营三核部分，首先梳理出三会员体系官网所包含的关键信息。
户成长的分要展示户的个人信息，当前处的会员类、等级和铭牌，会员的成长值和有效期，及激励户的勋章、任务和行榜。得权益要是大会员体系中的各项特权，包括功特权、个性特权、游戏特权和一些外合作的特权，及同的福利礼包。官中的精细营要是针对同户生命周期进行同的付引导和分层营，例如年分期、务打包优惠、人红包、连续包月、会员升级等，及在同广告位进行推送。
接来从务角发，分别梳大会员体系官的信息架构。根据大会员涵盖的务容同，官中包含的信息有同。
QQ 拥有比其他两个系更富的所得权益，例游戏特权以及与外部合的联合特权等，在精细运营的部分，QQ 除有三大系共有的包月和年费两种运营方式外，还有和腾视频、QQ 音乐等合的 SVIP+ 联合，以及和王卡合的王卡超级，分别针对不同类型用户的需求。黄钻和大在信息架构上突出成长任务和排行榜的信息级，期望通任务和排名的形式，刺激用户主动、频繁的在官网持活跃，达成业目标。
最我们依据前面梳理的官网信息架构，来确定页面结构。
首先确定导航结构，由于 QQ 会员的业结构在三大会员体系中相对复杂，存在二业导航，为了避免层导航在顶部占用头部高度，让头部显得层多，所以把一导航放在了页面底部，二导航放在页面顶部，对于没有二导航的黄钻和大会员来说只存在底部的一导航。其次根据三大会员各所承载的息和商业目标不同，确定各个模块的优先排布。
系中，当前所处的类型、等级和铭牌，是信息里最能让用户清晰感到的，为有效传递系的品牌感，我们在原有铭牌的基础上结合腾字进行设计优化。
「视觉识别系统」是牌调性的核心，决定了同产的延续性。将户已认知的「普通会员」、「超级会员」、「普通钻」和「豪华钻」进行了延续，对推的「大会员」进行了特殊的炫彩渐变色设计，在这些会员系统的标准配色中结合同会员体系的等级差异增了辅助色系，升产的识别。
整个会员体系的牌色需要给到户升级的感觉，一个一个「屌」。QQ 会员中的普通会员一直来的形象代表为红毛 QQ，整体牌色红色为色调，那一撮红毛与普通户作差异。而超级会员，则代表着贵、光、辉煌的金色为体。过往超级会员最等级为 SVIP8，而今年我们推了 SVIP9，达到这个等级的户很，为了满足户升级欲望，我们将 SVIP9 进行了差异设计，引入了代表雅、庄重、神秘、权利和量的黑色，与原超级会员牌色金色进行结合。黑与金的结合，色彩的对带的量感结合雅，SVIP9 的尊贵感更容易呈现来。普通钻及豪华钻则是在 QQ 空间牌色的基础上增了辅助色系。推的大会员涵盖了最多种类的会员权益，结合「包罗万象」的特权，配色在取了会员「红」「金」和钻的「」再入年轻的「紫」进行渐变处，创一种看起来像是「全的颜色」 ，更独特、现代，令人耳目一。
在界面优化的程中，针对不同系我们提取对应的辅助图形、标准等细节规范，在持统一的同时又有各自系统的品牌延续。
为将三大系官网的设计语言统一，将曾经分散的信息聚合来，同时将新的改版内容加进去，卡式的界面表达则是最合适的载。卡将信息以区块的形式组织到一，使内容更为集中更适合阅读。卡也是承载故的靠工具，而且系又与大众认里的卡、身份证等卡相一致，所以用户对卡有着极为直观的认。当用户面对种卡界面的时，更容易接受与他们相似的卡属，更容易与界面进行「卡式」互。
三大系下还有着各自不同的类型，例 QQ 系下就分为普通（VIP）、超级 1-8（SVIP）、超级 9(SVIP9)，在卡设计中，每个不同卡对应着一个信息模块，用户一眼看去就能清晰该模块的内容，根据不同卡颜即区分的等级差异。
在每个单独的系下有不同的内容模块，不同的内容模块里包含的信息也不一样，卡的设计形式就以将不同媒介形式的内容单元以统一的方式进行混合呈现，做到视上尽量持一致的同时将信息划分成个清晰的内容区域。
QQ 会员为例，根据同户生命周期，针对潜在会员户和会员户两种情况。
其中用户的个人信息、类型、等级、铭牌、成长值、有效期等信息在卡上展示，而潜在用户则以突出快速付费操为主，缩短支付路径。所得权益的部分，将的功能特权进行分等级梳理，将当前等级所拥有的特权和升级得的特权进行对比展示，刺激用户升级。内容型特权根据不同内容类型，排列方式稍有不同。最我们将三大官网中涉及到的通用模块，为通用组件复用到 QQ 大和黄钻官网中。
三大官网中均有涉及到特权组件的展示，由每个系的特权数量，果用传统的列表样式，显示的内容有，要展示同样数量的特权占用的页面空间也大，而用横向卡式局，能显示更内容，用户水平滑动即看到更数量的特权。
在梳理支付组件时，我们优化支付验，将支付流程进行优化和统一。对不同系支付操的统一，以降低用户的学习成，提升支付的成功率。根据各个业务不同的内容模块，提取相应的信息内容，且打通不同支付系，相互切换引流。我们在「」、「黄钻」和「大」的系统标准中提取黄与金进行渐变处理，让支付组件内容整化。
在组件化建立的程中我们对齐手机 QQ8.0 版的设计原则以及设计规范，在应用中也加符合各自品牌的相关元素，在定初稿，与项目参与成一角度出共同梳理，针对不同场进行讨论，确定规范优先级，进行分工优化，在设计中不断进行修改完善。
目前已完成了三大官网首页的新版升，后续将会根据产品迭代逐步对各个页面进行规范，同也会根据产品方向变化，保持规范的更新。
QQ 三大系官网的设计整合，只是革命的一步，也取得不错的成效。而在增值包月业务上，我们还面临着巨大挑战，比用户活跃场的转移以及用户流失大新增等等，我们将继续细化业务目标和设计目标，强化包月等生命周期，度的业模式组合的尝试。接下来，我们也引更完善的数据统计，使得看似感的设计变得理，有策略的设计方案为用户带来更的验，也为业务带来更大的业价值。QQ 拥有着富的类型，我们将致力打造高端用户的尊贵感与身份象征，一步步打造一个新的俱乐部。
更QQ 改版战：
从火花到巨轮，QQ 的亲密关系是如何设计出来的？
阅读文章
129万人夸奖的QQ语音进度条，是如何设计出来的？
阅读文章
注「腾讯ISUX」的公众：
浙公网安备33011002017549号