网站改版案例分享:365地产首页改版

本次地产首页改版是365联动7站进行全面整改，在此改动之前，今年5月份也做了部分调整，但是本次大改动的原因主要有：

旧版首页各个版块栏目太零散；

页面上小栏目太多，

针对各站的具体情况进行的广告位的优化；

在地产首页上完整展现各个频道中的重要栏目;

根据以上宗旨，项目具体流程如下：

第一步，项目小组UED组针对现有地产首页的框架中的优缺点以及目前主流网站的框架的优势，对现有首页的框架做了较大的调整，基本确定窄宽宽的三栏结构，为保证用户的使用习惯色调基本与原首页保持不变；

所以出现了现在的新版框架，如：

第二步 各个版块栏目的确定

其实这一步对整个首页的改版是最关键的，对与要适合整个365各分公司实际运营的框架是最难的，我们首先是以本次改版的核心宗旨为出发点：各版块的栏目清晰，方便用户阅读；所以我们这一步会让运营最好的一个站的各个条口负责人来提报各自版块的栏目（规定提供*个栏目）；

然后根据该站点提报的栏目来分析其它各自站点是否有这些栏目；

针对具体框架逐个站点来分析，是否有哪些相关栏目需要调整

第三步 确定各个栏目以及广告位的展现形式

需要我们产品人员对各个栏目目前编辑的方式进行全面的了解（否则后期技术嵌套程序时部分不能满足需求）；

然后在结合设计提供的专业的前台表现形式进行探讨，综合整理出最完善的页面表现形式；如：

并且提出，所有的小栏目、小工具统一放在左栏；右栏放一些比较重要的一些栏目；

在其次对各占基本相同的导航、搜索条、365LOGO进行设计（这三大部分对整个网站、用户来说是最关键的）

具体展现如下：

主要目的即在，让用户搜索位置固定，各个栏目分类清晰，同时也方便了网友搜索，能够在我们首页上找个各个频道通道；并且此处的表现力也增强了；

本次的改版也在增加了一些新的广告表现形式，如：

第四步 框架定稿

第五步 设计定稿

通过本次地产首页的改版过程，需要像大家分享的是：在设计师根据定稿的框架图对页面进行设计的时候，可能部分栏目的尺寸会稍有误差，这一点对广告部门来说非常重要，因为稍微一点尺寸的误差就会对相应的广告位报价产生影响，所以这对我们产品以及设计师非常严格；

第六步 提交前端，并将其与设计效果图进行对比

这一点也很重要，否则后期发现误差不仅耽误了技术开放的时间，可能会对整个项目的进度产生较大影响；

第七步 编写需求文档

通过本次的改版经历，需要给各位产品分享的是：在与业务部门对接的过程中，我们需要为他们考虑的更多，我们甚至还需要提前告知他们这样做的结果；也许在对于实现过程中变更需求是常事，但是作为产品人员来说我们应该尽量避免，这也是考验我们分析产品是否透彻。

并且需求文档要简洁明了，清晰地告知技术如何实现，否则还会影响到整个项目的进展；

第八步 技术开发

第九步 填充内容+测试

第十步 正式上线

所有步骤是该产品负责人必须全程跟踪的，同时合理分配并跟进每个条口的时间点，并且对每个步骤结果进行把控、审核！

最后想说的是：

这次地产首页改版就是使各个栏目更加清晰、有条理、让网友能够在我们的网站上轻松查找所要查找的内容，真正服务我们的网友、客户等。

最后要感谢我们本次首页改版团队中每一位伙伴们（林海娟、崔文静、孙颖君、陆敏、关煜伟、杨立、吕涛、檀银兵、朱妮、刘晓宁、曾珍、顾菲、王蕾），谢谢那些给我们提点建议的同事们，因为有了你们，我们的365地产首页才会再这么短的时间内即将呈现给大家。也希望大家来给我们提出更宝贵的意见，也许将是我们下一步需要努力的地方！