《普立茲醫療行銷公關公司》APPLE等知名品牌紛紛採用的HERO IMAGE該怎麼運用?

最近在電子商務和行銷的趨勢上，常可看到運用Hero Image的趨勢，什麼是Hero Image?你可以到蘋果的網站看看，它們並不是第一個或唯一使用此種方式的公司，但絕對是相當善於運用Hero Image前幾名的公司。你也知道，一但蘋果採用的方式通常都會成功，對吧！在你想要效法這個方式，大刀闊斧地改變自己的網站之前，先讓我們來瞭解一些重要的資訊—Hero Image是否真的有效以及如何使用它？

如果你不確定什麼是hero image，你可以到Apple、Tommy Hilfiger’s 或Ulta’s的網站看看，一進入網站，首先可以看到的一張主圖佔據螢幕將近70%的版面，並在圖片上放上連結和CTA（Call To Actions，召喚行動也就是你希望消費者做的事情），讓連結和CTA放在圖片上顯眼的位置，衝擊性的主圖片再加上顯眼的連結和CTA。更精確地說，Hero Image就是將主打產品、服務或核心概念以「大版面的圖片」呈現在網站上的概念。

基本上，大膽的放上一張大型全版面的圖片，就是能夠立即讓網站很性感，或者應該說很有質感，任何的消費者，對於這樣的網站都有更高的好感度、印象深刻、互動率也更高，試想，如果消費者對於這樣的設計無感的話，為何這些國外知名品牌的網站都陸續採用此方式呢？

我們喜歡看到感興趣的商品和相關的圖片，當我們看到產品圖片以高質感的方式呈現，且圖片傳遞著訊息–產品如何符合我們的需求、解決我們的pain point，作為一個消費者，實在很難錯過這樣的機會而不去購買。如果小型的產品圖片能賣出一千個的話，試想大型的產品圖片能刺激多少消費？而這樣的idea正是支撐這個Big Hero Images的精髓。

CrazyEgg.com說，absolutely！透過兩個案例研究—Dell和KinderCare，它們証實了Hero Image能夠提高轉換率並降低跳離率（bounce rate：訪客造訪網站後未繼續造訪其他頁面就離開的比率）。從電子商務的觀點，它們也證實在法國的實驗讓國內銷售額提高將近40％，全球銷售額提高將近30％。

基本上，只是單純的放大你的首頁圖片並不會成功，有許多的規劃和決策需要執行。首先，不要使用圖庫的照片，基本上人們知道圖庫照片的感覺，這樣的圖庫照片很難以讓你的消費者感到印象深刻，訪客來到你的網站是想要看到更多和產品、服務等相關的內容，運用自家產品服務才能有最佳效果。

再者，確認這些圖片在mobile的裝置上也能有好的呈現效果，不好的響應式網頁設計，無法根據使用者的裝置調整網頁內容的呈現，這樣很難帶來轉換率。沒有良好的響應式網頁設計，在Google眼裡是很不利的，所以你的目標就是要提對使用者體驗來說，最舒服又有創意的設計。

提到使用者體驗，別忘了記選擇讓人感到舒服愉悅的圖片，連結和按鈕絕對不能蓋住重要的資訊，選單也要以合乎邏輯的方式呈現，顏色也要搭配你的品牌，整體的感覺不要讓訪客覺得有負擔、混亂。

最後，Test。測試、測試和不斷的測試。你的第一個測試結果，可能發現使用Hero Image之後轉換率卻反而不如之前，等等，可能這代表的是你選錯圖片，或是消費者找不到你的頁面連結，重要資訊沒有被放到正確的位置;設定一個備份的圖片然後再試試看，用微幅的調整帶來大大地改變，你將能夠看到令人難以置信的結果。

【普立茲醫療公關公司】

（０２）８７７２－０９６８

普立茲諮詢LINE : @plizer-pr