Wartner

疣立消 醫療產品網站

疣立消®冷凍除疣劑是全球銷量No.1家用冷凍除疣療程。得到美國FDA認可,荷蘭製造產品,主治手部疣及足部疣。

香港醫療產品網站

4歲以上人士適用,10天至14天後回復健康皮膚

響應式設計 支援各類型設備

本公司設計的網頁,支援多設備瀏覽,滿足不同用戶及現時的網頁設計趨勢。

醫療產品網店

客戶背景:荷蘭醫療產品網站

疣立消®是荷蘭製造的家用冷凍除疣療程。全球銷量No.1。醫學證明,疣立消®冷凍劑與醫生使用的液態氮同樣有效,利用極低溫來破壞患處的表皮組織,徹底把疣病毒擊退。

客戶需求及網站規劃

在客戶的醫療集團中,此產品未有一個自身的形象網站。因此希望建立一個重點介紹疣立消®的網站,除了推廣其功效之外,亦提供購買的銷售渠道

風格確認及前期mock up

網站用色取材於產品的包裝設計。深藍及淺藍色的配搭清晰明瞭。加上客戶提供了設計風格的範例,令設計流程加快。設計團隊抽取深藍色作為網站的主色,用作標題、按鈕、重點資訊的顏色。而淺灰、白色作為背景色,整體網站跟客戶喜愛的範例一樣,簡潔清晰。

另外,設計人員透過利用表格形式,展示使用產品前後的對比,帶出疣立消®的產品特點。

Final Output

最後定稿

經過與客戶在主頁內頁設計的討論後,因為風格展示方面亦符合客戶預期,因此,整個網站都按相應的用色繼續製作,呈現疣立消®作為一個醫療產品的品牌,以及產品特點資訊。

Features

網站特色功能

本次項目除了基本視覺設計之外,跟客戶討論需求過程中,亦 設計了不同的網頁功能。

網站UI設計

客戶著重網站呈現的細節,希望在menu部分加入效果,配合整體形象,令網頁更加精美。因此,團隊調整了menu出現時的淡入效果,而且加入懸停效果在每一個子項目中,用細節設計提升整個網站的質感。更加符合作為美容行業網站的標準。

客戶分享輪播

因為客戶亦會上架一些美容產品,所以我們為客戶在網站亦加入了網店功能,包括:購物車、產品購買、支付系統、Wishlist等等。較特別的是我們為客戶架設了一個側欄的產品篩選功能,供網站訪客更精確挑選所需的產品。
Website color

網站色調處理

如上述所講,網頁整體視覺設計的色調取材於疣立消®的包裝設計,深藍用色點出醫療相關的主題,跟背景形成鮮明對比。而淺綠、天藍、鮮橙色作為highlight強調個別資訊。

網頁界面設計

利用黑體作為網站字體,令內容清晰易讀,而且不同的粗幼設計有效整理不同內容部分,例如:在每頁主標題,設計師會設定為700(Black)粗度,次要標題為定為500-600(Medium / semi-bold)。

摺合式選單設計

利摺合式的選單令更詳細的資訊不用第一時間出現在該頁面,而是當用戶有興趣點擊時呈現,避免了頁面冗長問題。同時令一些大眾未必想接收的資訊(如右圖)會先收藏,避免造成不雅的情況。

懸浮按鈕設計

我們為客戶架設了快速購買的按鈕,跟著頁面懸浮,加強客戶瀏覽網頁後,作出最後的購買動作。
怎樣才是成功的網站?

除了外觀,還有搜索引擎排名

我們提供SEO優化增值服務為你的網站處理好外觀後再提升搜索排名,得到更多曝光。

Back