
關鍵字:電商 詳情頁設計 視覺營銷
網絡時代,電商平臺作為主流消費渠道,在消費者心中已占有大部分比例,越來越多的消費者更愿意選擇在線上購物消費,如何讓消費者能夠更快速了解商品,產生購買欲?電商詳情頁起到關鍵性作用,電商詳情頁作為產品說明書,不僅是成交轉化入口,更是品牌傳播的重要途徑。如何設計一款適合產品的詳情頁?主要從兩個方面入手:
1) 產品:屬性、功能、用途,如圖一(左):產品使用場景配合文字說明能讓消費者一目了然;
3) 人群定位:消費者路徑、在意點,如圖二(右):對于母嬰產品主打自然、健康。
1)使用用戶化語言(消費者語言)——不要用大白話,用使用互聯網思維,打造既視感文案,如圖三(左):可視化場景搭配文案更直觀表現產品功能及作用。
2)理性傳達——賣點直接表達,如圖四(右):“好空氣,看得見”,賣點簡潔明了。
3)文案使用規范,熟悉廣告法,禁止使用極限詞及違規詞。
1)草圖規劃,道具規范,角度光影規劃,模特規則(妝容、動作、表情等),如圖五:前期的策劃為了更好的展現設計效果,需要先繪制草稿,通過草稿展現畫面的布局、角度透視、道具選擇、模特選擇、整體光影規劃等,直觀給到攝影師更好的拍攝方案,同時也可以后期設計執行提供更好的設計依據。

1) 配色策略(色指定):品牌VI色、情感色、主色、輔色、點綴色,如圖六(左):主色調選擇與產品同類色,整體上統一協調,點綴色選擇產品輔色,突出對比強烈;
2) 裝飾性元素:元素風格的一致性,圖形符號要與整體的畫面風格保持一致性;
3) 字體選擇及組合:字號大小對比、疏密對比及組合規范符號,如圖七(右)。
形式感在生活中無處不在,設計中更要熟練應用,詳情頁作為消費者直觀視覺呈現,為了博取消費者眼球,需要通過不同的形式營造視覺氛圍,設計具有沖擊力的畫面,避免畫面單調。
1) 對齊、疏密對比、破方,如圖八(左):圖文排版,文字組合通過對齊、疏密對比,視覺上節奏感舒適;圖九(右)通過破方改變了原有視覺展現,以另外視覺呈現吸引消費者眼球。
1) 文案形式需要2-3種變化,如圖十(左):主文案與輔助文案通過不同的字體、大小、表現形式的對比,更加突出了“出水芙蓉”主題性文案,符合畫面的表現;
2) 符號與圖形,圖十一(右):文案與圖形的結合,既突出主題文案,又通過簡單的符合表現產品的功能賣點,兩者的結合更好的展現了產品賣點,讓消費者更直觀了解產品。
電商詳情頁決定了轉化率,好的詳情頁設計既可以給消費者建立更多的信賴感,又可以成為促使消費者購物下單的催化劑。做好一款詳情頁,前期的策劃及后期的執行都是至關重要的,每一環節都需要考慮,缺一不可。