網頁設計之產品頁面:如何將訪客轉化為客戶

製作一本產品型錄需要經過 排版→設計→印刷 等流程,當印刷廠交貨給您之後,才發現因校稿疏失而發生錯別字、缺頁、顏色有嚴重色差等問題,若要重新來過,又是一筆可觀的費用。此外,印製的分量越多,成本就越高,商機受印刷數量限制。
如果您是家俱商、燈具商或地毯商,只要您有網站,您就可以利用線上型錄的方式展示給全世界。
相較於紙本產品型錄,網站管理員只要將精美的商品圖片上傳,不會有色差的問題;輸入產品資訊,只要發現誤植,隨時可以修改;來網站的訪客無時間與地緣的限制,為您創造更大的商機。
『第一印象就是一切』。大部分的網站管理員花許多時間在調整網站的主頁,但經常忽略了設計良好的產品頁的重要性。
選擇合適的版型展示您的產品至關重要,因為它是促使訪客撥打電話詢問,或關掉網站的關鍵。
這篇要向各位介紹最新的版型,非常適合使用於展示公司產品,並藉這個機會說明“如何將訪客轉化為客戶”。

網頁設計之產品頁面:如何將訪客轉化為客戶
我要欣賞版型

 

網頁設計之產品頁面:如何將訪客轉化為客戶

您展示在線上的商品是否能從競爭對手中脫穎而出?您的電子商務的網站設計是否優化以贏得客戶?
如果你的答案是“ 不確定 ”或“ 我沒有太多想法 ”,那麼你需要繼續閱讀這篇文章。

令人驚嘆的產品形象

當您走進一家精品店時,您會看到高尚服飾展示在幾盞聚光燈下。

為什麼商店需要以如此戲劇性的方式展示一個已經非常華麗的服飾?
因為燈光加強商品的色彩效果,使商品變得更有魅力,增加商品的價值感,它讓商品看起來更加 神奇!
在網路消費行為的研究調查中顯示,10人當中就有9人表示商品圖片與商品影片是影響他們的決定是否購買的最大因素。
因此如何讓商品圖片更吸引人、更有說服力、更有價值感,是網路商店致勝的第一要件。
商品圖像的畫質 直接影響您的銷售能力。
線上購物無法親自觸摸,穿戴,因此商品圖片更顯重要。
上傳令人驚嘆的商品圖像應該是您的首要任務,因為唯有精美的商品圖片才能彌補顧客無法親自觸摸、穿戴等與商品互動的遺憾。
不知道如何讓產品圖片更好看?沒問題,只需遵循以下3條黃金法則:
1. 使用大圖片
圖片寬度至少要有650像素(但建議不要超過1000像素),讓訪客能夠快速了解您銷售的產品,最好是提供各種角度的照片讓瀏覽者能夠理解產品的全貌。(上傳照片前,請先到這裡:https://tinyjpg.com壓縮圖片,才不至於影響網頁數度。)
2. 保持圖片比例
圖片長寬無論是1:1的正方形 或16:9的長方形,請保持所有圖片採用同一比例,讓網頁整潔俐落。
3. 統一風格
無論是去背(即白底)照片或有背景的情境照,請考慮擇一使用。另外所有照片拍攝角度也要一致。總之,照片內容的一致性是最安全的作法。

出色的產品說明


產品描述是產品頁面上第二重要的項目,可以幫助說服購物者進行購買。
您的產品摘要需要有足夠的信息,以便線上消費者可以對商品是否適合他們做出明智的決定。
如何做出更好的產品說明?
說明內容是對線上購物者有幫助,而不是“推銷” 。您希望線上購物者清楚了解他們對產品的期望。切忌過度承諾,因為這是預防退款行為和顧客負面評論的秘訣。
只顯示線上購物者實際關心的信息 – 不要插入您從製造商獲得的規格清單!說明和規格是兩件不同的事情,所以請務必將它們分開。 此外描述您的建議和產品使用的經驗以幫助線上購物者對該產品獲得更進一步的瞭解。
例如,如果您要購買iPad,16GB或32GB對您來說意味著什麼?您知道它是容量,數據越大容量越多,但您不知道多大的容量是最符合您的需求。如果在商品說明中告訴您一個16GB的iPad可以存儲3,840首歌曲或250個應用程序,這樣的說明對於一般人而言是否比只列出16GB更有意義?
提供商品的簡短說明和詳細說明 – 79%的人是“掃描”網頁而不是“閱讀”網頁,所以您需要準備簡短的商品說明來滿足這些網頁“掃瞄者”。同時也要具備詳細說明提供給那些喜歡深入了解您的產品的人。

商品說明 知道寫什麼 是成功的一半,知道如何寫 就是成功的另一半。
避免長句 – 長句難以消化。避免使用複雜而冗長的句子。將訪客當作10歲的孩子來解釋您的產品。
避免陳腔濫調,調陳腔濫調無法幫助提高訪客對您的產品的理解 – 保持專業。
避免使用複雜的詞彙 – 在給朋友推薦某些東西時寫下你想要的方式。你不是在寫一篇大學研究論文,所以不需要復雜的詞彙來嘗試展現您的高深學問。研究表明,可以獲得理解的最佳寫作水準是小五至國中一年級的程度。

顯示相關產品和推薦產品


您應該有過這樣的經驗,在速食店點餐,店員會問您“要不要來份薯條?”
這是交叉銷售(Cross selling)最有名和最有效的方法之一。
交叉銷售就是發現客戶的多種需求,並通過滿足其需求而實現銷售多種相關的服務或產品的行銷方式。例如,當他們在看亞洲食譜的書時,交叉銷售亞洲甜點食譜的書。
交叉銷售做得最得心應手的亞馬遜,他們似乎有一種不可思議的方式來預測客戶心中想要什麼,並據此提出建議。
顯示相關產品或推薦產品是直接向您的客戶交叉銷售的簡單方法,因此您可以:

  1. 為他們提供更多他們可能會喜歡的產品。
  2. 如果他們所看到的產品不適合他們,則為他們提供相似但不同的選擇。

對於您和您的購物者來說,這是一個雙贏的局面,為什麼不把它包含在產品頁面上呢?

號召行動


清晰的號召性用語(CTA:Call To Action)可幫助您的訪客轉化為客戶。
而這個版型並非購物型網站,因此是希望訪客在表單留下資料取代『加入購物車』。

行動裝置優化


令人難以置信的是,67%的購物者更可能從對行動裝置友好型網站購買。此外,Google會優先考慮有行動版網站搜尋排名順位。
小編幾乎在每篇貼文都有強調RWD響應式網頁設計的重要性,因此我們提供的版型當然也是適合手機瀏覽的RWD響應式網頁設計。

如果您尚未建立適合透過行動裝置瀏覽的網站,我們極力推薦您這麼做,因為大部分造訪您網站的人很可能都是使用行動裝置。

摘錄出處

您的產品頁面是您電子商務網站最重要的部分之一。做得好,他們努力吸引你的潛在客戶並轉化為更多的客戶。

More from our Article

See all posts