Advertising亞馬遜廣告投放軟體

在跨境電商高度競爭的環境下,亞馬遜賣家長期受限於 Seller Central 繁瑣的操作流程與大量手動調整,缺乏即時優化工具,使廣告管理效率與決策速度受到限制。 我在此專案中負責從 0 到 1 的 UI/UX 設計,透過使用者研究與流程重構,將 AI 智慧競價與自動優化邏輯轉譯為清楚直覺的操作流程,並以模組化架構與清晰視覺層級設計介面,協助賣家在單一平台中有效管理跨市場廣告活動,降低操作負擔並提升整體投放效率。

img
img
UX Research icon

使用者體驗研究

shape
STEP - 01
目標用戶
  • 亞馬遜中小型營運賣家
  • 廣告代理商與大型品牌商家
STEP - 02
專案挑戰
階層結構導致用戶切換頻繁,平均增加40%操作時間,需設計高效整合介面。
中小型賣家缺乏專業知識,AI功能需簡化至一鍵啟動
資源限制下,需平衡資料加載性能與使用者體驗,避免全載入造成伺服器負擔。
針對廣告代理商,需客製化報表與分析工具,提升決策效率。
STEP - 03
設計目標
以使用者為中心,構建完善的 SaaS 廣告管理平台。結合清晰視覺階層與模組化佈局,提升操作效率並強化數據決策能力。

產品設計規範

img

佈局網格

使用響應式 12 欄格線,欄間距 24px、左右留白 16px。手機自動 4 欄、平板 8 欄、桌面 12 欄,確保各裝置對齊節奏一致。重點區塊可跨欄佈局,並以置中與留白強調視覺焦點。

img
img

字體與配色

採用 Inter 無襯線字體,大標題 600–700、內文 400,行高與字距微調增進閱讀舒適度。配色以紫色 為主,輔以藍色強調,並用三種灰階作為背景和次要文字,兼顧品牌調性與清晰度。

img

元件規格

所有元件皆採卡片化風格:8px 圓角、4×4×8px 20% 陰影、32px 基本間距。按鈕分實底與細框兩種樣式,含 Hover/Disabled 狀態;表格與輸入框維持 16px 內邊距與細線框;Icon 採 20×20px 線性風格,主色與灰階提示互動狀態。

img
針對廣告代理商 : 設計亮點1

Dashboard

Performance Overview

使用 Performance Card 即時呈現廣告整體表現,預設顯示 Total Sales、Ad Sales、Ad Spend、ACOS 等核心指標,並以顏色與百分比標示與前期相比的趨勢變化。使用者可自訂關注指標組合,確保儀表板資訊契合其業務目標。

Performance Over Time

以圖表視覺化呈現廣告績效時間趨勢,預設對比 Ad Sales vs. Ad Spend 與 Ad Orders vs. ACOS。使用者可自由調整圖表中的數據指標,快速識別長期趨勢與潛在異常。

Preview Report

將儀表板數據匯整為易於下載與分享的報告格式。使用者在預覽頁檢視所選的關鍵指標與圖表,移除不必要內容後,一鍵匯出專業績效報告,用於內部檢視或對客戶呈報。

針對亞馬遜中小型營運賣家:設計亮點2

廣告投放主介面
目標 : 化繁為簡且省資源

thumb

AI Bidding

AI Bidding(AI 智慧競價)透過每日自動分析廣告表現並套用使用者設定的 Target ACOS(目標廣告成本佔比),自動計算並調整競價。此功能根據廣告效益目標動態優化出價,減少人工調整負擔,確保廣告投放維持在理想 ACOS 範圍內。

Auto-Harvesting

Auto-Harvesting(自動搜尋詞收割)會每日分析搜尋詞報告,自動篩選高效關鍵字投入廣告,並透過 Keyword Isolation(關鍵字隔離)排除低效或無關鍵詞。系統將高相關搜尋字詞自動加入投放清單,並將低效詞設為否定關鍵字,不斷優化廣告目標對象,同時減少人工篩選的負擔。

Filter

提供多維度篩選條件,支援依據 Marketplace、Campaign Type、狀態(Active/Paused)、ACOS 區間等進行快速資料篩選。篩選條件可即時套用至 DataGrid 呈現結果,使用者能迅速聚焦在目標廣告活動上,無需翻找冗長報表。此設計有效提升操作效率並支援日常管理與例行優化任務。

Hierarchy Tabs

為精簡 Amazon 的六層架構,Ad Manager 將 Campaign、Ad Group、Keyword、Target、Product Target 與 Search Term 整合至單一分頁式介面。使用者可一鍵切換層級,保留階層邏輯並直覺分析;每頁籤皆支援排序與欄位自訂,簡化操作流程。

shape
shape
thumb
針對亞馬遜中小型營運賣家 : 設計亮點3 icon

AI Bidding
目標:操作化繁為簡且省廣告費

shape
shape
thumb

Campaign Builder 為賣家提供結構化且模組化的廣告活動建立流程。使用者可依據不同行銷目標選擇AI策略模組,搭配多層級商品挑選與自動競價設定,大幅縮短建置流程時間,同時確保每個 Campaign 具備最佳結構與資源配置。整體介面流程以引導式動線設計為主,適用於初階與進階使用者,實現可複製、可標準化的廣告投放流程。

Goal Strategy

提供 Basic、Advanced、Brand-Based、Custom 四種策略模板,對應不同投放目標。即時圖解每種模板將生成的 Campaign 與 Ad Group 結構,幫助使用者快速理解並選擇最合適的策略。

Products

支援以 ASIN、SKU 或產品名稱搜尋商品,可在 Child View 或 Parent View 間切換,方便篩選子 ASIN 或完整父子變體結構。所有選取商品集中於右側清單管理,可逐一移除或一鍵清空,並提示是否已有廣告活動在運行,避免重複投放。

Tools

  • HTML5 / CSS3/ Bootstrap
  • jQuery
  • Figma / Illustrator

Collaboration

  • PM Team
  • R&D Team