BYD-比亚迪-集团官网-2016-改版方案

比亚迪集团官方网站2016改版解决方案比亚迪品牌通过互联网，如何提升品牌在全球的知名度，从制造商变成领航者？未来的挑战HOWTO?目录AGENDAI.需求回顾及引言II.BYD集团官网现状及对标网站分析III.我们的思考及BYD集团官网定位IV.BYD官网优化方案架构建议&内容规划设计优化方案视觉展示运维计划（SEO&SEM、官网排名流量优化、网站响应速度、数据监测、CDN优化方案）V.执行周期需求回顾集团官网改版的任务优化集团官网，提升BYD母品牌形象通过集团官网整合BYD各业务板块，为全球BYD企业用户及大众消费者，提供品牌资讯和相关业务信息介绍什么是优秀的官网•那些优秀的官网•优秀官网的共性•官网的评估标准同样，一个顺应自然之道的优秀品牌官网应该具备怎样的特质？品牌关键词：活力、激情、快乐、畅爽品牌形象，是被消费者认同后的品牌识别反之，品牌调性影响品牌形象更直接的说法是，我们需要用户接受的品牌形象就是官网应该有的样子首先，他们符合品牌调性品牌想传达的，请表现在官网上吧！和产品一样，官网也要差异化，在用户真正接受品牌的服务和产品前，至少得让TA记住我们其次，视觉的唯一性如果拿掉LOGO，你还知道是我吗？网站一致性的2个重要意义在于：•用户在平台的每个“下一步”都容易被预知，降低浏览成本•加深品牌印象还有，整站风格的一致性结构、界面、风格…..排版配色文字图片网站的美观必须建立在：符合品牌调性、唯一性、以及风格一致的基础上当然，美观是必须的优秀的网站必须“好看”符合品牌调性视觉唯一性整站风格一致视觉美观优秀网站需要具备除了好看，还要好用首先，我们得承认用户并不会经常关注官方网站（尤其是能源制造业）他们总会带着需求而来我们除了提供用户可靠准确的信息官网还需要站在用户的角度，为他们的需求定制相应的功能何以“好用”那么，消费者关注官网哪些内容？产品信息（介绍、价格、购买渠道）活动（促销等）品牌售后（辨伪，投诉）售前支持普通消费者用户需求是消费者需要从官方渠道获得的支持与服务另一方面，从品牌的角度，官方网站（品牌网站，活动站官方社交平台），承载品牌文化输出的职能价格/供货能力支持&服务企业社会责任环保、公益、慈善政府品牌地位领先同行业、市场占有率企业实力厂房规模、员工人数、项目规格、相关案例网站内容将会从普通用户、企业、政府的需求出发，给予用户想要关注的信息作为品牌意志和信息公开的主要传播渠道，官网更要兼具官方内容输出的功能企业、政府会关注哪些内容呢？•网站架构&浏览路径规划•方便的搜索•访问速度•易用的网站工具•创新的交互•终端、浏览器的兼容性用户体验企业所持的信息足以编撰一本书，但我们无法给用户“看书”网站要让他们方便的获取所需同时，自然而然接受并认可品牌的文化和产品以用户角度确定网站内容规划让用户顺利的获取和接受这些内容根据以上推导得出，网站的评估标准•产品信息•品牌文化灌输•售前支持•售后•活动内容用户体验•符合品牌调性•视觉唯一性•整站风格一致•视觉美观视觉•网站架构&浏览路径规划•方便的搜索•访问速度•易用的网站工具•创新的交互•终端、浏览器的兼容性搜索引擎优化•网站代码和标签的优化•URL优化•原创内容和更新频率•域名服务器优化（独立主机，稳定性等）BYD集团官网现状官网现状分析内容视觉表现品牌体验可用性SEO•架构分散，似站群，不整合•各产业板块形象不统一•子站远落后于当下审美的视觉设计•没有移动端解决方案•品牌意志呈现较单薄•主流搜索引擎搜索排名滞后弥补不足，趋于完美内容SEO可用性视觉表现品牌体验4.03.02.01.00.0目标我们该怎么做？•网站定位•改版建议•网站框架•视觉展示比亚迪母品牌策略思考多元化国际化BYD品牌发展现状创建于1995年产业链围绕新能源产业的布局汽车、IT、能源、照明等产业物联网移动互联网软件及应用平台化内容资源抢夺盈利模式O2O布置能源革命市场环境变化品牌力不足•国内汽车品牌知晓度高，其他品牌优势不为人知•各产业品牌各自为战，母品牌形象不够丰满对外的表现面向企业内部核心不断突破的创造力价值观坚韧.专注.不满足现状.前瞻性愿景最具创造力的全球领先品牌承诺(赋予能力)比你自己认为的还要好个性敏锐的.有毅力.不服输.活力创新.环保科技.行动派.超乎想象属性/关键词利益点开启更好生活体验的更多可能颠覆游戏规则从本土的电子产品、能源产品生产者变成新能源产业规则创造者引领全球互联一代属于自己的新能源体验THEGLOBALGAMECHANGER品牌形象需要提升母品牌官网应实现的战略作用领先业内的核心技术对市场契机的高度敏感广泛高效的商业应用性新能源技术及领先的产业布局业界领先的ODM供应商具有前瞻性的生产制造商产业链的垂直整合高效优质的服务体系对外的表现面向企业内部核心不断突破的创造力价值观坚韧.专注.不满足现状.前瞻性愿景|立足现在，更拥有未来锁定全球互联一代，通过创新的技术、卓越的产品,服务内容和平台，提供全方位品牌体验生态系统，满足并提升他们生活品质，带给他们幸福的当下和美好的未来。承诺Empowerment(赋予能力)比你自己认为的还要好个性敏锐的.有毅力.不服输.活力创新.尖端科技.行动派.超乎想象利益点属性/关键词开起更好生活体验的更多可能竞争位置智能环保生活的领航者BYD互联网品牌中心国内外企业用户消费者官网定位官网感知业务：覆盖三大产业链产品：创新性、技术领先、环保节能体验：调性统一，浏览顺畅，信息获取便捷官网受众官网定位但，消费者对除汽车外的另外两大产业感知较低汽车IT新能源品牌感知视觉统一整站调性体现品牌理念整站VI统一体现创意和美观度可用性多终端适配顺畅路径规划界面友好易于信息查找更快的响应速度SEO代码和标签优化原创内容能力和更新频率没有flash域名主机优化改版方向比亚迪智能生活的领航者三大产业（汽车、IT、新能源）全方位展示提升比亚迪在消费者心目中的品牌感知当前架构目标架构ITEuropeAfrica……ChinaCIS比亚迪全球官网Auto比亚迪全球官网ITAutoNewEnergyEuropeAfricaChinaCIS…PVEnergyLighting架构建议AUTORegionalSite•NorthAmerica•LatinAmerica•Europe•Africa•MiddleEast•CIS•China•AsiaPacificITEnergyPVLightingAboutBYDNewsAboutcompany•Companyprofile•Corporateculture•Corporateresponsibility•milestonesCareerContactusSNSInvestors•BasicInformation•Announcements•Corporatereports•IRserviceProducts•Solarenergy•Nickelbatteries•NPS•LCD/LCM•FPC•…R&DandEDU•CentralResearchInstitute•ElectricPowerResearchInstitute•AutoengineeringresearchC4OCITIESPressReleaseProducts•ProductType•Bulb•…•ApplicationArea•Hotel•…•County•Europe•…LightofFuture•Ledcrossapplication•IntelligentControl•SolarStreetLampLightofHealth•ExploreBYDLighting•EnergySavingCalculator•CertificationAuthorityProjectsEnergyStorage•MINIES•B-Box•ESS•UrackbatteryMicroelectronics•Currentsensor•IGBT•CMOSImageSensor•ACDC•LedDriver•BatteryProtectionICProjects•ESS•SolarStreetLampDownloadProducts•MulticrystalModule•Cell•Wafer•…Award&Certification•Award&certification•Association•BankabilityTechnology•HighPowerModuleTechnology•HighEfficiencyTechnologyProjectsDownload•News•Event比亚迪全球官网NewEnergy核心业务模块品牌展示企业动态辅助信息官网架构0浏览顺畅设计结构扁平化等待时间不超过3秒网站布局一目了然123设计原则趋势一：卡片式设计得益于移动端习惯的养成卡片为响应式框架提供了出色的兼容性，它暗合了模块化设计的思想Pinterest最突出的特点：使用了到现在为止最受欢迎的卡片式设计网页设计趋势卡片式设计提供清晰的浏览逻辑从结构到视觉，模块化思想使得它轻松地成为了跨设备交互的一种载体；堆叠、移动、传输均可以有逻辑、清晰地完成东风起亚KX516年3月上线雪铁龙global官网15年7月上线移动端完美适配移动端完美适配网页设计趋势趋势二：滚动第一，点击第二随着移动设备渐渐掌控市场，网页设计更也偏向移动化在移动设备上，通过手指的随意滑动来滚动页面与我们在web上养成的习惯截然相反网页设计趋势越来越多网站滚动第一位，点击第二位遵循这种趋势网站已没有那么多需要点击的内容，更多的是滚动。链接少了，按钮多了，“可点击”区域大了，要滚动的页面高了向下滚动总是更容易的操作，用户不用停下来点击翻页。这也难怪越来越多的用户沉迷于这种交互模式1、普锐斯韩国产品站（15年10上线）2、奥迪A4丹麦产品站（15年11月上线）3、法国途安产品站（16年13月上线）LOGO导航BYD品牌介绍、重大事件展示品牌介绍/事件将以图片或者短视频格式呈现榆次，用户选择进入对应内容区块ITIt业务简介&入口Energy新能源简介&入口PVPV简介&入口LightingLighting简介&入口Auto各区域regionalsite入口案例产业相关案例展示新闻企业、品牌相关新闻展示C40Cities社交平台分享Bottom：招聘、联系我们、copyright主业务展示品牌信息传达底部导航辅助信息OURBUSINESS厂／」三I如0RECENTLYPROJECTS了LATESTNEWS己工］►图YDP-Jointhe=-－－－－－－－－－－－－－－－－－－首页首页二级页面demo-IT二级页面demo-IT二级页面demo-lighting）二级页面demo-lighting）二级页面demo-lighting）技术及运维建议•全球移动端用户数：25亿•全球总用户数：58亿•近43%的用户访问移动端•其中pad约为总用户数的2%•近千种尺寸屏幕造访网站提供不同尺寸屏幕适配策略*数据来自2016年9月InternetSociety(ISOC)终端适配方案版本A性价比/性能管理效率/营销策略最佳的策略版本组合终端适配方案优化页内元素&加载方式PhonePC&LaptopPad&TouchPCPart1LoadingPart2LoadingPart1LoadingPart2Loading分步加载：首先加载首屏元素（导航头图等），页面下方元素待切换到相应位置另行加载异步加载：首先加载界面中展示性，程序段元素稍后加载（如360、第二轮轮播图）跨屏体验方案针对性调整页面元素，在移动端选择较小图片格式、优化代码、减少对HTTP请求等•PC：400KB内•mobile：1.4M内（当今移动设备分辨率实已高于PC，所以高精素材占用体积较大）Phone跨屏体验方案未优化网站加载速度经过优化后网站加载速度同一页面优化后网站加载速