永暉診所
網頁設計
永暉診所 – 網站架構介紹
一頁式簡易操作 快速導航網站資訊
永暉診所 是以心血管醫療服為專業主攻項目,希望能以較為簡單易懂的網站架構來說明專業醫療知識及診所主治項目,因此決定網站以單頁方式製作,讓使用者在閱讀較艱深的醫學資料時以上下捲動畫面的方式即可了解全文,提供更會順暢的閱讀體驗。
在網站主選單項目中指定連結屬性,並在對應區塊建立錨點編號,當點擊網站選單連結時,畫面將自動到達指定的資訊區塊,不複雜的點閱方式讓網站訪客能更快找到想要了解的資訊。
網頁元素設計理念
Lightbox圖表效果 Icon 特色列表
專業知識內容為了讓閱讀者可以更快速的理解,常常都會以表格的方式做資訊內容的分類與比較,在永暉診所的網站設計案例中,特別將資料表格以較為清晰的圖片格式製作,並加入 Lightbox 燈箱效果,點擊表格圖片時將會加深背景顏色並放大顯示表格內容,即使在較小解析度的螢幕上觀看,也能清楚了解表格資訊。
在特色醫療的區塊為每一項目均加入 Icon 標示,並且在樣式上與 Logo 色系同步,除了讓網站更具有一致性外,更方便瀏覽者識別文案項目段落所在,提升網站視覺效果。
網站架設特色功能
Google Maps 嵌入、元素載入特效、醒目聯絡文字
一頁式網站必須要將網站內容包含在單一頁面中,在設計上的彈性較少,因此如何運用有限網站版位,合理分配資訊就相當重要,以一般網站另外建立聯絡我們頁面不同,此次案例中特別將 Google Maps 以全版面方式加入至網站底部,在觀看網站內容後即可透過 Google 地圖找尋到診所位置,讓網站觀看順序更為合理。
當網頁載入時較為重要的資訊均加入轉場特效,在頁面捲動間逐步顯示,增加網站豐富度與可看性 ; 另外在診所營業時間、聯絡電話、電子信箱等重要欄位均以點選即顯示或直接聯絡的方式建立,增加網站訪客立即聯繫的意願。
想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!