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


更多案例

亚洲中文字幕无码区在线