電商網頁設計要注意什麼？電商網站(購物網站)設計重點報你知

電商網站，就是「為電商公司展示並販售服務及商品的網站」。電商網站不僅能協助公司在網路上樹立品牌形象，還能超越硬體的界線，拓展網路市場，進而提升商品銷量。

在網路早已普及化的今天，有電商網站的公司，就能有更大的發展空間。而在受到疫情影響的近期，比起以往傳統消費模式，消費者已經陸續改為透過「不進門店上網購物」的方式接觸到產品。以網站作為媒介與門戶，就必須加強電商網站設計的水準，保持良好的使用者體驗及轉換率，並營造順暢的購物體驗，才能成功地留住顧客，進而讓消費者轉換成長期客戶。

而如何營造良好的購物體驗？且讓艾肯斯一步一步為你剖析：

知道要吸引哪些目標消費者很重要，但找到他們的關鍵是？

關鍵就是要找到衝動！不管是什麼產業、哪一種電商，目標消費者指的都是那些「會直接從網站上購買商品的人」。而說穿了，「購買商品」的行為本身就不理性，消費者往往只是被商品的某個因素所吸引，或是一念之間的一時衝動，而這些「吸引跟衝動」，就是商機所在，但沒有專業行銷人員的協助會很難捉摸。專業行銷人員如艾肯斯，會協助廠商在商品上市前進行市場調查，或收集產業的市場資訊，讓廠商更了解目標消費者的購物習慣，進而抓出是哪些原因，引起多數消費者的「吸引跟衝動」，也就能找到引發購買行為的原動力。

要如何進一步優化網站的使用者體驗？

要讓好的門面，成為你電商品牌成功的敲門磚，首先，請記住一個大原則：在電商網站設計上，網頁的元素越少，消費者越容易把目光集中在網頁內容和商品連結上。以下幾點，都能避免消費者像無頭蒼蠅一樣無所適從，把焦點正確地放在你的商品上：

• 以簡單、清楚、容易理解的網頁，規劃清晰單純的購買路徑
• 易懂、好上手的使用者介面，讓消費者能方便、快速的瀏覽商品資訊
• 能讓消費者從網站的「任何位置」前往其他子頁面
• 網頁讀取速度夠快嗎？讀取速度每延遲一秒，就有27%的銷量流失。
• 下拉式選單、商品選單跟問卷欄位等，有簡化嗎？只留下明確的且有說服力的標題，且盡可能讓問題的數量降到最低，才能避免消費者不耐煩，進而放棄購買。

基於我們過往服務過客戶的經驗，消費者逛電商網站時，其實剛開始都不太清楚自己到底想要什麼。所以，把重點商品或促銷訊息放在首頁上，能幫助一部分消費者消除心中雜念，加速下單。切記：不要隨便給太多驚喜，不要給消費者額外花腦汁思考的機會。

優化使用者體驗後，如何繼續提升網頁的轉換率？

無論是採用哪種平台與模式去架站推廣電子商務，都需要去注意「銷售網頁的轉換率」。轉換率的定義，是網站所有流量中，實際「有行動」的比例，而這些「行動」可以是正式購買、填寫表格，或觸及任何一處的廣告版位。

一般來說，網站流量很大一部分不會如你所願、聽你指揮，消費者不想點擊、不愛瀏覽、懶得填表，要真正下單購買更是難上加難。要增加網頁轉換率，也許能從以下電商網頁設計的幾點先著手，或直接拿筆來勾選，看看你們家網站作到了哪幾項：

• 網頁上有響應式設計嗎？各種圖片、LOGO、文字與按鈕經過尺寸優化，放在單欄網頁的頂端與底部，或在多個頁面呈現，追著使用者的視野跑，讓使用者更方便點選，才能提升消費者的購物體驗，進而刺激轉換率。
• 購物車的功能或圖示，常駐在網頁最醒目處了嗎？消費者通常習慣在結帳前多看一眼購物車，確認要買哪些商品，購物車的功能或圖示如果能常駐在網頁最醒目處，購買機率也會大增。
• 如果購物車功能更完整，不用讓消費者還得自己計算怎麼用折價券最划算，也更能營造友善的購買體驗。

