Leybold德国莱宝

如何使用AEM为跨国企业落地中国B2B移动用户体验
中国本地化开发 | UI/UX设计

UI/UX设计 | 中国本地化开发 | B2B
中国
中文

背景

Atlas Copco阿特拉斯·科普柯是世界领先的工业生产解决方案提供商。多年来,Atlas Copco在螺杆压缩机的产量和市场占有率上一直居世界首位。

Leybold德国莱宝是Atlas Copco旗下的真空解決方案提供商,有近 170 年历史。在集团AEM全球化实施后,Atlas Copco观察到过去几年移动用户的大幅增长趋势,决定为旗下品牌Leybold开发中国移动端官网并针对B2B客户进行移动体验设计。

挑战

在中国市场移动为王,体验为先的时代,Atlas Copco意识到原来移动自适应的浏览体验已经不能满足中国用户的使用习惯和场景,B2B用户也不例外。

中国具有完全区别于欧美的网络生态,完全不同的社交媒体,搜索渠道,浏览器和流量入口,如像头条,微信公众号这类内容渠道。跨国企业要融入其中,需要有充分本地化经验的设计和开发团队,并帮助其品牌联通到活跃的中国社交媒体生态中。

方案

TMO基于AEM为客户构建独立的移动端网页应用(Webapp),针对客户的B2B属性,进行本地化UI/UX设计优化和开发实施。它可以集成到中国社交媒体生态的营销活动中,并且可快速拓展到多国家、多语言。

Atlas Copco将日后在全球范围内应用该设计主题架构(Theme),以总体提升移动端用户体验。

移动端展示

易于理解和使用的移动UX策略

我们的移动UX策略是基于既往数据和用户行为,打造契合用户习惯的高品质数字旅程,让移动体验畅通无阻。TMO通过历史数据对Leybold用户体验和工作流进行分析,据此重新创建了核心的一级导航,并制定了移动菜单导航策略。

针对B2B客户,构建便捷的移动体验

针对中国的B2B客户群体,TMO帮助Atlas Copco从多角度进行了移动端UI/UX优化,主要包括:

移动交互和关键操作优化:

  • 专为移动用户优化的菜单栏和移动导航
  • 一键联系我们&问询按钮
  • 核心服务和营销页面的优化和压缩,实现更快的滚屏和搜索
  • 内容布局优化:

  • 便于快速在移动端浏览的优化目录和产品页面
  • 移动表单优化
  • 视觉优化:

  • 通过图标和压缩文本进行视觉优化
  • 基于丰富经验的项目实施,满足业务合规

    基于多年的本地化项目经验,指导客户遵循中国政策,即个保法等中国管理数据处理和网络安全问题的综合框架,协助客户解决关于数据保护方面的问题,以满足业务合规,为顺畅的项目运行打下基础。

    打造多渠道策略,融入中国社交媒体生态圈

    我们为Atlas Copco联通移动端网页和本地社交内容平台分享,如微信、微博、QQ,助力客户在中国社交媒体生态中开展针对移动用户的营销活动,打通多渠道获客通道。

    开发端适应和优化多项目一致的组件结构,实现拓展

    这个移动应用(Webapp) 的开发基于Java, HTL, ReactJS, HTML, CSS。网页开发需要与Atlas Copco集团大量的品牌站点保持一致的组件结构和等级,共用品牌资产,甚至同时继承多个项目的开发逻辑。受现有代码结构的约束,重用和扩展组件难度提升。TMO国际化的开发团队适应和优化了复杂多变的项目组件结构,以便捷实现设计,同时在优化移动端时不影响桌面端的呈现。

    与全球团队的项目协同

    Atlas Copco的业务和团队遍布多个国家、地区,这决定了项目中与全球各地团队的协同交流必不可少。TMO具备丰富的跨国公司服务经验,能与企业全球团队高效交流,达成满足预期的需求交付。该项目中我们与客户在欧洲的 Al 全球网络团队和咨询团队、在英国的AL开发人员、在中国的业务及项目管理团队协同合作。

    AEM组件开箱即用,快速拓展及上线

    TMO利用AEM开箱即用的组件为客户大幅减少开发成本和时间,支持编辑人员快速实现页面发布。同时,我们帮助客户将图像、视频等数字资产素材上传至全球数字资产库统一管理,以保持一致的品牌形象。