普羅牙醫

普羅牙醫 - 醫美網站案例

普羅牙醫 - 網站架構介紹

捲動式子選單、頁尾連結

普羅牙醫 提供牙齒矯正相關服務,以使用者不同需求做針對性手術說明的設計前提下,在主選單項目中均加入快速連結技術,當使用者點擊連結時將快速捲動畫面至該頁面特定區域,提供使用者瀏覽網站時便利的資訊轉換方式。

另外在網頁底部加入了網站主要內容連結,當瀏覽單一網頁結束時可以透過頁尾選單繼續閱讀其他頁面,所提供給使用者的是更明確的網站其他的內容指引,降低使用者重複操作相同瀏覽動作的機會。

網頁元素設計理念

頁面標題區域、橫向視差效果、燈箱圖片設計

在每一個主要頁面加入了標題區域,設計上採用半透明背景底圖與大型標題文字,也使用網站規範主配色來為按鈕加入色彩,除了主動給予使用者當前所在頁面的提示,也利於 SEO 規劃事項,讓搜尋引擎更容易了解當前頁面主要述說的內容。

為了讓網站視覺不只以單調的靜態方式呈現,當使用者捲動畫面時客戶推薦區域底圖以橫向視差效果顯示,讓重要的資訊區域具有更顯眼的動態表現方式。

在設備介紹圖片展示區域以網格呈現,並且在使用者點擊圖片時會以燈箱效果呈現全螢幕設備圖片,讓想要了解診所設備的使用者能夠看到更多相關細節。

網站架設特色功能

收合式選單、前後比較圖片

在歡迎資訊頁面中顯示的常見問題相關資訊,我們選擇以收合式動態內容項目呈現,因為在網頁瀏覽上如果單一區域呈現太過密集的文字,容易造成使用者抗拒閱讀的心理,因此當點擊題目時才顯示答案內容的呈現方式可以讓使用者有一個循序漸進的閱讀過程,不至於會失去繼續瀏覽的耐心。

另外在醫美網站最重要的是案例分享,只有提供給使用者能夠做到的實際效果,才能建立對診所的信心,因此在案例頁面中我們以手術前後圖片對比的設計方式,讓使用者可以更直觀的了解術前術後的差異性,在實際案例的輔助下,才能有效提升使用者聯絡診所的機會。

關閉