此外，線上購物的行為，是奠基在買賣雙方的信任上。身為電商網站設計專家，艾肯斯也多次協助電商品牌提升消費者的整體信任感，有效提升轉換率。如果消費者信任你的網站，就會願意花更多時間及金錢消費。而信任感往往從很多小細節中建立，例如，在適當的位置放置聯絡資訊、提供使用者見證，或分享成功的銷售數據，便是其中一些好方法。

平實又能打動人心的文案很重要，但要如何拿捏？

與一般網站傳達的方式及主張不同，電商網站上的文案，100%是為了銷售商品而製作。所以，使用精準的文字，提供容易被理解、有趣、正確且詳盡的資訊，來傳達商品特點，是電商網頁設計的重中之重。消費者扮演的是「需要電商商品來解決問題」的對象，透過更了解「這商品怎麼解決我的問題」，搭配具吸引力的標語，及詳細完整的商品說明，往往是成功達成轉換的主要原因。因此，艾肯斯提醒：在進行電商網站的文案撰寫時，電商本身的品牌價值觀，就不會是文案的主要溝通方向了，建議以配角之姿，在產品介紹中點綴即可。

好，我知道怎麼加強網站體驗了，但如何在視覺方面也加分？

人都是視覺動物，都喜歡看順眼又好吸收的內容，電商網站設計上，也是一樣的邏輯。相較於長篇大論的文字，將故事以圖像化呈現，也會更加好懂，更符合當前消費者的閱讀習慣。

但並不是「數大便是美」，或把所有產品元素都一股腦倒在網頁上，就萬無一失！我們在上面已經提到，電商網頁設計呈現上，必須盡可能「簡化到不能再簡化」，視覺設計也是如此：把寶貴的版面，留給「最」需要被消費者看到的內容，便是不二法門。艾肯斯建議，按照重要程度進行優先排序，去除多餘元素，並保持在電子商務網站設計上的整體風格，包括頁面規劃、配圖、配色、文字等，最好都能保持一致性。擁有一致性的視覺，能給消費者一個更熟悉的介面環境，體驗也遠遠好過於把消費者放在「每次都像看到新網頁」的混亂環境中。而統一色彩運用，不做花枝招展的配色，更能給消費者帶來友好的第一印象。

除了介面的一致性外，電商網站上最重要的視覺元素，就是商品圖片。無論你是賣紅色、皇色或白色的杯子，或是深藍色、咖啡色或紫色的襯衫，都需要清楚展現商品每種顏色、每項細節，或任何額外加購方案的圖片。此外，營造環境感，並展現商品的相對尺寸也很關鍵：某些商品的尺寸，在圖片中可能看起來不太明顯，此時便可以利用相對位置，擺放有「比例尺」功能的比較物，讓消費者能更直覺理解產品大小及細節。

至於到底放上哪種商品圖片更吸引人？從電子商務網站設計觀念問世以來，這問題就持續困擾了一整個世代的行銷人員們。但不需要盲目猜測，其實直接在商品上架初期進行A/B Testing測試，透過後台數據，自然能發現用哪一個版本對該項商品最好、最適合協助轉換成訂單。艾肯斯也建議，盡可能地去呈現商品最美好的一面，以不同角度及縮放功能，讓消費者在視覺上習慣看到清楚又順眼的商品圖片，更能有效激起購買慾望。

看到這裡的你，已經勝過了80%的競品同業

這篇文章，我們希望寫給那些空有好商品，卻因為在電子商務網站設計的領域上不太熟悉，走了冤枉路的好公司。一般來說，老闆會懂得從頭建立起為公司打拼的行銷團隊，但艾肯斯時常耳聞，許多老闆在不了解電商市場的情況下，以為只要把網頁「做好」，放到網路上，就自然而然會有人來拜訪、來買商品。但有了網站後，還需要有客流量；有了流量後，還需要有轉換率，否則就沒有人會真正買下商品。

    電商網站建立後，剩下的20%關鍵之路，就交給艾肯斯來專業策劃，為你分憂解勞，少走岔路，專心迎擊市場挑戰！

快直接拉到本頁最下方，今天就與艾肯斯進一步聯繫！