搭建页面结构，打造通用组件
以QQ会员为例，根据不同用户生命周期，针对潜在会员用户和会员用户两种情况。
其中会员用户的个人信息、会员类型、等级、铭牌、成长值、有效期等信息在会员卡片上展示，而潜在会员用户则以突出快速付费操作为主，缩短支付路径。所得权益的部分，将会员的功能特权进行分等级梳理，将当前等级所拥有的特权和升级后可得的特权进行对比展示，刺激用户升级。内容型特权根据不同内容类型，排列方式稍有不同。最后我们将三大会员官网中涉及到的通用模块，作为通用组件复用到QQ大会员和黄钻官网中。
三大会员官网中均有涉及到特权组件的展示，由于每个会员体系的特权数量都较多，如果用传统的列表样式，显示的内容有限，要展示同样数量的特权占用的页面空间也较大，而用横向卡片式布局，能显示更多内容，用户水平滑动即可看到更多数量的特权。
在梳理支付组件时，我们优化了支付体验，将支付流程进行了优化和统一。对不同会员体系支付操作的统一，可以降低用户的学习成本，提升支付的成功率。根据各个业务不同的内容模块，提取相应的信息内容，且打通不同会员支付体系，可相互切换引流。我们在“会员”、“黄钻”和“大会员”的系统标准配色中提取了黄色与金色进行了渐变处理，让支付组件内容整体化。
在组件化建立的过程中我们对齐了手机QQ8.0版本的设计原则以及设计规范，在应用中也加入了符合各自品牌的相关元素，在制定好初稿后，与项目参与成员一起多角度出发共同梳理，针对不同场景进行讨论，确定规范优先级，进行分工优化，在设计中不断进行修改完善。
目前我们已完成了三大官网首页的新版升级，后续将会根据产品迭代逐步对各个子页面进行规范，同时也会根据产品方向变化，保持规范的更新。
