
浪花舞網站再設計
浪花舞是宜蘭一家本土衝浪品牌店,他們的舊版 WordPress 網站面臨諸多挑戰。由於外掛之間的衝突導致網站版型走樣,特別是在面對不同載具瀏覽的時候,網站的響應式設計完全跑版。另外網站的視覺主軸也不統一、字級沒有區別變化,這些都造成使用者瀏覽上的困難。
為了解決這些問題,我首要為浪花舞設計了一套 Design System,包含字體排版、色彩配置、UI 元素設計以及響應式設計。透過系統化的方法來統一視覺元素,並在所有設備上提升用戶的體驗。
重整網站架構
將浪花舞原有的網站主頁與子分頁歸納後,我針對課程與住宿內容兩大項依地區進行細部的劃分,讓網站訪客可以更有邏輯性地找到需求的內容。這個重新設計的結構成為新網站 Menu 的基礎。

運用視覺輔助瀏覽
多媒體元素的穿插在網頁設計上有引導訪客閱讀的功能,首頁中段以插圖的方式,介紹浪花舞獨有的衝浪分級制度,網站訪客可以透過圖片迅速了解自己的學習程度,找到適合自己的衝浪課程。

透過制定完善的 Design System 與重整網站原本凌亂的架構,浪花舞的網站轉身成為一個使用者友善,並且能有效傳遞訊息與增進使用者互動與體驗的網站。