COMMA咖墨 × 特变新能源|官网策划、信息架构、交互设计与中英西多语言开发
项目摘要
特变新能源的官网需要同时承载光伏、风电、电力电子、能源互联网等业务,以及智能产品、解决方案和服务支持信息。COMMA咖墨围绕品牌与产品重组网站结构,将产品和解决方案按层级分类,并通过动态视觉、微交互、全球服务网点展示及中文、英文、西班牙文版本,建立面向多类业务信息与跨语言访问的数字入口。
项目背景
新能源企业的官网不仅要介绍企业,还要解释产品、解决方案、服务支持与业务场景之间的关系。特变新能源涉及光伏、风电、电力电子、能源互联网等多个领域,业务内容具有明显的专业性和层级关系。若沿用平铺式页面结构,产品与方案容易混在一起,也不利于不同语言的内容持续组织。
用户与业务问题
1.产品与解决方案需要建立清晰关系
访问者可能从具体产品进入,也可能先从能源场景和解决方案开始判断。官网需要同时支持这两条路径,并让用户可以逐层了解相关内容。
2.专业信息需要更直观的表达
新能源业务包含大量技术信息。网站既要保持专业性,也要避免仅用密集文字和部件说明增加阅读负担。
3.全球服务需要跨语言入口
项目需要以中文、英文、西班牙文承载业务内容,并通过可视化方式呈现服务与支持信息。
我们的服务
COMMA咖墨从“品牌 + 产品”的官网策划方向展开工作,覆盖业务内容梳理、信息架构、用户路径、UI/UX设计、前端开发和多语言开发。项目将智能产品与解决方案按“由泛到精”的逻辑分类,以图文和微动效组织专业内容;在服务与支持板块,以交互式立体地球呈现国内及海外服务网点;同时建设中文、英文、西班牙文三个语言版本。
方法与关键决策
项目的关键不是增加页面数量,而是先确定不同访客如何进入产品、方案和服务信息。因此,团队先处理产品与解决方案的层级关系,再进入视觉与交互设计。动态视觉负责建立企业第一印象,产品分类负责承载业务理解,全球网点可视化和多语言版本则负责跨区域服务信息的表达。
关键设计
• 分层组织产品与解决方案
将智能产品和解决方案分别建立清晰层级,使用户可以按产品类别或业务场景继续了解。
• 用动态视觉承载专业品牌表达
首页采用动态画面和微交互,在保持能源企业专业感的同时,减少纯文字堆叠。
• 可视化全球服务网络
服务与支持板块以交互式立体地球呈现服务网点分布,把区域信息转化为可浏览的数字界面。
• 建设三种语言版本
中文、英文、西班牙文版本为不同语言访问者提供独立内容入口,也为后续跨区域内容维护建立结构基础。
核心转变
从分散呈现企业、产品与方案,转向围绕产品层级、业务场景和全球服务组织的新能源数字入口。
