Background

项目背景

微创医疗(http://www.microport.com.cn/)是香港主板上市公司(00853.HK),起源于1998年成立的上海微创医疗器械(集团)有限公司,是一家中国领先的创新型高端医疗器械集团,总部位于中国上海张江科学城,业务覆盖心血管介入及结构性心脏病医疗、心脏节律管理及电生理医疗、骨科植入与修复、大动脉及外周血管介入、神经介入及脑科学、糖尿病及内分泌管理、泌尿及妇女健康、外科手术、医疗机器人与人工智能等十大业务集群。微创医疗在中国上海、苏州、嘉兴、东莞,美国孟菲斯,法国巴黎近郊,意大利米兰近郊和多米尼加共和国等地均建有主要生产(研发)基地,形成了全球化的研发、生产、营销和服务网络。微创医疗致力于通过持续创新,为医生提 供能挽救并重塑患者生命或改善其生活质量的真善美惠医疗解决方案。此次与荷勒的合作是为了对品牌官网进行一个重新的改版设计,使官网能更好地传达品牌理念,宣传品牌产品。

w2.jpg

plan

项目策划

这是一个充满机遇与挑战的行业 

目前全球医疗市场的区域结构而言,美国、欧洲和日本仍是主要市场,随着这些地区的体系日益完善和市场扩大,其增长空间已十分有限。一些新兴的区域市场,如中国、印度等代表亚太地区,医疗器械市场近几年一直保 持较高的增长速度,成为带动全球市场增长的重要区域。近年,中国市场变幻莫测,公司为了确保增长大型并购不断。数字化成为关键词, 各大公司争相布局,顶级医疗企业排位争夺愈发水深火热。单纯信息展示,内容叠加的官网已经无法满足企业发展 的要求,新的官网需要以用户为中心,为患者、 医生、求职者、投资者提供高效率, 高满意度,高价值的全新官网。我们建议微创医疗建立一个集信息传递、用户服务、品牌传播为一体的全新官网。

w3.jpg
旧版网站的不足与探索

在确立了设计目标后,我们重新审视了微创医疗的旧版网站,对网站中存在的一些问题进行了探讨,主要从信息传递、用户服务、品牌传播这三个方向对网站的问题进行了总结。在信息传递方面,旧版的网站内容展示形式单一,极少利用数据图形、 icon等视觉形式来表达内容,因而许多大段文字内容会让人丧失阅读兴趣;在用户服务方面,最大的问题是网站整体的信息架构不完善,用户难以准确地找到真正需要地内容,给用户带来了许多不必要的操作困惑与麻烦;在品牌传播方面,网站整体版式过于老旧,没有与新时代的设计风格接轨,页面信息不突出,难以达到品牌理念传播的目的。

w4.jpg
竞品网站分析

项目策划过程中,我们对行业内其他品牌的官网进行了一个调研,了解行业的主流设计风格,以及如何在众多品牌中寻求自己的个性,做到品牌差异化。调研过程中了解到其实行业内许多品牌的网站形式还停留在比较老旧的形态上,但也不乏有亮点的品牌网站,如联影医疗和深圳开立生物,在品牌官网的设计上都有自己的风格与主题。美敦力和飞利浦作为行业内的TOP5公司,在官网的栏目架构上也很有参考价值。

w5.jpg
网站栏目框架重新规划

采用封闭式卡片分类法研究网站整体架构,推导出最终网站的导航分类,大体分为四大内容版块:服务客户与公众的版块、了解企业的版块、服务投资者的版块、重视人才的版块。其中,服务客户与大众的版块主要包括了产品中心、解决方案、患者园地、创新之窗的内容;了解企业版块则是关于微创和企业新闻的相关内容。

w6.jpg

design

网站设计

网站配色强调行业属性的同时形成记忆点

网站配色选用了蓝色为主色调,强调品牌的行业属性,烘托医疗产品的氛围,同时,大面积的蓝色使用,也使网站的表现方式更具记忆点,使人印象深刻。细节辅助以亮蓝色展现现代感与科技感,Banner字体选用金色,提升画面质感。

w7.jpg
定制化ICON,展现品牌风格

运用品牌LOGO中的元素加入ICON的设计中,体现网站的品牌感和主题感,同时灵活的使用ICON表达内容也使页面更加灵动,用户更易理解,细线图标风格也给页面增加了设计上的精致感。

w8.jpg
以人为本的网站设计

在网站设计中,使用规整的布局与易操作的交互方式,使每个功能入口清晰可见,使用人文感的图片来表达品牌以人为本的理念,同时加入艺术化的风格设计,创造出个性化的品牌形象,为品牌传播加分。

w9.jpg
医疗器械的独特魅力展示

如何将微创医疗的医疗器械产品更好地在网页上展示出来是这次设计中一个核心问题点,因为器械类的产品展示性较弱,如果处理的不好会使网页整体风格变得突兀。最终我们采用了全屏以产品为核心的展现方式,运用透明感的图片处理手法,使产品与产品之间风格统一,也使产品页面与微创整个网站的风格统一,产品展示更具艺术化的氛围。

W10.jpg
网站已上线,欢迎体验与使用:http://www.microport.com.cn/


w11.jpg


更多案例