在WebGL环境中构建的高端三维汽车配置器
smart是戴姆勒股份公司旗下的创新品牌，代表着都市、敏捷和乐趣。在落实新配置器时，从最初的原型到最后发布的版本，我们始终以品牌价值观为愿景。我们运用三维技术构建产品，并将其放在用户旅程的中心，提供一流的体验。我们的目标是打造市面上最直观、引人注目和高性能的汽车配置器。
三维制作流程和现代应用程序框架
我们需将配置过程和所有商业服务全部整合到一个稳定的框架中，交付一款嵌入smart.com生态系统，且适合任何市场推广活动的好用工具。首先，我们的工程和美术指导团队以戴姆勒公司的视觉工程资源库为基础，在WebGL环境中快速构建一个原型，并进行跨设备和跨浏览器基准测试，检验该原型的web性能和视觉质量。与此同时，我们确定制作流程，制定专用文件格式，确保在不同的市场和产品中，均可实现安全顺畅的数据传输和全面可配置性。
模块整合，打造先进的web应用程序
为实现出色的可用性和本地化，我们利用React和Redux开发了一款独立应用程序，然后将其整合到服务页面中。为构建一款能灵活适应屏幕和设备的响应式web应用程序，我们将重点放在三维性能和服务设计上。WebGL以自适应画布为基础，通过模块化设备策略确保性能。画布将汽车作为用户旅程的焦点呈现。根据各种视口调整全屏、环境和驾驶模式等功能。
灵活的开发导向看板项目
构建三维配置器和制作流程需要营销、IT、视觉工程和产品管理相关方的持续参与。因此，我们将项目分成三部分，分别专注于web应用、WebGL三维组件和产品管理基础架构，以便稳妥地预览、完善和批准相关功能。通过灵活的项目设置、两周一次的定期评审和以开发为导向的方法，我们得以尽早完成原型设计，及在整个过程中实现快速交付、测试和调试，确保软件完美无缺。
反复制作和测试，完善可用性
我们的制作和用户体验团队全权负责产品开发，将戴姆勒首席营销机构的可用性想法和视觉概念，以及营销和IT部门的简报和验收标准，转换为用户故事、测试交付成果和资源。在此过程中，设计和工程团队遇到一大难题，那就是将网页设计和三维技术融合为直观的用户体验。
通过三维建模和工程设计实现web配置
对消费者和产品 负责人而言，在配置器中采用三维技术，离不开包含三大可用性核心支柱的策略：产品在视觉和技术上的性能、任何市场中的产品和商业逻辑，以及同等重要的：永不过时的基础架构， 以及即将跟随3D出现的用户体验。因此，我们的重点不仅是用定制材料和颜色创建和完善几何图形，而且要根据特定产品和配置逻辑进行匹配，同时，还要预测未来市场、技术和商业机会。
超逼真的产品体验和环境
我们对照实物完善车辆的所有材料和附件，最终达到超逼真的渲染效果。我们的目标是实现用户一看即被吸引的真实感。因此，我们为汽车的所有关键零部件，如轮辋、轮胎、大灯和尾灯、塑料和玻璃材料，制作专属纹理和颜色。此外，我们竭尽全力，呈现哑光和金属涂料和清漆的不同效果。最后，为将产品真实感提升到新的高度，我们创建都市环境模式——更好地展示配置好的产品。此功能融合静态设计、三维渲染和光线，在当代创意工程设计中无与伦比。
与核心商业系统无缝集成
打造一款融合产品销售功能的在线配置器，在实现出色的可用性后并没有结束，其意味着还需嵌入与业务部门和品牌逻辑深度集成的电子商务功能。这样，数字转型才具有生命力：在服务自适应方面，涉及若干产品冲刺，及整合市场销售、金融服务以及本地市场利益相关方和数据管理等相关应用程序接口和框架。此外，该配置器还具有其他功能，例如索要报价、申请试驾、计算价格、选择付款方案及保存配置和网上代码。
使用乐趣增强品牌体验
在产品探索和配置过程的每个细节中，顾客都能体会到汽车品牌smart所传递的使用乐趣和创新精神。的确，三维体验不仅仅在于为取得最佳视觉效果和交互质量而精心挑选和构思，更要能实现针对网络、手机和零售展厅的后续跨设备和跨接触点战略。该web应用程序将嵌入一个现代系统基础架构中进行维护。采用云托管并无缝接入产品配置数据，通过持续整合进行更新。我们提供功能和本地化维护保障，借助静默运行的内容管理系统提供简单稳定的本地化。
经得起时间考验的产品体验
一款革命性的创新配置器能自成一体，凭借这一杰出WebGL应用程序，我们树立行业新标杆。为配置过程赋予乐趣、展示产品、以直观的方式阐述各种方案选择，种种特色共同造就卓越体验，紧紧把握业务机会。向上销售和交叉销售在数字商务中至关重要。更重要的是在网页中引进三维技术，打造经得起时间考验的出色产品体验。
