設定並優化商店的上半版
商店是亞馬遜上的精選專區,您可以在這裡展示您的品牌和產品。每個商店都能包含不同功能,展示品牌產品,並增強購物體驗。我們將在本文中說明何謂品牌旗艦店的「上半版」?「上半版」為什麼很重要?「上半版」又該如何使用?
在印刷和編輯領域裡,「上半版」是指電子報刊物的上半部分或報紙折成兩半,正面朝上的篇幅。對照到數位空間—本例即指商店—,係指顧客載入頁面時,螢幕立即顯示的內容。
上半版是傳達品牌或產品意義的獨特機會,能讓客戶留下良好的第一印象。這也是顧客在網站上停留最久的地方。
商店上半版的主要組成部分有哪些?

- 主圖片
- 徽標
- 導航欄
- 模塊分區
主圖片
主圖片是每個頁面上半部的廣告牌展示,適合展示品牌,並鼓勵客戶繼續捲動,瞭解更多資訊。

徽標
這個小工具專門顯示品牌 logo,位於導航欄中。

選單或導航欄是引導顧客瀏覽整個商店的地圖。

模塊分區
導航欄正下方的模塊,適合展示品牌獨特銷售主張,或者品牌或產品提供的特有利益,讓品牌或產品在眾多競爭對手中脫穎而出。

請務必檢閱品牌旗艦店創意素材指南,了解頁面分區和模塊的要求。
吸睛上半版設計密技
1.展示品牌和產品的優勢
在上半版使用啟發生活方式的圖片、顏色、影片和其他設計元素,將能傳達整體品牌形象。

若上半版重點是產品,主圖片應展示產品,導航欄下方的模塊應包含說明產品實用性的文案,並加上行動呼籲 (CTA)。選項最好包含可購物圖片,這樣可減少購買的點擊量,同時在真實環境裡展示產品。

將產品分門別類,是建立商店頁面和子頁面的有效途徑,此舉可有效整理,並減少客戶摩擦。為客戶提供品類頁面,讓他們更有動力瀏覽商店。我們建議至少要有三個品類頁面。
為導航欄建立品類時,標題應盡可能簡短,避免向客戶灌輸太多資訊。冗長的品類標題,也會減少品類的數量。
記住,導航欄在行動裝置上帶來的體驗並不相同。在 PC 端上,導航欄水平呈現。在行動裝置上,則是呈垂直下拉式功能表,顯示商店的所有頁面和子頁面。

3.避免雜亂
避免在主圖片和模塊分區中,加入過多設計或文字元素。商店外觀看起來越簡約就越有效。移除可能會搶鋒頭的元素,例如主圖片中不必要的文字,或導航欄下方的模塊,重點在於訊息和購物體驗。

4.確認可以辨認所有文字
為了維護良好的顧客體驗,請確認徽標及主圖片和模塊中的文字清晰可辨。
如果徽標裡有小型文字,可能看不清楚,在行動裝置上讀更是吃力。在 PC 端上看不清楚的文字,在行動裝置上幾乎無法辨認。在這種情況下,不妨只在主圖片中放置徽標,並在導航欄中加以隱藏。
