Onda Motors 以一张真正的商用电动车正投影侧视图为中心,把整个页面做成一套平台选型系统。五段式参数条、可切换的平台栏、以接口为主线的兼容模块、深色背景的工程能力区、分阶段的验证记录,以及按责任划分的服务保障,共同支撑车队客户做技术决策。
配色取自 Happy Hues 第 11 号:暖色调的工程图纸底色,深海军蓝作为结构色,正文用棕色,控件和实心方块 Logo 用棕褐色,模块背景用沙色,再加一点克制的红色作为验证标记。Sora 与 IBM Plex Sans 两款字体强化了精确、以产品为主导的层级,又不会落入汽车广告的调子。
这个模板适合商用车改装厂、电动车平台供应商、车队工程公司、上装(车身)制造商或出行系统集成商。把 ONDA 文字标志换成紧凑的透明底 Logo,并准备浅色、深色和小屏三个简化版本。保持现有的间距、字体和色彩层级,让新加的内容看起来是规划好的,而不是后来硬塞进去的。导航标签要具体,按访客需要做的决策来组织。
重写开篇主张,明确面向哪类客户、解决什么问题、带来什么结果。避免空泛的“行业领先”式说法、编造的奖项、没有依据的数据,以及公司无法持续兑现的承诺。
平台参数要写明底盘车型、重量级别、对载重的影响、上装兼容性、续航测试条件、充电方式、量产状态、支持的市场和相关文档。不要暗示自己是主机厂(OEM),或已获得实际并不存在的认证、批准或量产就绪状态。替换图片时保持车辆的真实比例。模块页面应说明接口、使用限制、辅助负载、散热要求和验证情况。
资质认证声明需写明当前认证范围和第三方机构信息。服务网络地图要区分自有网点、授权合作伙伴和计划中的覆盖区域。客户图纸、车队数据和车辆远程数据必须妥善保护。
所有照片、插画、图表、图标和界面示例都应视为可替换内容。使用有明确商用授权的真实素材,并配上准确的图片替代文本。重要的标题、价格、日期、状态标签、控件和操作按钮不要做进图片里。照片中出现可识别的人物时,要取得相应许可,真实反映你的受众,避免摆样子式的多元化呈现。不要用 AI 生成图片来暗示并不存在的设施、员工、产品、资质、客户或产能。
重复出现的模块要用结构化字段来搭建,不要复制装饰性区块。每个目标页面都要有明确的负责人、用途、更新计划和下一步行动。日期、价格、供货情况、地点、资质、测量数据和服务条件,只有在最新且有依据时才展示。评分、性能数据、对比、环保声明和成果统计都要说明计算方法。过时的信息要归档或加注说明,不要悄悄留在网上。
表单只收集下一步所必需的信息,写明由谁接收、多久回复,并在提交前展示隐私说明。敏感文件或个人信息应通过需要身份验证的安全流程传递,不要走普通邮件或公开表单。
做 SEO 时,为真正重要的服务、主题、地区、产品或资源建立内容充实的落地页。每页都要有独立的页面标题、页面描述、规范网址(canonical)、合理的标题层级、描述性的图片替代文本和有用的站内链接。只有页面上可见的内容包含同样准确的信息时,才使用结构化数据。不要为每种筛选组合批量生成低质量薄内容页面。
如果是多语言网站,要把术语、日期、币种、计量单位、服务支持预期和法律信息都本地化,而不只是翻译导航。图片优化为响应式 WebP 或 AVIF 版本,标注固有尺寸并合理裁切。在手机端,表格、时间线、筛选器、对比行、地图、表单和图片组都要重新排版,不能出现横向溢出。保证触控区域舒适、键盘焦点可见、对比度足够、控件标签含义明确,并支持“减少动态效果”设置。不要把关键信息藏在鼠标悬停里。
在法规有要求的地区,非必要的统计、广告、在线客服、视频和第三方嵌入内容,在用户授权前都应保持关闭,并提供一个无障碍的入口,方便用户之后修改偏好。
上线前,替换所有虚构的名称、日期、指标、图片、客户评价、价格和状态;核实各项声明、授权、链接、页面元数据和法律披露;测试导航、搜索、筛选、表单、通知、错误状态、键盘操作、读屏标签、响应式布局、性能和 Cookie 授权;并补上相关的隐私政策、服务条款、无障碍声明、联系方式和运营政策页面。再建立一套更正流程,方便员工快速更新或撤回重要信息。只要内容准确、维护到位,这个模板就能把视觉系统变成一个可信、真正投入使用的企业网站,而不只是一个静态的设计展示。