品牌官网改版
老站视觉与内容多年未更新，在保留原有栏目和链接的前提下重做视觉与前端，改版期间旧站照常可访问。
设计与前端推进路径
六个节点走完，设计稿变成能打开的页面
每一步都有确认动作和产出物，你在任何一环都能看到进度，而不是等到交付当天才知道页面长什么样。
-
页面结构与内容清单
先把栏目层级、每页承载的信息和转化入口列清楚，确认后再进入设计，减少中途返工。
站点地图栏目层级内容清单 -
视觉风格与设计规范
确定主辅色、字体层级、圆角与阴影的使用方式，形成后续页面可以直接复用的组件规范。
配色方案字体层级组件规范 -
首页与内页视觉稿
首页提供两版方向供选择，选定后统一延展栏目页、详情页与表单页，桌面和移动端各出一稿。
首屏设计内页延展双端稿 -
响应式前端开发
按语义化标签切图，覆盖桌面、平板、手机三档断点，按钮、表单、列表的交互状态一并实现。
语义化标签三档断点交互状态 -
内容填充与可读性检查
替换成真实文案与图片，检查长标题折行、图片说明文字、正文对比度和表单校验提示是否到位。
文案排版图片说明表单校验 -
上线前多端走查与交接
在主流浏览器与常见机型上过一遍页面，交付设计源文件、组件说明与后台操作指引。
多端走查源文件交付操作指引
常见合作场景
这些情况，设计与前端一起做更省事
无论是一次性把官网重做，还是围绕某个节点做专题页，页面结构和视觉规范都会一次定清楚。
新品发布专题页
围绕一次发布会或新品节奏做单页专题，首屏信息密度高、移动端打开快，报名与咨询入口放在固定位置。
B2B 线索获取站
以表单咨询和资料下载为目标，页面顺序按客户决策路径排布，先讲清能力与案例，再引导留下联系方式。
多语言站点
同一套组件适配中英双语版本，切换语言时版式、字号层级和按钮位置保持一致，方便后续继续扩语言。
交付内容与验收
设计交付什么，页面上线前查什么
清单在项目开始时就发给你，交付当天逐条对照确认，不在最后一步临时补东西。
- 整站页面清单与栏目结构表
- 首页两版视觉方向稿
- 内页与表单页视觉稿（双端）
- 设计规范文档：配色、字号、组件
- 响应式前端页面与静态资源
- 交互状态说明：悬停、聚焦、错误提示
- 图片处理与说明文字（alt）方案
- 设计源文件与后台操作指引
上线前走查记录
按以下四项逐屏打分，低于 90 分的项目先整改再提交验收。
首屏信息清晰度96%
移动端适配完成度98%
组件与规范一致性95%
页面可用性与加载表现92%
标准 8 个页面以内的站点，从确认结构到前端交付约 12 个工作日；页面数量超过 15 页或需要多语言版本时，按每 5 页增加 3 个工作日估算。如果内容与图片同步到位，时间还能再压缩。
首页提供两版视觉方向供选择，选定后在同一个方向内做两轮细节调整；内页延展沿用已确认的规范，单页微调不超过两轮，避免改到后面版式失去统一感。
交付前按设计稿逐屏走查，间距与字号偏差控制在 2px 内，颜色取同色值，移动端单独再走查一遍。发现不一致的地方先改再提交验收。
可以自备，也可以由我们按栏目用途给出文案框架与图片尺寸要求，你只需确认内容口径和配图方向，排版工作由设计这边一起完成。
可以。常用区块会做成可编辑模块，并附一份后台操作指引，修改标题、图片、联系方式这类日常更新不需要写代码，也不依赖设计人员。
可以。保留原有链接与内容，只重做首屏和重点栏目，前端沿用现有域名与部署环境，改版期间旧站保持可访问，上线后一次性切换。