正铭官网产品系统Vibe Coding

正铭官网是我为自有公司打造的企业 AI 转型服务网站，面向有客户跟进、商品资料整理和企业知识查找需求的中小企业。项目旨在解决服务内容难以直观说明、潜在客户缺少体验入口、咨询信息分散等问题，将品牌展示、业务场景、自研样例和预约沟通整合在同一站点。通过“了解问题—体验样例—预约交流”的路径，帮助访客判断服务是否适合自身业务，也为公司提供统一的线上展示与咨询入口。

网站包含品牌首页、业务场景介绍、自研样例工作台、企业资料查找体验、产品设计案例、正铭 CRM 介绍及预约沟通等模块。访客可以体验销售跟进记录整理、商品资料检查与内容底稿生成，并核对原始资料、查看缺项提示，在人工确认后导出结果；样例明确标注虚构资料及规则或模型的使用边界。预约模块支持填写联系方式、选择日期和时段、确认隐私说明，并提供提交结果反馈。界面支持桌面与移动端适配、明暗主题切换、移动导航和“小铭”品牌角色互动，结合页面动效与卡片反馈，提升内容浏览和操作体验。

我负责项目从想法到上线的全过程，包括业务定位梳理、网站信息架构、文案与视觉设计、交互动效、前后端开发、测试及部署，并完成域名配置与网站备案。前端采用 React、TypeScript 和 CSS，结合 GSAP 实现页面交互与动效；正式站采用 Node.js 服务与 SQLite 数据存储，部署于阿里云服务器并配置 HTTPS。实现重点包括预约表单校验与数据保存、自研样例的输入检查和人工审核导出，以及品牌角色在不同屏幕下的展示与阅读避让。上线前完成自动化测试、类型检查、构建及桌面和移动端模拟视口验证，并保留版本归档与回退方案。