1、立项原因：公司战略转向自研产品，对外定位为制造企业数字化转型专业服务商，核心产品为智慧数字工作平台，深耕食品及农产品加工、先进材料、汽车零部件、金属材料行业。原有官网已无法承载新定位下的品牌表达、产品介绍与获客转化需求，遂立项从零重写，打造公司统一的对外门户。
2、行业场景：制造业中小企业普遍面临经营数据割裂、数字化建设不知从何入手的痛点。本站面向上述行业潜在客户，承担品牌展示、产品介绍、方案科普、案例实证与线索转化职责，以预约数字化诊断为统一转化入口，上线后正式接管公司域名 www.zerosansan.com。
1、功能模块：站点为六大页面单页应用，含首页、产品中心、解决方案、客户案例、关于我们、联系我们。
2、首页：双背景轮播主视觉、深耕行业四卡 3D 翻转、标杆案例卡、十大经营场景跑马灯、服务五步流程、AI 对话演示面板与转化横幅。
3、产品中心与解决方案：产品中心展示智慧数字工作平台八大模块的系统实拍与管理价值六问；解决方案页提供十问自诊、行业方案卡、实施路径与改造前后对比。
4、客户案例：含案例列表页与标杆客户专属详情页，详情页集成大屏系统实拍、场景解读、验收清单与图片灯箱。
5、关于我们与联系我们：发展历程时间线、价值观、服务承诺；微信二维码、多通道咨询入口与高德地图。
6、全站基建：响应式布局与暗色模式，统一转化入口，配套 sitemap、分享卡片与结构化数据等搜索优化能力。
1、负责任务：独立负责从技术选型、架构搭建、页面开发到生产部署的全流程，采用 AI 辅助编码方式交付，通过工作区规范文件、集中文案表与案例注册表约束 AI 多轮迭代不漂移；经历 Astro、Nuxt 到裸 Vue 的技术方案演进，完成显示效果对齐与正式域名无缝切换。
2、技术栈与架构：Vue 3、Vite 8、TypeScript、Tailwind CSS 4、vue-router，pnpm 管理依赖，Nginx 部署并配置单页应用路由回退。
3、大屏适配：根字号 clamp 等比缩放方案，全站字号统一 rem，解决超宽屏布局拉伸问题。
4、字体方案：自托管思源黑体可变字体，按站内字符集子集化至 3889 字，兼顾观感与加载体积。
5、搜索优化：单页应用下运行时动态写入标题、分享卡片、canonical 与结构化数据，兼顾体验与收录。
6、性能与体验：零动画库手写滚动进场、视差与惯性平滑滚动，保障低端设备流畅；暗色模式首帧内联脚本避免主题闪烁。
评论