POLISH｜官網翻新：打造兼具動態美學與沉浸式體驗的品牌網站

專案背景

磨人 Polish 是立足台灣、做 Web 3D 與 AI 應用的設計開發團隊，服務對象包括政府單位、電視台與國際企業。成立滿五週年時，他們的專業與作品早已今非昔比，官方網站卻仍停留在五年前的樣貌：視覺略顯陳舊，也承載不了現在作品的深度與質感。

在五週年這個里程碑，Polish 決定徹底翻新官網，打造能匹配其專業高度、讓訪客願意沉浸其中的數位門面。這個專案是分工合作：網站的視覺與介面設計由 Polish 團隊完成，留白設計 BLANK DESIGN 負責工程端，把設計稿完整實作成可上線的網站，包括動態效果、案例與文章系統、詢問表單整合，以及桌機與手機各自的版面。

核心挑戰

這個網站不能只是一個作品集。Polish 的服務橫跨 3D 互動、AI 應用與長期協作，訪客需要在短時間內理解「他們做什麼、做過什麼、怎麼合作」。網站需要流暢的動態效果、結構清晰的案例與文章系統，以及讓人願意填寫的詢問表單，而且全部客製設計要在 2 個月內實作上線。

解決方案

Polish 的設計把首頁當成一條有節奏的路線：先說定位，再用作品與數字證明，接著說明服務與合作方式，最後把訪客帶到詢問表單。配色以深紫為底、亮黃綠為重點，「亮眼但不突兀」，搭配立體角色與專業影像，讓科技服務看起來有溫度。工程端的任務，是讓這條路線在每一種螢幕上都照著設計走，而且捲動起來依然流暢。

桌機

桌機版以大面積的圓角區塊切出段落，深紫與淺紫交替，捲動時每一段都像換了一個場景。頂部導覽收成一個置中的膠囊，捲動時一直跟著，「立即諮詢」永遠在視線範圍內。

手機

手機版不是把桌機縮小，我們依照設計為手機另外實作版面：標題斷行重新安排，卡片改為橫向滑動，數字卡片一次只看一張，導覽收進右上角選單。立體角色與對話泡泡保留下來，在小螢幕上依然有品牌個性。

工程實作重點

先處理節奏，而不是先堆特效

Polish 的作品本身就很有力量，網站真正要做的是讓訪客願意一路看下去。實作動態時我們守住一個原則，「帶路」而不是「表演」：轉場讓人知道自己從哪裡來、要往哪裡去，捲動時元素依序出現，閱讀的速度由訪客決定，而不是被動畫拖住。服務特色以編號卡片整理，3D 作品畫面直接放在說明旁邊。

用數字與案例說話

「導入沉浸式網站」「網站載入速度提高」「提升互動率」三張數字卡片，每一張都附上對應案例的連結，數字不是口號，點進去就看得到出處。深度協作的 Polish+ 以一張浮在照片上的卡片收尾，搭配「預約諮詢」按鈕。

精選案例與合作流程

精選案例以橫向卡片排列，每張都標出客戶名稱，下方「更多案例」通往完整列表。合作流程拆成策略、設計、開發、部署與成長四段，每段以標籤列出實際項目，讓企業在聯絡之前就知道會經歷哪些步驟。

案例與文章要能長期經營

五年來累積的作品與觀點，需要一個能持續更新的地方。案例與文章系統依照 Polish 規劃的分類與層級實作：列表頁有搜尋，內頁依序是麵包屑、服務標籤、標題、客戶引言卡片與分段內文，圖片附說明文字。新文章有固定的位置可以放，訪客也能從一篇自然延伸到下一篇。

表單放在想聯絡的那一刻

我們把詢問表單整合進網站，放在訪客看完作品、最有意願聯絡的位置，每一頁頁首也都有「立即諮詢」按鈕。表單一次只問一題，開場一句「花 1 分鐘填寫，我們幫你節省 3 個月摸索時間」，降低填寫的心理門檻。

成果

• 分工負責工程端，2 個月內完成全站客製設計的實作
• 首頁依「定位、證明、服務、流程、聯絡」的節奏重新編排
• 顧客案例與文章有清楚的分類、搜尋與固定內頁版型，方便持續新增
• 詢問表單整合進網站，每一頁頁首都有「立即諮詢」
• 桌機與手機分別排版，視覺質感與作品深度對齊

給同類型品牌的建議

如果您的公司也成立好幾年、作品與實力早已超過現在的網站，翻新時可以先問三件事：

1. 作品和網站，哪一個比較能代表您現在的水準？ 如果是作品，網站就該退到後面，讓作品說話。
2. 您有沒有持續輸出的內容？ 有的話，案例與文章的分類和結構要在一開始就規劃好，之後才不會越加越亂。
3. 訪客想聯絡您的時候，聯絡方式在不在眼前？ 很多詢問就是在「找不到按鈕」的那幾秒流失的。