0品牌官网用户体验与设计启动会议Brand Official Website Best Practice2016.091AGENDA4. 品牌官网优秀案例3. 品牌官网用户体验设计趋势5. 丰盛健康官网策略方向思考2. 行业竞品官网分析1. 丰盛健康官网项目介绍2丰盛健康官网项目介绍
Brand Official Website Brief丰盛健康官网的背景介绍 丰盛控股旗下丰盛健康各大业务板块启动,
需搭建一个全方位的品牌展示平台,
为目标访问者提供丰盛健康相应的内容、服务
和符合品牌精神的用户交互体验,
树立丰盛健康行业领先的品牌形象,彰显企业实力。丰盛健康官网的目的传递丰盛健康“因爱携手 共创健康”品牌理念,树立 健康生活价值链的行业领先品牌形象。
全方位展示丰盛健康的企业实力与核心业务, 建立媒体、投资者、合作伙伴、应聘人才的品牌信心。
支持丰盛健康各业务版块的业务扩展, 吸引适合的合作伙伴加入健康生活价值链。
满足不同目标访问者的需求,提供创新、人性化、符合品牌精神的用户体验。丰盛健康官网核心目标用户从七大目标访问者角度思考投资者求职者媒体消费者/公众商业合作伙伴政府部门内部员工从目标访问者的需求和体验为中心出发,有策略、有针对性地为不同需求的用户群体提供相应的内容、服务和符合品牌精神的用户体验。丰盛健康的品牌个性
积极乐观的
开放包容的
有责任感的
有现代感的丰盛健康官网项目阶段计划备注:官网上线时间需视后台内容管理系统的完成时间8行业竞品官网分析Brand Official Website Brief9http://www3.gehealthcare.com/enGE Healthcare为全世界提供开创医疗护理新时代的革新性医疗技术和服务品牌理念:全站采用了大量人物图片做为核心视觉设计,表现了品牌利用自己创新的医疗技术和服务,为全人类提供医疗护理的决心和品牌理念。
网站以技术和行业见解为主要核心内容,充分展示行业领导力的地位,体现品牌实力。10http://www.alijk.com/阿里健康线上线下一体的医药健康服务网络品牌定位:全站使用扁平化,图标可视化,医生和医疗等设计元素,展示医药健康服务的平台定位。
网站任务与目标不是很明确,整站内容性不强,大部分信息链接至其它平台,当前现状仅做为一个概念介绍与往商业合作平台导流的任务。
网站没有手机版,移动端导流不顺畅。但因为有原生APP,可做为补充。11http://www.evergrandehealth.com/index.aspx恒大健康见心,健未来
Leading a Healthy Future With Our Heartfelt Dedication品牌理念:网站在体现“见心,健未来”品牌理念上不是很清晰,事例网站没对此信息的解读和延展。
网站比较模板化,内容结构、设计以及交互体验都不有独特性。仅为最初浅的信息展示。12竞争对手行业网站分析对丰盛健康的启示整个行业对于“大健康价值链”的概念诠释几乎没有,这也是丰盛健康的机会点;
虽然网站的核心用户是B端,但健康的最终收益者是终端消费者,因此采用人物图片元素,可以更好的表现品牌理念,突出品牌特点;
强化移动端的网站建设;搭建响应式的官网平台;根据核心目标用户的需求,提供从合作的价值、成功案例到在线留下销售意向全方位的体验。13品牌官网用户体验趋势
Brand Website UX Trends1414平台用户体验与视觉设计的趋势视觉体验设计 – 大图片&视频背景,充分体现品牌理念http://www.merck.com/index.html大屏幕的体验是如今网页设计必不可少的一个部分。尽管对于很多人来说,很难接受主页只有零星几个词,取而代之的是图片和视频。
大背景图片,包含少量文字内容、位于网站顶部的图片。视觉更突出,更具吸引力。
随着网络技术的发展Html5的使用,背景视频的使用逐渐成为近几年的设计趋势。背景视频为网站的来访者提供了一种全新而有趣的观影式体验。长页面讲故事&视差滚动的交互体验,支持故事性的解读业务http://www.templatemonster.com/demo/51194.html视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。完美的展示了一个复杂的过程,让你犹如置身其中。厌倦了千篇一律,呆板网页设计的你不防一试。感受一下下面的Mint Design Company这个网站。内容优先的浏览体验 -- 可视化设计,高效果呈现复杂信息http://www.generali.com/investors.html辨识度更高,易于用户理解,减少用户阅读信息压力和时间。数字可视化
图标代替文字信息可视化
图标代替文字实现导航可视化Card Design 卡片式(模块化)设计,更好的支持响应式实现http://www.generali.com/模块化设计仍是2016年的设计趋势,并且将成为适用于移动设备最好的设计模式。卡片流突出信息本身,用大图和标题文字吸引用户,强化了无尽浏览的体验,吸引用户不断探索浏览。响应式设计强化响应式设计技术可以使得你的网站在任何设备上都能友好地展现。并且在搜索排名中兼容移动端的网站比不能友好兼容移动端的网站排名更高。它拥有极大的灵活性,并可以呈现更多满足用户需求的内容。移动端用户体验设计趋势丰盛健康品牌官网用户体验设计方向干净简约:界面简化,透过空间、色彩及具有品牌代表性的元素和清晰大图,突出直观传递品牌核心思想;减少用户不必要的操作。
长页面:透过长页面说故事,创造丰富流畅的内容浏览体验。信息模块化作为长页面的布局元素,更好的适用于移动设备。
内容为先:突出信息本身,多元化及视觉化呈现内容,减少用户阅读信息压力和时间。
用户体验为中心:满足不同的目标人群的使用及浏览习惯,透过微交互与多种形式说故事,使复杂专业的业务信息简单化呈现。
响应式界面:透过响应式设计,使网站能适用多种浏览设备上阅读及体验,保持一致性品牌体验。22品牌官网优秀案例Brand Official Website品牌理念:乐视生态,利用可视化的内容呈现品牌生态概念http://www.leeco.com/品牌故事:利用视差滚动设计,故事性且动态的展示品牌故事http://www.yapstone.com/company/our-story/创新科技:通过研究成果汇报,加强用户对品牌的创新、权威的印象。https://www.swisse.com/en-au/scienceSwisse:
领先的健康品牌,使命是帮助人们更健康和更快乐的生活。
建立“专业领域研究”频道:
以行业研究成果汇报,以及研发内容,树立品牌坚持创新的权威形象。领导思想:通过持续的行业观点,提高行业领导力http://www.cardinalhealth.com/en/thought-leadership.htmlCardinal health:Thought Leadership与行业领袖一同展望医疗发展, 通过专家评论、最佳实践和领袖见解,预见医疗行业的前景。康德乐是全球百强企业,专业从事健康营养品、保健食品科研、生产及医疗健康的全球性销售的跨国集团。康德乐国际集团是美国90%医院药品及营养食品为供应商。现在全球健康营养食品、生物学领域顶尖科学院和世界著名的国际生物学家进行广泛的技术合作,开发出了享誉全球,具有国际领先水平的新一代健康营养品系列。并采用当今世界最先进的生物基因提纯技术,最大限度地保存了提取营养物的活性。专家团队:同仁堂健康 – 通过庞大及有影响力的专家突现品牌实力http://www.trthealth.com.cn/expert品牌实力:如新大中华创新总部园区 - 360度线上展厅,展示科研实力http://gcip.cn.nuskin.com/Home/Index/mainhttp://v.youku.com/v_show/id_XMTU0Mzk0NDQyOA==.html?from=s1.8-1-1.2&spm=0.0.0.0.Hr5TJG#paction如新抗衰老科研:
如新集团致力于成为世界一流的抗衰老公司,为人们研发出更多创新且具效益的优质产品。如新力邀多位世界顶级研究及学术机构出类拔萃的科学家、皮肤学家及植物学家组成如新抗衰老专业科研顾问团。透过在皮肤学、营养学、基因分子学以及生物化学领域的不断发掘、科学实验及集合各专家对产品研发的不同专业意见,研发出更优异的如新个人保养品以及华茂营养补充品,帮助人们活出年轻,让如新在抗衰老领域享负盛名。业务介绍:Syapse – 利用长页面的设计,介绍每个业务版块的优势http://www.syapse.com/platform/Syapse 帮助医疗保健供应商、实验室和注册管理机构使用分子分析和临床数据来诊断和治疗病人。利用基因组测序等分子分析技术,Syapse能帮助服务提供商在不断扩充知识的基础上实践精密医学、获得基因知识并提供护理服务。业务介绍:保险极客 – 为中小企业提供多种保险方案http://www.insgeek.com/InsuranceTemplate/index保险极客保险极客是专注于提供中小企业员工保障的、中国领先的互联网保险服务平台。公司2014年成立于北京,致力于通过互联网和大数据技术,为企业提供简单、高效、优质、便捷的员工福利保障,帮助企业建设人才队伍、分散风险、规划财税,为每一位用户带来全新的保险服务体验。合作商家:博曼心理 - 充分利用数字算法,放大合作者利益,吸引加入http://www.bmind.com.cn/joinus.html博曼心理
职场心理专家,组织心理顾问
博曼心理是国内领先的员工心理援助专业机构,为企业提供员工心理援助的咨询和培训等EAP服务,帮助组织提高员工的心理健康水平,降低员工流失率,提高员工满意度、工作热情。同时,提供在线咨询服务,以及在线填写意向信息。合作伙伴:HP:Partner First计划 - 从合作伙伴的角度讲述合作计划http://www8.hp.com/cn/zh/hp-information/hp-partner-first/overview.html投资者:Generrali - 利用可视化设计展现复杂的数据和大量的信息内容http://www.generali.com/investors.html忠利保险公司ASSICURAZIONI GENERALI
作为世界上主要的建筑、安装工程承保公司之一,忠利保险有限公司已为中国的许多大型工程项目提供了主要再保险人的服务。忠利保险有限公司是世界上最主要的航天和航空承保公司之一。34求职者:APPLE - 从员工的角度出发创建对加入公司的向往http://www.apple.com/jobs/cn/corporate.html35品牌官网案例对丰盛健康官网的启示利用可视化的内容呈现和微交互动态效果,结合相关视频,解读丰盛健康“因爱携手 共创健康”品牌理念,树立健康生活价值链的行业领先品牌形象。
结合长页面的讲故事和微交互的体验设计,全方位展示丰盛健康四大核心业务的优势和价值,从而体现企业资源融合和创新技术背景的实力。
针对核心目标受众需求,建立对应独立的全面展示频道或者专区,提供创新、人性化、符合品牌精神的用户体验。有效引导需求信息收集。
有效的加强各栏目之间的相关链接引导,提高合作伙伴的合作意向收集。丰盛健康官网策略方向Strategy Thinking Direction37Recap:丰盛健康官网的目的传递丰盛健康“因爱携手 共创健康”品牌理念,树立 健康生活价值链的行业领先品牌形象。
全方位展示丰盛健康的企业实力与核心业务, 建立媒体、投资者、合作伙伴、应聘人才的品牌信心。
支持丰盛健康各业务版块的业务扩展, 吸引适合的合作伙伴加入健康生活价值链。
满足不同目标访问者的需求,提供创新、人性化、符合品牌精神的用户体验。38Recap:丰盛健康官网核心目标用户从七大目标访问者角度思考投资者求职者媒体消费者/公众商业合作伙伴政府部门内部员工从目标访问者的需求和体验为中心出发,有策略、有针对性地为不同需求的用户群体提供相应的内容、服务和符合品牌精神的用户体验。39Recap:丰盛健康品牌官网用户体验设计方向干净简约:界面简化,透过空间、色彩及具有品牌代表性的元素和清晰大图,突出直观传递品牌核心思想;减少用户不必要的操作。
长页面:透过长页面说故事,创造丰富流畅的内容浏览体验。信息模块化作为长页面的布局元素,更好的适用于移动设备。
内容为先:突出信息本身,多元化及视觉化呈现内容,减少用户阅读信息压力和时间。
用户体验为中心:满足不同的目标人群的使用及浏览习惯,透过微交互与多种形式说故事,使复杂专业的业务信息简单化呈现。
响应式界面:透过响应式设计,使网站能适用多种浏览设备上阅读及体验,保持一致性品牌体验。40丰盛健康品牌官网策略方向思考维度企业商业目标目标受众洞察行业趋势
最佳案例打造官方信息发布平台:行业领导地位
高效传递品牌理念、创新科技、核心业务。
满足目标人群的信息获取需求。合作伙伴
投资者
求职者
内部员工
媒体
政府
消费者/公众从丰盛健康目标访问者的需求和体验为中心出发,有策略、有针对性地为不同需求的客户群体提供相应的内容、服务和符合品牌精神的用户交互体验。干净简约的设计
长页面与模块化设计
内容为先
用户体验为中心
响应式设计41共享健康生活价值生态链
打造健康行业最新健康理念的丰盛健康官网
以满足目标受众的丰富内容、创新且最优的用户体验,缔造良好的品牌体验。丰盛品牌官网定位方向讨论:因爱携手 共创健康
品牌健康理念四大健康版块
品牌优势与实力合作伙伴联盟
资源与合作42对官网的需求与期待1, 您认为丰盛健康官网的目标用户有哪些?
2, 需要官网如何支持您的业务板块,希望在官网上重点展示什么内容?
3, 有什么网站希望项目团队去借鉴参考的?风格上、设计上、互动体验上等等
4, 您如何判断丰盛健康官网的设计是成功的?Thanks!