top of page
2021 年 HKTVmall 剛來台灣設立 Shoalter 分公司，希望透過官網上線，快速提升公司品牌能見度，擴展商業合作機會、招募人才
My Role
我參與發想 Wireframe 內容排版、 Icon 設計、Webflow 網站架設平台的編輯開發、RWD 斷點排版和 CMS 文案管理建構
Iterations
由於此專案上線需求時間緊迫，我們在一個月快速迭代設計開發，並分成兩個階段上線：
Version 1 快速上線搜集反饋
我們將 PM 預設排版的圖文內容轉移到 Webflow，上線後搜集內部反饋
Problems 內部反饋發現問題
第一版上線後，我們從公司內部的反饋發現網站有以下兩項問題：
-
網站內文過於冗長，不易快速閱讀
-
整體缺少動態圖像效果，無法帶給用戶流暢的使用體驗
Version 2 排版和視覺微調
參考 Webflow 模板範例，簡化第一版內容排版、增添動畫和圖示元素加強視覺效果
Before
點列式展開內容過於冗長，難以快速掌握重點
After
數字按鈕切換內容、突顯文案重點
Before
用 Grid 排版處理段落條列，畫面略顯單調，標題和細項文案長度不一影響視覺重心
After
增加圖示和卡片展開/收合動態效果，提升互動趣味，文案對齊視覺平衡
強化 CTA 按鈕和主選單 Navigation 引導
-
"Let's Talk" 頁面按鈕固定出現在 NavBar、Hero Section 和頁面右下角的懸浮按鈕
-
Show / Hide NavBar on scroll 主選單效果：向下滑動頁面展開，往回滑動收合
Design System
bottom of page