洞察 ·
品牌官网改版怎么做:从需求到上线分哪几步
品牌官网改版可以分四步走:先盘点(业务目标、目标访客、旧站内容和数据),确认栏目结构;再设计(视觉方向、关键页面、交互原型),确认设计;然后构建(前台与内容后台、多端测试、部署上线),验收上线;上线后进入运营(内容更新、数据复盘、迭代)。每一步结束时由甲方确认一次,后面的返工会少很多。改版不必推倒重来,旧站里可用的内容和网址可以保留。
品牌官网改版,常见的困扰不是设计好不好看,而是做到一半发现方向要改:栏目定晚了,内容等不来,验收时才想起后台不好用。把改版拆成几步,每一步结束时确认一次,大多数返工都能提前避开。
一个可用的分法是四步:盘点、设计、构建、运营。前三步各有一个确认点,分别是确认结构、确认设计、验收上线;运营则从上线当天开始。
一、盘点:先弄清改什么,再动手
改版先要回答的,是「为什么改、改给谁看」。这一步要产出三样东西:
- 需求清单。 这次改版要解决的问题写成几条:品牌形象过时、访客找不到产品、移动端不好用、要加英文版,还是要承载报名和预约。每条都能在上线后检查。
- 内容盘点。 把旧站每个页面过一遍,分成保留、重写、合并、删除四类。改版不必推倒重来,可用的内容和网址可以保留。
- 栏目结构。 按访客要找的东西排出一级、二级栏目,写清每个栏目由谁提供内容。
动工前甲方要交哪些材料(品牌素材、账号权限、旧站数据等),可以对照品牌官网改版,甲方要交给设计方哪些材料。这一步的确认点是确认结构:栏目和页面清单定下来,后面的设计和报价才有依据。
二、设计:先定方向,再做关键页面
设计阶段按三层推进:
- 视觉方向。 先出一两个方向,确定版式、字体、色彩和图片风格,和品牌手册对得上。
- 关键页面。 首页、产品或服务页、案例页、联系页这类访客常到的页面先做完整设计,其余页面按组件延展。
- 交互原型。 导航、表单、筛选、切换语言这类操作,用可点击的原型走一遍,比看静态图更容易发现问题。
这一步的确认点是确认设计。确认前宜请内容负责人一起看:真实文案放进去以后,版面是否还成立。
三、构建:前台、后台和测试一起做
构建阶段不只是把设计稿做成网页,还包括三件事:
- 前台与内容后台。 后台按角色分配编辑和发布权限,市场部日常改新闻、换图片不必找开发。
- 多端测试。 在常用的手机、平板和电脑浏览器上走一遍主要流程,弱网下看页面怎么表现。
- 部署上线。 域名、服务器、备案、统计等账号确认在品牌方名下,旧网址怎么对应到新页面在上线前排好。
这一步的确认点是验收上线。验收清单宜在构建开始时就写好,而不是上线前一天临时凑。
四、运营:上线是新一轮的开始
上线以后,官网还要持续做三件事:按计划更新内容、定期看访问数据、根据数据小步迭代。哪些页面访客停留短、哪些表单提交少,就是下一轮要改的地方。
五、每一步要谁来拍板
| 步骤 | 产出 | 确认点 | 甲方要参与的人 |
|---|---|---|---|
| 盘点 | 需求清单、内容盘点、栏目结构 | 确认结构 | 决策人、内容负责人 |
| 设计 | 视觉方向、关键页面、交互原型 | 确认设计 | 决策人、品牌负责人、内容负责人 |
| 构建 | 前台与内容后台、多端测试、上线 | 验收上线 | 内容负责人、IT 或网站管理员 |
| 运营 | 内容更新、数据复盘、迭代 | 每轮复盘 | 市场或运营负责人 |
每个确认点只有一位拍板人,意见先在甲方内部汇总再交给设计方,能少走好几轮来回。还在挑合作方的,可以先看设计工作室怎么选:报价和交付看哪几项。
常见问题
改版一定要全部重做吗?不一定。旧站里还准确、访客常看的内容和网址可以保留,按内容盘点的结果决定哪些重写、哪些合并。
能不能先做设计,再慢慢补内容?可以先做,但关键页面宜用真实或接近真实的内容来设计。内容长度和结构差得太多,后面版面常要返工。
改版期间旧站要停吗?一般不停。新站在测试环境里做完、验收通过后再切换,切换时把旧网址对应好。
飞沐做官网改版是怎样的流程?北京飞沐网络科技有限公司的数字体验服务按洞察、设计、构建、运营四个阶段推进,关键节点客户全程参与;可以只做设计或只做开发,也可以在已有网站上改版,保留可用的内容与旧网址;每个项目在沟通需求后单独报价。
小结
品牌官网改版分四步:盘点并确认结构,设计并确认设计,构建并验收上线,上线后持续运营。每一步结束时确认一次、每个确认点有一位拍板人,改版就不容易做到一半推倒重来。