企业官网产品系统

工业设备行业的获客官网场景。此类企业客户决策链长、采购前会反复研究技术方案与交付案例，官网承担“技术信任建立”的第一步。传统模板站千篇一律、移动端体验差，反而削弱专业感。本项目以一家工业视觉检测设备企业为背景，做一个兼顾专业调性与线索转化的企业官网：清晰呈现检测场景、交付案例与售后支持，并以预约产线评估作为转化入口。立项目的：验证“设计稿级还原 + 移动端适配”的官网交付能力。

单页式企业官网，包含五个内容版块与配套交互。一、首屏：品牌主张、双行动入口（预约产线评估 / 查看方案）；二、产品方案：三类检测场景介绍，对应“场景—方案—交付流程”的说明结构；三、应用案例：已交付产线展示，支撑技术信任；四、技术支持：交付后的服务承诺版块；五、联系我们：预约表单，含必填校验与提交反馈。全站响应式适配桌面与移动端，移动端提供汉堡导航；页面滚动时内容分块渐入，导航栏吸顶随滚动切换样式，锚点跳转平滑定位。

独立完成设计稿还原与全部前端开发。技术栈：原生 HTML / CSS / JavaScript，零框架零依赖，单文件实现，可直接双击打开。实现亮点：①响应式断点按内容真实换行位置设定（1120px 内容区，900px 与 640px 两个断点），数据卡在 900px 挤成两行、640px 转单列，不靠缩放硬凑；②滚动渐入用 IntersectionObserver 实现，元素进入视口触发后即解绑监听，避免滚动过程中反复闪烁，也减少无效计算；③表单校验、吸顶导航、移动端汉堡菜单均为原生实现，无任何第三方库，加载体积小、可直接部署到任意静态环境。