Acer Planet9 Billboard Max
Time
Dec 2023 - Feb 2024
Service Provided
UX Design｜UI Design｜Graphic Design｜Animation Design
Service Provided
資訊 / 科技
Project brief
Acer Planet9 Billboard 因應使用者需求進行優化，重新梳理使用流程，並著重在介面視覺的重塑，致力於提供使用者更好的互動體驗與更強烈的視覺感受。
專案背景
Planet9 匯聚了熱愛電競的各種玩家，用熱情帶來嶄新的電競宇宙，建構出樂於交流分享、經驗傳承與不畏懼展現自我的全新電子競技環境；團體間的良性競爭與個體的自我實踐造就了健康的互動環境展現出 Acer 在電競產業上正向積極、不斷進化與創新的品牌形象，並持續優化系統，堅持給使用者良好的使用體驗。 因應使用者需求進行優化，重新梳理使用流程，希望減少使用斷點。
專案目標
Acer Planet9 Billboard 因應使用者需求進行優化，重新梳理使用流程，重點修正點擊跳轉於網頁與App之間的切換流程，致力於提供使用者更好的體驗，並進行介面視覺重塑。
重新規劃資訊架構：介面內容明確分類，包含競賽資訊、交流活動與商品推廣...等內容。
減少使用者操作斷點：解決點擊跳轉網頁與App無清楚引導的問題。
介面設計重塑：舊版本引導不周、圖示不夠直觀容易造成錯誤操作或難以查找目標。
理解專案需求
理解客戶需求與使用者需求
從第二代 Billboard 的介面呈現中找尋其他痛點
除了上述問題之外，也針對舊版 Billboard 介面進行分析，可以發現資訊無明顯劃分層級與區域，且無法針對內容進行篩選分類，使用者難以從畫面中查找所需的訊息。針對廣告、活動推播，僅能呈現一筆資訊於介面中，因空間限制露出資訊有限，推播效益低。
設計成果
模組化設計，加強後續維運與擴充的可能性，並清楚區分架構提高使用者體驗！
滿足客戶的模組化需求，將所有資訊整合，以相同規格呈現，並明確分門別類讓使用者可以用最便利的方式搜尋到所需的資訊。
視覺提案
從兩個面向著手，其一為沿用Acer系列軟體的色系與風格呈現，延續品牌一致性，讓系列產品一脈相承；其二為從Acer Planet9 的核心理念中萃取關鍵詞，以積極正向且富含自信的形象去呈現勇往直前的意象，並用Cyberpunk的風格，搭配動態效果，讓使用者彷彿沈靜在遊戲世界中的體驗。
Plan01｜炫彩虹光-賽博龐克風 Cyberpunk Style
以湛藍色搭配藍綠色呈現未來科技感的風格，同時以光暈線條感設計來凸顯想傳遞的內容資訊，呼應鼓勵玩家展現自我的理念與綿延的意象，整體以輕量透視的手法營造虛擬介面的感覺，讓使用者彷彿置身於遊戲世界的虛擬實境當中。
Plan02｜機械脈動-經典電競風 Classical Style
延續品牌一致性，與 Acer 其他應用程式做呼應，使用了相似的色系，以橘棕色調作為主色，並保留了經典電競風格的摺角與線條裝飾，插畫風格也較為剛硬的銳利線條呈現強化電競感。
最終以視覺提案Plan02-機械脈動繼續發想，並保留視覺提案兩個色系，發展成兩案Acer Planet9 Billboard Max Predator與Acer Planet9 Billboard Max Nitro先後執行。
Acer Planet9 Billboard Max Predator
Predator 以藍紫色系為主，強調科技、現代的電競感。
Acer Planet9 Billboard Max Nitro
Nitro 延續 Acer 相關產品的品牌識別色，以橘黃色調進行配色，強調品牌一致性。
