企业官网 · 多页响应式品牌站产品系统

中小企业在获客时最缺的不是产品，而是一张能说清"我是谁、我卖什么、为什么信我"的线上门面。本作品是一套多页企业官网，解决企业官网普遍存在的"首页堆砌、找不到重点、移动端错位"问题：用清晰的导航与栏目结构承载品牌、产品、案例与联系，让访客 3 秒内定位所需信息。适用于制造、服务、贸易类企业的品牌展示与线索收集。

网站由五个核心页面构成。首页以品牌主张 + 三栏价值点 + 客户信任 logo 墙建立第一印象；产品页用卡片网格列出主营产品线，每卡含简介与参数入口；解决方案页按行业场景组织内容，引导深度阅读；关于我们页讲述资质、团队与历程，强化信任；联系页集成地图、表单与多渠道入口，直接承接询盘。全站采用组件化结构，导航、页脚、CTA 全局复用，PC 与移动端共用一套响应式断点，后台可快速替换文案与图片，便于客户自行维护。

独立完成信息架构、视觉设计与前端实现。采用语义化 HTML 与 CSS Grid/Flex 布局，导航与页脚抽成公共组件以减少重复；用 CSS 变量统一色彩、间距与字号层级，保证多页视觉一致；通过 1024px 与 640px 两档断点重构栅格，移动端折叠为多级手风琴菜单。性能上内联首屏关键 CSS、延迟加载非首屏图片，首屏加载控制在 1.5 秒内。难点在于多页信息层级与留白的平衡，用统一的 8px 间距节奏与卡片化分区解决。