《普立茲醫療行銷公關公司》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之後轉換率卻反而不如之前,等等,可能這代表的是你選錯圖片,或是消費者找不到你的頁面連結,重要資訊沒有被放到正確的位置;設定一個備份的圖片然後再試試看,用微幅的調整帶來大大地改變,你將能夠看到令人難以置信的結果。

 

普立茲LOGO

【普立茲醫療公關公司】

(02)8772-0968

加入好友

普立茲諮詢LINE : @plizer-pr

普立茲公關QR