大聲平面設計網站規劃
Dasnang Design Website Redesign
Role
UI Designer
Responsibility
客戶偏好問卷
整體視覺規劃
內容編纂、美編
溝通、執行與調整
響應式設計
整體視覺規劃
內容編纂、美編
溝通、執行與調整
響應式設計
Time Span
Year 2021
7 weeks
7 weeks
Project Overview
更新形象網站
以提升客戶轉換次數
大聲平面設計提供品牌及其相關的平面設計服務，主要透過形象網站向外展示經營項目與獲取客源。鑑於原網頁訪客人數逐漸攀升，設計詢問數卻未見成長，我們進行了討論與檢視並決定優化。
Result
網站轉換率提升38%
網站轉換率提升38%
Tools
Tilda / Illustrator / Photoshop / SurveyCake
Tilda / Illustrator / Photoshop / SurveyCake
Competitive Analysis
除了針對客戶需求做問卷調查，在開始設計前，我也對同性質公司的網頁進行視覺研究，藉此了解行業趨勢，以及顏色、排版和佈局是如何影響UI系統的呈現。
Design System
網站沿用原先的主要字型與顏色，並加以定義規範和用途，如此一來往後的設計都可以遵守此系統，便於管理和維持品牌調性。
Final Design
「不只是更加美觀」
在進行事前分析及多次開會研調後，確立了以下優化方向以達到提升轉換率的目標：
・定義主視覺系統以維持品牌意象
・精簡導航列的項目
・新增部落格或故事性內容
・增加「合作夥伴」區塊
‧分頁內容更加精華、歛聚
・定義主視覺系統以維持品牌意象
・精簡導航列的項目
・新增部落格或故事性內容
・增加「合作夥伴」區塊
‧分頁內容更加精華、歛聚
Home page
Featured Design
「設計精選」彙整出公司重點專案，以敘事的方式介紹作品從背景、產出到交付的過程，搭配關鍵字廣告推播，觀看者可以從中了解公司的設計流程並產生信任感。
Logo Design
舊的標誌設計頁面平舖直敘的展示LOGO作品，缺乏設計理念等價值，易流於主觀美感判斷。新的頁面規劃了主題區塊，希望透過文字勾起作品與人之間的情感連結。
Bussiness Card Design
隨著公司業務的擴張，開始提供以特殊工藝和紙質製作的加工名片服務。我在名片設計分頁進行了種類的基本分流，圖片也可以放大了解詳細規格，方便客服與客戶做後續溝通。
Footer
Result
網站轉換率即是「訪客進入網站瀏覽並最終主動與公司詢問的百分比例」，如何讓網站吸引人、願意停留並產生興趣或期待便是這次網站規劃的主要目的。
根據Google Analysis點擊數與後台名單統計對比後發現，新網站於2021年底發佈後，連續4個月來都有成長趨勢(見表)，平均漲幅約是優化前6個月的38%左右。在關鍵字廣告支出持平的前提下，大幅的提升了訪客的詢問度，變相攤平了每案的投入成本，成功達到專案目標。
Reflections
這是我第一個獨立完成的網頁UI專案，我需要在網站工具Tilda的架構限制下，於期限內完成任務，雖然頗具挑戰，但也讓我學到很多：
・參與訂定目標與探索可行方案的過程
在決定優化網站前，我與團隊成員針對所有可能增加轉換率的方式進行了發散式的討論，經過各種考量與篩選後，歛聚成可行的方案去著手。
・學習應對矛盾的情境
儘管每個人提出的觀點都至關重要，但有時可能會相互衝突，我學會以客觀有力的根據去做出更合適的決定。
・溝通與調整
在設計的過程中偶爾會出現盲點，我會在每個進度討論會議上主動提出覺得有疑惑的地方，與大家一起進行研討。這幫助我看到更多面相與思維、讓我可以更快的進行調整。
GOT A PROJECT?
LET’S WORK TOGETHER
LET’S WORK TOGETHER
%402x.svg){kind=icon}
