传统产品目录型网站在应对逻辑复杂、场景多样的产品时日益乏力。对用户而言，快速理解解决方案比钻研参数更重要。AERO客户总监鲍里斯·库兹米切夫分享了如何重构思路，将网站转变为与产品的交互界面。
任务
“Атом”是俄罗斯电动汽车领域的雄心品牌。该公司视汽车为城市移动生态系统的一部分：既可作为个人交通工具，也可用于共享出行或出租车服务，所有场景均整合至统一设施和用户账户中。
委托开发新网站时，团队明确传统汽车目录模式并不适用。网站需传达“汽车即智能设备”的核心理念，并成为与市场及用户沟通的主渠道。
АЭРО团队的任务是创建一个能实现以下目标的网站：
- 揭示品牌哲学与产品技术特性
- 支持市场及社区沟通
- 帮助用户解决关键任务
- 形成可用于未来落地页和数字产品的设计系统
- 为平台长远发展奠定基础
网站新方案
Atom团队摒弃了以产品目录和卖点为核心的传统逻辑，转而呈现以电动汽车为中心的城市移动数字生态理念。
新概念面向25-35岁大城市居民，这类人群热衷科技、善用数字服务且注重便利。除个人用户外，“阿托姆”（Atom）还服务于共享汽车、出租车及企业车队等商业领域。
经与设计总监研讨，AERO团队深度融合品牌理念，诞生了一套基于小部件系统、采用类智能设备交互原则的界面概念。
视觉语言：简洁、迅捷、科技感
设计遵循智能极简主义原则，契合电动汽车开发团队理念。
视觉系统经重构以传达技术感。宽幅照片、视频和渲染图等丰富媒体内容贯穿用户交互全程。
动画与过渡效果作为统一数字系统的一部分，延续了产品本身的美学风格。
网站即设备界面
设计理念源于“汽车即智能设备”。若智能手机是现代生活控制中心，Atom则旨在成为城市出行核心。
网站被设计为设备界面而非传统展示橱窗。核心是兼具信息展开、板块跳转及图像展示功能的交互式小部件（widgets）。每个区块作为独立元素运作，逐步引导用户深入体验。
冗长文字描述被有意摒弃，媒体内容成为用户体验关键及视觉叙事基础。照片、渲染图和视频直接嵌入导航结构并随滚动呈现，使汽车在互动环境中被审视，而非停留于静态页面。
为增强沉浸感，引入混合导航系统：保留垂直页面滚动的同时，加入类似平板或车载面板的水平翻页浏览场景。
面向B2B与B2C的统一目录
目录同时服务个人与企业客户，通过标签页切换调整车辆参数。极简界面使其成为高效选型工具：用户可快速了解核心参数，并一键加入等待名单。
技术实现
架构
网站围绕三大核心板块构建：
- 产品：介绍电动汽车关键技术、设计及用户场景
- 品牌：传达公司哲学理念
- 社区与媒体：包含项目新闻、技术资料及产品更新
前端采用基于React的Next.js框架，后端使用AERO自研Focus CMS系统。针对横幅、新闻、内容及动态区块管理等需求进行了模块定制。
CMS部署于客户基础设施中，并与CI/CD流程集成，实现了网站更新自动化。
平台可扩展性
设计之初即充分考虑新增车型、服务及使用场景等扩展需求。通过构建模块化模板和动态组件系统，品牌团队可在不改变基础结构前提下自主添加板块和内容，确保架构与企业共同演进。
安全与集成要求
为满足高信息安全要求，开发在客户基础设施中进行。放弃开源库和第三方供应商方案，保持系统独立性，使客户团队完全掌控后续发展。
上线前经历多轮检查与安全审计，发布准备包含多阶段审批测试。双方DevOps团队共同构建了部署流程和发布程序。
总结
新网站不仅是前身升级版，更是承担多项职能的全功能数字平台。它展示产品技术与品牌价值，支持市场沟通，并帮助用户与Atom生态系统互动。
变化反映在用户行为上：页面深度增加57%，停留时间增加20%，证实了新界面和交互场景的吸引力。
所设计的設計系統、視覺語言和界面原則成為品牌後續數字溝通的基礎：它們已用於阿托姆的新登陸頁，確保一致且易於識別的用戶體驗。
新网站已成为生态系统重要组成部分——既是解决营销问题、支持用户场景的工具，也是聚集高水平城市mobility兴趣人群的载体。