「全新 友盟+官网」一切从简，从心出发

忙碌了这么久，终于有时间把之前做过的项目整理沉淀一下，由于敏感数据问题，仅展示部分设计。

注：以下数据仅为演示示例，与真实数据无关。

友盟(Umeng)，2010年4月在北京成立，是中国最专业、最有数据凝聚力的移动开发者服务平台。

友盟+以“数据智能，驱动业务增长”为使命，基于技术与算法能力，结合全域数据资源，挖掘出40+标签大类，15,000+客群标签、100+用户/行业分析指标，通过AI赋能的一站式互联网数据产品与服务体系，帮助企业实现深度用户洞察、实时业务决策和持续业务增长。

在上一个版本中，为响应集团云战略的部署，结合大数据产品与云基础设施产品的商业化落地，突出云的概念，在设计中引用大量云的设计风格，在品牌格调上尤为突出，并于2019年7月16日正式上线。

作为服务开发者11年之久的友盟+，自创立以来一直以“数据产品与服务”为核心去打造用户体验。

而随着业务发展，策略横向延伸，在原有统计产品基础上开始重点主打“开发者工具”类产品，这就意味着我们的开发者用户越来越多。且近几年技术在整体B2B决策链路中扮演的角色越来越重要，通常开发者的意见会影响最终的技术选型。

【做好开发者体验设计，是我们对友盟+用户体验一次全新的解读】

借着守护者战役的东风，我们再一次把「官网改版」提上议程，对齐业务诉求，打造运营阵地，更加深入的突出品牌调性，规范化设计，期望在新版官网中，以“人”出发，打造“用户诉求”“业务诉求”“品牌诉求”之间的平衡。

「简约」在设计上对细节的把控，对每一个细小的局部和设计都要深思熟虑，要求精益求精。

「几何」通过几何形态组织视觉语言、构建画面，形成人为的视觉空间，元素布局更优章法，传达理性之美。

「有序」米勒定律——用“组块”的方式井然有序的分配到不同的信息单元中，提高记忆广度。

「通透」保留业务原始性与纯粹性，对呈现画面的结果保证清晰干净。

我们对新版官网从结构和布局上都进行了全新的探索，从最初的交互方案一步步优化至最后的视觉呈现，我们不断修改和反思，历经了方案的修改、推翻、回炉，整个官网的信息结构逐步开始清晰。

我们把蜂鸟的形象看做友盟的品牌因子，通过迅捷的动态表现友盟产品的质量与技术实力，飘动的线条和品牌形象在光影之下呈现最佳的视觉冲击力，区别于友小盟的拟人形象，灰色与蓝色的叠加具有一种专业的、理性的气质，同时它可以让首屏的文案信息和行动点更明显，其他相关子页的产品可以按照这一逻辑进行延伸。

新注册用户转化率提升4.53%；百万DAU咨询量降低15%；社区用户易用度得分5.53分；

基于价值而不是功能秀在竞品调研中发现，B端产品的各大官网信息架构虽然大致相同，但筛选出哪些内容信息最先展示给用户，以及关键信息传递的深度，在体验上是有明显的差别的，设计需要兼顾多角色在不同阶段的诉求，每一个环节都并存着空间与挑战。

为了寻找更准确的设计目标与方向，我们对新老用户进行了深度回访，收集大量的客户声音，观察他们在实操的过程中存在的一些共性问题，去挖掘开发者要的“我觉得”。

因为蜂鸟的独特属性与友盟+企业特质有极高吻合度，蜂鸟吸食花粉的超强速度寓意着友盟+数据能源的采集能力，快速而 高效；蜂鸟高度复杂的记忆力，犹如我们对数据的多维分析、处理能力，为企业 更好的赋能；以蜂鸟形态作为切入点，代表准确、快速、灵活。45度向 上的哮，飞翔的姿态，传递积极向上 的态度，迅猛发展的速度。

【新旧】APP合规教程第一期 对比

重点突出banner的一句话介绍，配图仅作为辅助，在有明确主体物的同时，对其他相关元素进行弱化处理，使用浅色纹理，可有效降低配图在视觉框架上的比重。

在与交互、运营反复沟通后，最终采用具有主次关系的矩阵结构，运营希望在每一个类目下，“主”的矩阵可以引起产品重视，在有限的资源位下，用产品品质说话，从而争取最好的投放渠道。

【新旧】客服弹窗 对比

开通流程是官网最重要的转化入口之一，每一个流程下都存在引导用户转化的关键路径，需求方一再强调开通流程要着重设计，并希望通过视觉和动效相互叠加的方式吸引用户注意。

SDK作为能力展示的主要组块，我们通过模拟开发场景，将各能力组块的切换放置在真实的环境中，增加用户代入感，采用深色配色主题可有效聚焦用户焦点，在背景的设计中多数采用与数据相关的基础模型，例如：饼图、环形图、柱图等等，每一个元素都在和数据交相辉映。

友盟+ 开发者社区，「自由之夏」主题设计

生动展现了开发者的轻松、舒适工作与生活理念。