1、中石化数字品牌化站群建设项目呈报Part1 正邦一直在为助力中石化品牌化建设而努力Part2 此次项目需求解读Part3 现站群诊断Part4 正邦帮中石化量身打造站群建设的策略建议Part5 正邦的服务保障Part6 优秀案例赏析CONTENTS /目录23Part1 正邦一直在为助力中石化品牌化建设而努力中石化集团官网中石化集团官网1）在后续的品牌宣传触点中，都以“绿色、环保、健康、亲和”理念为基础2）品牌理念与品牌元素的提取，在后面子站的建议中得到了延展2012年中石化集团官网站成果正邦在2012年提出的三款设计稿中，领导当场认可正邦的设计水平，并选择其中一稿，且延用至今。当时正邦服务范
2、围仅有集团官网，与本次需求的站群大有不同。中石化内网机关在线石油工程中石化子公司石油工程官网中石化物资招标投标平台中石化物资招标投标平台2015 长城润滑油品牌TVC广告28天！46条三维合成生产线！浩瀚的星空，瑰丽的航景，穿越般的未来科技正邦视频团队完美呈现中石化公司长城润滑油2015品牌TVC巨作！2012年中石化集团官网2013年中石化内网机关在线2014年中石化石油工程官网2014年中石化长城润滑油广告创意设计2014年中石化长城润滑油30周年纪年册创意2014年中石化长城润滑油VI、包装2015年中石化物资招标投标平台2015年中石化长城润滑油厂区导示2015年中石化长城润滑油品牌宣
3、传广告片创意制作2015年中石化子公司江汉石油官网正邦一直在为助力中石化品牌化建设而努力14Part3 此次项目需求解读项目需求解读A.范围：中石化集团官网+中石化股份制官网+海外子站B.品牌形象：1）基于之前的品牌理念，结合现中石化现在创新科技的新思想，落实到品牌展示上面作进一步的优化。2）整体品牌视觉展示的规范性有待提升C.内容：根据各站点的定位，对信息架构进行梳理。D.可用性：基于PC端兼顾移动端，做到响应式设计及APP的移动应用E.社会化媒体：加大用户之间的互动交流，增加分享等功能F.站点国际化：调整地区站和语言站之间的关系需要解决的关键点l怎样提炼出更适合中石化现代发展的品牌定位l各
4、站点的受众的不同，决定了各站点定位及内容架构l怎样做到视觉体系的统一性l怎么解决移动端用户体验的问题l社会化媒体本地化的区别l地区站与语言站怎么做到横向、竖向的全面覆盖17Part4 现站群诊断这是2012年正邦为中国石化集团官网打造的新形象，现在看来，它还是有很多可取之处：一、引导页的设置：1、便于SEM，为集团公司官网和股份公司官网分流2、为集团品牌提供了一个独立展示区域。二、视觉风格：1、树立了鲜明的视觉风格：绿色、亲和，扁平、渐变。2、现在看来依然不过时不落伍，特别是横向对比国内公司，在视觉品质上仍然领先。3、提炼出了主色调、辅助图形等关键识别元素。然而，2012年的项目中只涉及到了集
5、团公司官网的建设，本次需求的范围，除了集团公司官网外，还有股份公司官网及7个海外子站。下面将主要就这些站点进行分析。正邦站群诊断五维分析图站群结构品牌形象内容可用性社会化媒体站群结构一、结构（索引页）：1、集团公司官网首页页头部分有明显入口引入集团站群。2、集团站群页也分类列出了集团旗下各子公司，点击可跳转至相应网站，站群庞大的架势已经非常明显。3、但是，站群页提及的两类公司（专业公司及其单位和境外代表处）均没有独立的网站，只在集团公司官网有个单页的文字介绍，出现在站群页会造成用户困扰。二、URL地址：从三者的域名结构，并不能清晰对应出三者之间的关系与三者各自的价值定位。http:/ 正邦帮中
6、石化量身打造站群建设的策略建议站群架构品牌形象内容可用性社会化媒体12345站群架构1站群结构图、域名、索引页站点定位与价值引导页集团官网股份官网引导页中文版作为重点内容汇总展示。英文版作为国际站，便于没有子站国家用户进行查看。承载品牌线上形象构建，使用户全面了解中石化，提升网站性能，促进与其他平台的融合。整个站群最大引流入口集团业务及服务，各分支机构及项目等信息发布，与国内各层次客户进行交流，助推集团国内主要业务的的全面提升。站点定位海外子站针对海外国家提供本地化服务；销售产品和动态信息；与本地用户互动。中石化站群引导页中文版引导页英文版集团官网股份制网站北非子站中、英、法东南亚子站中、英俄
7、罗斯子站中、俄美国子站中、英南美子站中、英、巴西葡萄牙欧洲子站中、英、法沙特子站中、英、阿拉伯引导页英文版作为国际站点，便于一些没有子站的国家，可以直接访问英文版引导页。本地化搜索，可直接指向本地区站点，解决了地区和语言版本的问题。站群结构图区域站群的域名管理GE 的国家站点有着系统的管理和清晰的本地化定位目标统一的域名管理分配机制 G G G ChinaUKGE站群域名统一管理机制示意优秀案例借鉴引导页中文站：http:/引导页英文站(国际站点)：http:/ 结品牌定位中石化代表的是什么国际一流能源化工企业中国国家形象奋发图强、潜心钻研的民族精神能源领域创新改革的领袖注重履行社会义务及责任
8、的企业小 结品牌定位中石化传递的品牌定位真诚可靠、务实负责的伙伴小 结品牌定位为全球经济与环境的和谐发展，用科技让能源更加安全，增添可持续动力品牌定位中石化，让人更美好的能源科技企业品牌定位元素提取中石化品牌元素提取品牌色绿色、环保科技、创新元素提取元素提取辅助图形提炼辅助，应用到UI控件、ICON中，强化品牌识别力元素提取元素提取以上为示意部分，后期会更有针对性的进行元素提炼，无论是从扁平化创意、色彩释义、辅助图形、交互体验上面，使其更完整。扩展中石化品牌的扩展我们的方法视觉行为理念情感品牌认知用户体验品牌用户Human Interface Guideline人机交互规范规范化优点 4.易扩
9、展 1.统一性 6.积累 3.版本化管理 8.品牌资产 5.深入 7.具体 2.可执行规范化优点IA设计规范评测修正UED规范化作业流程UED规范化作业流程规范化与作业流程IA设计规范测评修正UED规范化作业流程UED规范化作业流程规范化与作业流程IA设计规范测评修正UED规范化作业流程UED规范化作业流程规范化与作业流程1、内容优先设计2、色彩传递品牌个性3、扁平化、轻质感 4、图片营造产品气氛5、合理的信息引导6、创意性的图形设计 7、各渠道的规范统一我们此次设计原则：视觉交互情感天津银行官网方案呈报方案一IA设计规范评测修正UED规范化作业流程规范化与作业流程IA设计规范评测修正UED规
10、范化作业流程规范化与作业流程首先，我们通过品牌形象基础规范浅析官网目前存在的问题视觉交互情感本能水平设计行为水平设计反思水平设计内容布局不符合栅格布局规范，整体页面信息对齐关系混乱页面信息无主次，内容信息分栏无依据栅格布局新设计主视觉图布局不统一，视觉主体不突出，信息形态不符合用户预期，背景元素太多，图片混乱，无品牌化元素图片视觉主体位置：黄金分割点品牌化元素辅助图形运用新设计背景背景元素：简单统一，突出视觉主体控件形态不符合用户习惯，且颜色并没起到信息引导按钮控件无有效用户行为反馈控件交互控件形态规范统一颜色：可点选字体颜色进行统一（如图 蓝色字体可点击进入详尽页面）鼠标滑过空间颜色有区分，
11、给予用户点击线索、行为反馈新设计产品用图规范可体现产品实物或说明其使用场景：1，产品实物：无背景，无阴影，产品正面实物或效果图。2，使用场景：可使用不超过3个人物，并尽量满足如下关键词：户外、明亮、青春、温暖图形约束不符合产品用图规范产品用途使用场景：图片不超过3个人物，主体信息突出满足关键词：明亮、温暖IA设计规范评测修正UED规范化作业流程规范化与作业流程Human Interface Guideline 11设计概述1.1用户体验设计原则1.2容易犯的错误1.2.1适应分辨率1.2.2文本1.2.3错误信息1.2.4图标2视觉设计原则2.1设计理念2.2设计规范2.2.1栅格系统2.2.
12、2尺寸与分辨率2.2.3控件尺寸2.2.4空间间距2.2.5对齐2.3推荐尺寸与间距2.4字体2.4.1应用模式2.4.2设计规范2.5颜色、色调2.5.1应用模式2.5.2设计规范2.5.2.1 应用系统中色系规范2.6过渡动画2.6.1设计规范3交互设计原则3.1设计理念3.2控件、组件3.2.1气泡提示 Balloon3.2.2复选框 check box3.2.3命令按钮3.2.4命令链接3.2.5超级链接、图形链接3.2.6下拉列表与组合框3.2.7分组框3.2.8表格视图3.2.9渐进展开控件3.2.10选项按钮3.2.11微调控件3.2.12状态栏、统一消息3.2.13选项卡、标签
13、栏、手风琴3.2.14文本框3.2.15工具提示与信息提3.3菜单、导航3.3.1导航菜单3.3.2横向菜单3.3.3纵向菜单3.4工具栏3.4.1设计理念3.4.2应用模式3.4.3设计规范3.4.4推荐尺寸与间距3.5版式3.5.1弹出式对话框 Dialog3.5.2面板 Panel3.5.3窗体 Window3.5.4向导 WizardHuman Interface Guideline 24情感设计原则4.1设计理念4.2提示语4.3错误报告4.4图形约束5应用扩展-智能手机5.1视觉设计原则5.1.1设计规范5.1.2推荐尺寸与间距5.1.3字体5.1.4颜色色调5.1.5过滤动画5.
14、2交互设计原则5.2.1控件、组件5.2.2菜单、导航5.2.3工具栏5.2.4版式Human Interface Guideline 3互联网品牌形象基础规范视觉交互情感WEB基础规范WEB基础规范通用规范终端专用规范可扩展WAP端终端专用规范APP终端专用规范PAD终端专用规范自助设备终端专用规范3内容架构、内容本地化目标受众分类引导页集团官网股份制网站海外子站政府*媒体*投资人*合作伙伴*应聘者*消费者*地区化*引导页关于我们新闻中心业务发展产品与服务科技创新首页引导页信息架构政府、媒体、合作伙伴、消息者集团官网关于我们新闻中心社会公益科技创新人才招聘首页集团官网信息架构政府、媒体、合作
15、伙伴、应聘者股份官网产品和服务业务发展科技创新合作关系行业报告投资者关系首页股份官网信息架构投资人、合作伙伴、政府中石化海外子站架构俄罗斯俄罗斯官网美国美国官网南美南美官网中东中东官网欧洲欧洲官网东南亚东南亚官网北非北非官网更多表现的是中石化在该地区进行的积极推动和助力以及与当地民众和文化的良好交流海外子站石化在地区本地化业务本地活动通告合作关系客户评价人事招聘首页海外子站基本架构地区化、投资者、合作伙伴如何做到内容本地化？内容本地化语言文字产品服务资讯活动市场图片素材各国官网采用本地语言文字语言文字本地化语言本地化在全球官网的基础上增删本地的产品。GE中国站的业务，根据中国的国情相应的调整了
16、在华业务和产品，以能源，医疗等板块为主。产品本地化本地的服务热线展示，本地的客服提供在线咨询，查询本地维修点等，还有本地特色服务的介绍苹果中国官网在首页设置显著入口，设置了各种促销专题，服务查询，在保证本土的服务覆盖同时还可以查询到全球服务内容，真正形成体系。服务本地化本地自主进行本地化资讯和专题的维护。GE中国站发布的资讯和专题报告多为针对中国国情，环境和与中国企业间的合作项目资讯本地化除继承全球官网全球范围内的活动外，本地自主进行本地化活动的维护。根据中国的特殊的市场环境和社会环境，GE在中国官网进行一个本地化的活动运维。活动本地化在针对各国市场形成有针对性的市场运营体系，从产品选取，渠道
17、架构，价格政策，营销传播，售后服务等多层面，充分考虑本地化的特点。奥迪中国官网充分考虑中国国情，在产品，咨询，促销，售后，活动，互动多维度打造一个符合中国用户实际需求的落地性市场体系。市场本地化产品的推广banner或详细介绍页需根据本地文化或用户关注点等的差异进行针对性设计。GE官网banner在中国站和美国站不同。中国站表现恢弘的助力美国站表现工匠的细节图片素材本地化除以上大块部分外，有些细节的规划也可根据该国家或地区的文化以及不同的用户习惯和用户偏好来进行相关设计。如：-集体主义盛行的国家更注重关系网络的构建，我们可以在这些国家加强社交方面的建设和产品的口碑营销。-个人主义的国家跟注重隐
18、私，我们可以尽量避免在这些国家网站上激励用户交流自己的信息。-西方国家的人比较喜欢直来直去，而东方国家的人比较喜欢婉转迂回，我们也可以根据这方面文化的不同，差异化营销的语言风格等。其它国家地区文件本地化4内容可用性响应式、APP 随着移动设备越来越多，可以提升用户体验。该设计没有网页版本区分，所以SEO的策略保持一致。可以避免重复内容，专心维护这一个网页，降低运营成本 保持网页的原有链接。Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。对老版本IE7以下浏览器兼容不好网站内容比较多的网站不适用缺点响应式特点注重移动端用户体验P
19、C页面手机页面响应式设计注重移动端用户体验PC页面手机页面响应式设计APP定位展示宣传型中国石化微门户APP定位营销型中国石化加油卡掌上营业厅APP定位地区型中国石化加油卡掌上营业厅APP定位l APP类型定位比较明确l 品牌形象的统一性有待提升l 建议建立统一的营销营业厅，站点切换，内容本地化后续的实施落地更重要1、品牌在线管理系统解决品牌资产的统一管理2、季度巡检检测规范设计的最终落地5社会化媒体适合国家站点继承全球官网的社交媒体，同时增加在本地有良好表现的社交媒体分享入口。联想美国官网比印度、德国官网新增Pinterest。因美国用户更喜欢注重图片带来的直观感受。社会化媒体本地化站群架构
20、1品牌形象2内容3l中文引导页站点为聚合点，通过统一平台引流，再做到精确分流；英文引导页为国际站点，使用于没有网站国家用户查看l在集团站中设立站群站点索引页，可视化操作，最佳用户体验l站群域名统一管理l中石化最新的品牌定位l品牌理念及品牌元素提炼l品牌视觉体系的规范性l内容本地化l站点定位及架构梳理中石化站群站点建设策略小结可用性4社会化媒体5l基于PC站兼顾移动端的响应式布局设计l增加用户粘性的APP，及定位价值和品牌视觉统一性l适合本地化的社会化媒体交流中石化站群站点建设策略小结正邦有信心做到为中石化打造世界一流的数字品牌化站群新标杆我们共同的目标150Part6 正邦的服务保障项目开发组
21、组成及各成员职责正邦具备充足的人员储备和强大的资源整合能力777777人，国内最大品牌综合服务商。130130人，专职网站策略、设计与技术 开发运营团队。预计达到10-20人规模。网站项目组151对于中石化网站建设，正邦也制定了相应工作机制，以保障后续工作完成质量及效率。中石化网站建设项目机制l 设立网站建设独立项目组l 设立专业服务团队l 快速1小时响应需求152项目开发组组成及各成员职责网站项目团队人员架构项目管理&信息支持团队项目沟通&执行安排创意设计团队技术开发团队*杨飞品牌咨询总监*康小燕品牌整合资深经理*黎兆禧品牌整合经理*卜家琦执行总监*马新娟项目副总监*陈淑宇互动项目经理*李胜
22、科互动创意总监梅竹互动创意经理*苏成互动副创意总监*李灿灿互动设计经理霍雪婷互动创意主管*胡博资深产品总监王思思前端技术开发*石冬PHP技术开发*赵栓前端技术开发经理*刘辉技术开发总监*袁来恩测试主管注：项目团队人员共计21人，*为项目核心成员，共15人.项目团队人员架构*孙家强互动项目经理*郭建辉品牌咨询资深经理张谊流程经理154项目管理及产品管理团队0流失；项目核心团队人员流动率低于10%。整体项目团队人员流动率低于20%。正邦成立独立项目组，未经甲方允许的情况下，正邦不会变换项目组成员，项目组会根据项目需求的增加来配备相应人员，以满足项目顺利完成。项目团队人员架构邦网络团队部分成员一旦展
23、开合作，项目组成员是全职服务客户的，如果仍然不足的话，我们后备了若干专业技术人员和设计师，作为服务保障。签订合作协议调研、访谈，深化需求沟通网站架构设计页面框架原型设计页面风格设计其余页面设计页面制作前端技术开发测试前后台对接后台开发系统移交对外发布配合调研确认结果确认架构确认原型确认页面风格确认其余页面设计整理并提供相关数据后期维护项目验收确认正邦执行甲方执行双方共同执行调整项目推进流程对于项目会从6个维度进行全面把控，确保每个环节的可实施性，可执行性。网站时间控制沟通管理人员管理成本管理风险管理质量管理制作项目进度表，按时间节点提交交付物。DTP管理模式、内容评选法，都是对项目的有力保证风
24、险评估及风险规避合理的人员时间管理制定甲方与正邦沟通方法成立独立项目组项目团队人员架构项目组项目DTP管理模式保障Developer开发制作Tester测试Project Manager 项目经理交付测试经理进行第一次审核项目经理进行第二次审核项目组内部进行三次审核后经过双重保障，最后把提交物交付给客户，确保产品的质量。产管理部进行第三次审核项目质量控制保障内部评稿模式-内部评选，择优提交评选设计一组设计一组设计二组设计二组最终设计稿设计组内部进行评选，通过内部竞争产品最优设计，对页面设计的有力保证。项目质量控制保障160风险预测项目初期对于工作量和进度安排的过于乐观，可能会造成制定的进度目标
25、无法达到。保障措施l如果具有一个不能延迟的交付日，我们应该尽可能早的开始项目。l工作任务的分解最好细化到天，一个任务的完成时间不要超过3天，这样可以相对精确的制定进度计划，并且一旦延误也可迅速发现并调整。项目进度保障措施及补救方法序列类型风险描述可能性措施1业务风险对需求不明确，不完整中双方派经验丰富的人员进行深度沟通2业务风险需求不被识别高正邦资深创意经理直接参与调研3实施风险因不被重视，进度无法按时完成，实施成本增大高正邦制定开发计划，明确各阶段完成时间4实施风险需求变更，导致不能按时完成中初期需求调研充分，作多方论证5实施风险决策周期长集团的内部审核时间较长高尽量缩短决策周期；协调集团的
26、资源6安全风险由于安全策略不到位，导致数据丢失，无法恢复中正邦对数据进行多样备份7安全风险由于权限设置不到位，导致信息泄漏中正邦对项目文件按照职责设置严格访问权限8技术风险技术不合适，导致后期数据交换和协作出现问题中正邦进行技术可行性分析与第三方集团建立有效沟通9技术风险新技术应用，漏洞没发现中正邦对技术应用部分进行多方测试可预见的项目风险评估及相应规避措施，需要双方互相沟通，把风险降到最低。风险评估及规避方案整体项目分阶段逐步确认，每一阶段的验收都以甲方对正邦的出品成果满意，并签订阶段对应确认函为标准，总体验收以签订结项确认函为标准。总共分为网站框架、网站原型、首页设计、内页设计、网站切图5
27、大阶段。阶段确认函结项确认函162项目验收函展示u培训官网部署上线后，会提供CMS后台操作手册如客户需要，也可协商对客户进行一次电话培训或面对面培训。正邦官网项目后续培训与维护u一年免费售后维护服务官网项目交付并通过甲方验收，官网正式发布后的第二个工作日即进入为期一年的免费售后服务期。免费维护期满后，甲方可选择通过与乙方协商，延长维护期，相关费用另计。正邦官网项目后续培训与维护u 售后服务的服务范围1、代码安全漏洞修补对由甲方或甲方集团委托的的第三方安全技术代理集团查出的安全漏洞进行代码修补。2、系统修复若正式上线的服务器，即官网服务环境发生崩溃，配合甲方集团进行系统的恢复工作，恢复到系统交接
28、时的状态，即正式上线节点时状态，数据需由甲方集团提供数据库备份文件和用户文件（上传文件）备份。正邦官网项目后续培训与维护3、技术保障3.1 对于使用方面的问题，提供电话维护3.2 免费维护项目包括由于系统设计问题而出现的系统故障、系统运行错误。非软系统设计问题，如：硬件损坏、使用者操作不当、使用者恶意行为造成的系统问题故障不含在维护范围内。3.3 数据备份，我方提供数据备份服务，每季度1次，需要客户提供服务器登陆账号，备份后我方通知甲方集团系统管理员备份文件在服务器上的存放位置，备份文件保存工作由甲方集团系统管理员实施保管，已备系统修复工作中使用。正邦官网项目后续培训与维护u 售后服务的服务范
29、围1、电话应答服务我们将为甲方集团指定经验丰富的专职人员，与甲方集团相关人员对接。负责解答、帮助处理在使用过程中所遇到的故障或困难。2、远程桌面协作服务甲方集团须向正邦集团开放服务器的远程桌面服务，以便于我方对甲方集团的官网系统进行正常的维护和故障排除。我方承诺未经甲方集团书面许可，不将甲方集团服务器任何数据信息向任意第三方传播。3、上门服务如确有必要，甲方集团可要求正邦集团指定专业人员，上门服务。由此产生的差旅费用，由甲方集团承担。4、响应机制如正邦集团所完成的系统在运行中出现异常，正邦集团应在接到甲方集团通知（电话、传真、电子邮件、信件）后及时处理并提供5*8小时电话应答服务。此种情况发生并得到处理验证后，双方应届时签署问题处理纪要。正邦官网项目后续培训与维护u 售后服务的服务方式168Part7 优秀案例赏析DEMO演示1931941952022-7-25196197 北京航空 首页 北京航空 首页浙江东方地质博物馆 3D线上体验网站打造全景展示的3D线上体验博物馆12000平方米完美呈现，成为整个博物馆行业网站的新标杆。
