【商店佈景】突顯商店特色及氛圍,營造舒適的購物空間

2017-09-18 11:17:00 回應( 商店設置

有時候走在路上看到裝潢特別的商店,就算沒有東西想買,也會進去逛逛。像是居酒屋店以昏暗的燈光、酒瓶來裝飾,甜點店用可愛活潑的色調抓取消費者的目光,特定的裝潢與氣氛不只是希望被記憶,也強烈暗示你「應該」購買某些商品。

因此有系統的商店設計可以營造出品牌氛圍,讓商店風格更加強烈、容易被記憶,所以打造獨特的商店佈景也是讓商店踏出成功步伐的重要因素。WACA 階段性的商店佈景設定,簡單而直覺,左側設定,右側直接看到成果,就算完全沒有網頁基礎也能按部就班完成整體的商店風格,讓每個商家都能輕鬆好上手!

 

「頁首版型」設定:為商店頁籤及LOGO安排個好位子

「頁首」是顧客一進商店會注意到的位置,一眼掃過就能夠了解商店整體架構,並對自己有興趣的分類進行點擊,可以說是整間商店的門面,而頁首所包含的頁籤和LOGO,得配合商店的佈景才能做最好的呈現。WACA提供七種頁首版型,不同的搭配能夠營造不同的商店氣氛,顧客瀏覽的順序也會不同,商店的選購路線由您決定!

1. 進入WACA商店後台,點選「商店佈景」

2. 「商店佈景」中有五個選單,各選單負責商店不同角落的呈現,分區設定不易搞混,如欲設定「首頁版型」請點選第一個圖示喔!

3. 「頁首版型」包括分類頁籤以及商店LOGO兩個部分,按下不同的選項,右側的顯示區域也會隨之變換,及時瀏覽商店新版型

 

對的「商品陳列」方式,成功提升商品銷售

「看到商品,加入購物車,去結帳」看似簡單的三步驟,該如何讓顧客做到?除了商品本身的特色之外,購買行動與商品的組合及陳列技巧很有關係,商品的擺設方式就跟在實體商店購物一樣,太過擁擠難以舒適挑選,太過鬆散商店又顯空洞,適當的商品陳列方式營造對的產品氣氛,建立良好的購物環境幫商店加分!

1. 進入「商店佈景」後,點選第二個圖示,開始設定商品的陳列方式吧!

2. 「商品邊框顯示」打開後呈現效果,擁有邊框效果的商品圖外圍會自動增加白框

3. 「商品品名顯示」點選後呈現效果。「品名顯示」如關閉,顧客瀏覽時只會出現商品圖片不會出現價格,滑鼠碰到商品時才會顯示相關資訊喔!

4. 每間商店的銷售項目不同,好的商品陳列可以讓商品一目了然,讓畫面配置在最容易瀏覽的狀態。WACA提供12種商品陳列方式,簡潔大方又能因應各種圖片尺寸的排版,左欄點擊右欄直接顯示,體驗多種商品排版方式

 

顧客對店家的記憶點從「頁首LOGO」開始

商店LOGO有如一張識別證,顧客能夠透過LOGO初步認識一家商店,並產生記憶點,擁有鮮明配色或設計的LOGO,有本事讓顧客看一眼就烙印在腦海中,就像速食業龍頭─麥當勞的紅黃對比配色,以及象徵蘋果公司的咬一口蘋果,都是讓人不知不覺產生等號連結的好LOGO,在【商店設置】以品牌思維打造商店,規模不斷優化成長的部落格文章中,有提供給各位商家的LOGO設計網站,可以多加研究利用喔!

1.  點選「商店佈景」中,第三個圖示開始上傳「頁首LOGO」

2. 「商店佈景」中可設定頁首顯示之LOGO,詳細規格於備註中有特別提醒,請商家們在設計時特別注意!除此之外,有許多商家們會將其與「商店設定」中的「商店LOGO」混淆,「商店LOGO」顯示於前台「關於」商店的介紹之中,兩者於不同頁面中進行設定,呈現效果也不同喔!

 

影響商店質感的元素─「商店背景」風格展現

背景圖的重要性相信各位商家都有深刻體會,一張好的背景圖可以突出商店風格,提高商品圖片的質感,顧客購物的空間舒適就願意久留;反之,背景圖與商店風格不搭,花花綠綠看不清重點,就有可能成為顧客跳出商店的主因。WACA提供多種內建背景圖可供商家們配置,位置調整自由多樣化,不受限於圖片本身的大小限制而只能呈現某種樣式,以「等比延展至滿版」、「縮小以完整呈現」這兩種背景排版方式來說,同一張圖片呈現出來的商店效果就不大相同

1. 如要設定商店背景圖,進入「商店佈景」後,點選第四個圖示

2. 決定背景圖樣式後,點「等比延展至滿版(cover) 」選項,就會發現背景圖自動延伸,自動填補螢幕側邊留白的空間

3. 選擇「縮小以完整呈現 (contain) 」背景圖就會重複,並留完整的圖片比例,但製作背景圖時要特別注意左右的銜接(左邊要能跟右邊無縫接軌),重複銜接時才不會產生不協調的感覺。還有許多編輯背景圖片的功能,各位商家可以自行設定看看,尋找最適合商店呈現的重要基底喔!

 

「彈跳廣告、輪播廣告」:設定最搶眼的視覺區域

顧客在瀏覽網頁時,注意力最集中的往往是視覺正中央的圖片或標題,醒目的播放位置可以有效地放送店家想傳遞的訊息,讓訪客進入商店就了解主打的活動內容,就像是車站附近的黃金地段,人潮必經之地商機自然就來!商品需要做促銷,或是熱門商品想讓它再更燒,想在自家商店打廣告衝高人氣,「彈跳廣告」以及「輪播廣告」這兩個版位您絕對不能錯過!

※WACA小提醒:佈景整體完成後,可以點選上方的「亮色系/暗色系」確認訊息小圖示顯示是否夠清晰後再儲存設定。

1. 進入「商店佈景」後,點選第五個圖示

2. 「首頁彈跳廣告」的設定為顧客一進入商店,廣告自動會彈出顯示,顧客必須點擊任意處廣告才會消失,商家如果有不容顧客錯過的重要資訊以及優惠活動可在此顯示

3. 「輪播廣告」不管是放置主打商品推薦,或是與佈景搭配一致的品牌呈現,都能夠用動態特性留住顧客的目光,響應不同季節、節慶活動等等也很適合,用吸引人的圖片、影片在此區域播放廣告,有效提升顧客購買意願 

一個廣告版位最多可以放到四個圖片 / 影片,每個顯示區塊都可以單獨設定,各有圖片 / 影片的開關可以切換

 

圖片只要點擊就可以直接上傳,後方需貼上網頁超連結,在前台點擊圖片即會前往該網址頁面

影片則需貼上 youtube 影片網址,貼上後會自動抓取 youtube 預設的封面圖片,右側能夠及時預覽前台呈現的效果喔

商店佈景關乎顧客對於商店的第一印象,新手商家首先應該思考整體商店的風格,版面設計及背景圖片才能相互配合,設計出來的商店才不會與預期中有太大的落差,建議在設定商店佈景前先將部分商品上架,才能看見較完整的版面呈現喔!