尼斯診所

尼斯診所 - 官網設計案例

尼斯診所 - 網站架構介紹

分層顯示網頁內容區塊 合理串接文章分類

尼斯診所 是以醫療美容為主要服務項目,同時搭配銷售相關美容與保養產品,需要以較密集且易懂的方式向網站訪客呈現客戶案例與相關服務項,因此在內容區分上加入以主選單連結的導航區域,放置在首頁中,讓網站使用者能快速進入相關資訊頁面。

醫美診所可提供的項目比較繁雜,因此在較多人會首先瀏覽的服務項目頁面中,設計以族群、目標、手術類型為分類主軸的四大區塊,可以提供訪客根據自身需求篩選分類後,直接到進入到相關頁面中,建立更有效率的瀏覽方式。

網頁元素設計理念

網頁結合品牌主色系 網格與照片不透明處理

以尼斯診所品牌標誌顏色來衍生不同色系變化,並在不同網站頁面的同樣網頁元素中做出統一標準化,配合滿版頁面中放大網頁元素,讓網站具有整體感的同時,也讓訪客更容易閱讀資訊內容。

除基本色調整外,也在案例展示的頁面中以不透明度處理網格相簿( Grid Photo ),在滑鼠游標懸浮時渲染與文字同時出現,讓網頁內容更加鮮明生動,提高訪客關注率。

網站架設特色功能

圖片比對效果、視差背景、錨點連結、商品串接第三方平台

首頁部分運用 JavaScript 技術製作圖片比對效果,瀏覽者只需拉動分隔線,就能看到醫美手術前後的體態差異,給予使用者對尼斯診所醫療技術的專業形象。

在不同頁面內容區域中運用背景底圖固定方式設計視差效果,頁面捲動時將逐一展開背景圖片;而在頁面首圖部分則建立錨點連結,點擊時將快速到達頁面內容,減少捲動畫面的時間。

商品部分採用簡介與銷售分開的模式,在不需要電子商務應用程式附加銷售功能的情況下,鵠崙設計以創新方式按業主要求設計產品介紹頁面,讓形象網站不只具有品牌推廣意義,更能附加產品曝光與銷售的雙重效果。

關閉