尼斯診所

網頁設計

尼斯診所 – 網站架構介紹

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

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

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

網頁元素設計理念

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

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

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

網站架設特色功能

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

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

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

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