定位：电子产品技术能力与制造理解平台（面向研发与采购的工程可信展示）
　　一、项目背景与网站定位
　　精密电子与智能硬件制造行业的客户决策逻辑，正在从“价格与交付”逐步转向“技术可信度与制造理解”。研发与采购人员更关注：产品结构如何实现性能、制造过程如何控制一致性、工艺能力的边界是什么、质量验证是否可追溯。因此，本网站定位为“电子产品技术能力与制造理解平台”，以结构化的工程语言向外部清晰解释企业的产品能力、工艺能力与应用适配边界，让访问者在短时间内建立可靠判断，并快速进入技术沟通与合作流程。
　　1.1 核心目标
　　让研发/采购快速理解：产品结构、工艺能力、验证体系与应用边界
　　用工程逻辑建立信任：结构示意、工艺流程、质量闭环替代“堆参数”
　　形成可转化的沟通路径：询盘、资料下载、技术支持、样品申请
　　支持多场景传播：官网访问、展会二维码、销售提案、邮件投放
　　1.2 目标受众
　　研发工程师：看结构、方案、可靠性与性能实现路径
　　采购与供应链：看制造能力、交付体系、质量控制与一致性
　　项目/产品经理：看应用场景、兼容性与成本/性能边界
　　合作伙伴：看集成能力、接口协同与项目经验
　　二、整体设计风格与体验原则
　　2.1 视觉风格
　　风格关键词：现代科技、理性克制、工程可信、信息清晰
　　色彩：深灰为底（沉稳）、科技蓝为强调（逻辑线条/按钮/数据图形），少量银白用于层级
　　布局：简洁留白 + 适中信息密度；强调“结构图/流程图/数据可视化”
　　字体：无衬线（清晰、工程感）；数字与单位规范
　　2.2 交互原则（面向研发/采购）
　　先理解后参数：先展示结构与能力边界，再提供规格表与下载
　　模块化呈现：结构—工艺—验证—应用四段式信息组织
　　快速入口：产品方向/工艺能力/质量体系/应用场景四个主入口
　　强可用性：站内搜索、筛选、对比、PDF资料一键下载
　　三、网站信息架构（推荐栏目与层级）
　　网站结构建议按照“能力概览 → 产品与方案 → 制造与质量 → 应用与支持 → 联系转化”展开，形成完整的工程理解链。
　　四、页面策划与内容模板（按栏目拆解）
　　4.1 首页（产品方向与能力概览）
　　首页目标：30秒内让访客理解“企业做什么、能做到什么、如何做到”。
　　顶部主视觉：深灰背景+科技蓝线条/数据流，标题强调“技术能力与制造理解”
　　能力总览模块：产品方向（3-6块卡片）+ 制造能力（SMD/组装/测试等）+ 质量验证（可靠性/追溯）
　　结构示意区：用一张“产品系统拆解图”展示核心模块与工艺节点
　　关键工艺与验证入口：以流程图形式展示“工艺 → 检测 → 追溯”闭环
　　典型应用入口：按场景/行业进入，不堆砌logo
　　快速转化：技术对接按钮（提交需求/下载资料/申请样品）
　　4.2 产品与技术方案（核心页面）
　　核心策略：用“结构+方案”解释产品，而不是单纯罗列参数。
　　产品分类方式：按“功能模块/子系统/应用方向”组织（更适合研发与采购）
　　产品详情页结构模板（建议）：
　　① 产品定位（解决什么问题）
　　② 结构拆解图（关键部件/接口/材料/工艺对应）
　　③ 性能实现路径（结构/材料/工艺如何支撑性能）
　　④ 选型与方案（不同版本/配置/兼容性边界）
　　⑤ 关键参数（规范单位，避免堆叠）+ 资料下载（Datasheet/3D图/规格书）
　　⑥ 应用注意事项（环境/安装/寿命/维护）
　　推荐内容组件：
　　结构示意：爆炸图/分层图/接口拓扑
　　方案选型：对比表（性能/成本/工艺/交付）
　　兼容性边界：接口协议/供电/尺寸/热设计/EMC等说明
　　可追溯证据：关键检测数据截图（脱敏）与报告编号规则
　　4.3 制造工艺与质量控制（工程可信核心）
　　目标：把“能做”讲清楚，把“一致性如何保证”讲明白。
　　制程总览：用一张可视化流程图呈现制造链路（来料→制程→测试→追溯）
　　关键工艺节点：SMD贴装、回流焊、AOI/AXI、选择性波峰焊、三防涂覆、精密装联等（按实际取舍）
　　设备与能力：展示关键设备与工艺窗口（以区间/能力描述，避免敏感数字）
　　质量控制体系：来料检验、过程巡检、首件确认、抽检规则、异常处理闭环
　　可靠性验证：温湿度、热冲击、振动、寿命测试等（按实际）
　　数据追溯：条码/批次/工单/测试记录的追溯路径示意
　　4.4 应用场景（用场景讲清楚边界）
　　策略：用“应用工况 + 需求点 + 对应结构/工艺”来讲应用，而不是堆案例。
　　场景组织：消费电子 / 工业控制 / 医疗 / 车载 / 物联网等（按企业重点）
　　每个场景页面结构：
　　① 场景需求（环境、寿命、震动、EMC、体积）
　　② 对应方案（产品组合与配置）
　　③ 关键结构/工艺匹配点（例如：散热、屏蔽、连接可靠性）
　　④ 验证证据（测试项目与数据示意）
　　⑤ 对接入口（技术咨询/样品申请）
　　4.5 技术支持与联系（转化与服务）
　　目标：降低沟通成本，形成“资料→对接→样品→项目”的可执行链路。
　　资料中心：Datasheet、规格书、白皮书、测试方法说明、工艺能力说明
　　FAQ：接口、安装、环境、维护、交付周期等常见问题
　　技术支持流程：提交需求→评估→对接→验证→交付（流程图）
　　联系入口：表单字段工程化（应用场景/接口/尺寸/环境/数量等）
　　在线沟通：邮箱/电话/微信二维码（适度呈现）
　　五、关键内容体系：用工程逻辑替代广告化表达
　　5.1 推荐“内容四段式”
　　结构：产品由哪些模块组成，关键接口与材料是什么
　　工艺：如何制造与装联，关键过程控制点在哪里
　　验证：如何测试与判定，数据如何追溯
　　应用：在哪些工况下稳定工作，边界是什么
　　5.2 推荐可视化内容形式
　　结构拆解图：爆炸图、剖面图、接口拓扑图
　　工艺流程图：制程节点+质量关卡（QC Gate）
　　数据可视化：趋势曲线、阈值线、对比图（示意）
　　一致性证明：抽检逻辑示意、误差分布图（示意）
　　六、功能需求与技术实现建议
　　6.1 核心功能
　　多语言（中/英）与SEO友好结构（静态化、语义标签）
　　产品筛选与对比：按接口/尺寸/性能/工艺筛选；支持对比表导出
　　资料下载中心：权限控制（公开/注册后下载）
　　站内搜索：支持产品型号、关键词、工艺、应用场景检索
　　表单转化：需求提交、样品申请、技术咨询（带字段规范）
　　可视化组件：结构图/流程图/数据图支持交互（放大、切换）
　　6.2 技术架构建议
　　前端：响应式（PC优先），设计系统统一（组件化）
　　后端：CMS内容管理（产品、工艺、场景、资料），支持权限与版本管理
　　性能：图片与视频CDN、懒加载、结构化数据（Schema）
　　安全：HTTPS、表单防刷、文件下载权限与水印（可选）
　　七、视觉规范（简要）
　　主色：深灰（背景/大面积）；强调色：科技蓝（按钮/图示/链接）；辅助：银白/浅灰（层级）
　　图形语言：线框结构、网格、数据流、等距图示；避免花哨渐变
　　图标：线性图标统一风格；关键模块采用“工程符号化”图标
　　图片：实拍以洁净、精密、秩序为准；避免杂乱场景
　　八、内容采集与制作清单（执行落地）
　　8.1 需要采集的素材
　　产品：系统外观、关键模块特写、接口细节、装配过程
　　工艺：贴装/焊接/涂覆/组装/测试等关键节点
　　检测：AOI/ICT/FCT/可靠性测试等画面（脱敏）
　　资料：规格书、结构图、流程图、测试项目清单（用于二次可视化）
　　8.2 推荐制作物
　　结构示意图（不少于10张）：爆炸图/剖面/接口拓扑
　　工艺流程图（不少于5张）：制程+质量关卡
　　应用场景图（不少于6张）：工况+方案匹配点
　　数据可视化图（不少于8张）：趋势/对比/阈值示意
　　九、实施计划与交付物
　　9.1 项目周期（参考）
　　阶段1：策划与信息架构（5–10天）
　　阶段2：视觉设计与组件规范（10–15天）
　　阶段3：前后端开发与CMS搭建（15–30天）
　　阶段4：内容制作与上线测试（10–20天）
　　阶段5：上线与运营优化（持续）
　　9.2 交付清单
　　网站架构与页面原型（含内容模板）
　　UI视觉稿与设计规范（色彩/组件/图标/排版）
　　前后端系统与CMS后台
　　全站内容上线（产品/工艺/场景/资料）
　　SEO基础配置与数据统计接入（GA/百度统计等按需）
　　操作手册与维护说明
　　附录：首页模块建议（布局草案）
　　01 顶部：定位标题 + 关键能力入口（产品/工艺/质量/场景）
　　02 能力概览：产品方向卡片 + 制造/验证能力标签
　　03 结构拆解：一张系统结构图讲清楚“如何实现性能”
　　04 工艺与质量：流程图 + 数据/追溯入口
　　05 应用场景：按行业进入，强调工况与边界
　　06 资料下载与技术支持：快速转化入口