詳情頁設計的邏輯思路

1 評論 30302 瀏覽 78 收藏 8 分鐘

導語:一個好的產(chǎn)品如果沒有好的詳情頁來支撐,轉(zhuǎn)化率就會很低,獲取的流量就會減少,如果不能提高轉(zhuǎn)換率,淘寶店鋪就會面臨淘汰。從2015年開始淘寶加重了對轉(zhuǎn)換率的權(quán)重。通過轉(zhuǎn)化率篩選出優(yōu)質(zhì)的產(chǎn)品。所以這時候一個優(yōu)質(zhì)的詳情頁顯得尤其重要 ,優(yōu)質(zhì)的詳情頁是怎么做出來的呢?

首先大家了解詳情頁的設計技巧與思路嗎?

當我們拿到一個詳情頁設計需求的時候,我們不要急著去做,而是先分析詳情頁的邏輯大框架,詳情頁的邏輯很重要。

我們可以先分析產(chǎn)品的定位和賣點(痛點),先進行產(chǎn)品的定位,懂得營銷思路,確定好文案,把文案的主次關系弄清楚,補充促銷的噱頭,提升轉(zhuǎn)化率。點綴標題,給人一種購買欲。

一、寶貝描述頁的框架

打造一個詳情頁,前期需要花多點時間去調(diào)查,構(gòu)思,確定好一個方向,再去做設計。詳情頁是提高轉(zhuǎn)化率的入口,所以寶貝詳情頁是店鋪產(chǎn)品是否能夠交易成功的關鍵因素。

一個成功的詳情頁是如何吸引客戶的購買欲望,如何才能牢牢抓住客戶的消費心理?我們要從買家的購買心理,買家的瀏覽習慣,購物邏輯去分析。

按照這些邏輯去優(yōu)化我們的詳情頁,依據(jù)這些邏輯把詳情頁描述分成幾大模塊去表達。

詳情頁的描述邏輯,都需要遵循一個順序:如何引起消費者的注意,激發(fā)潛在客戶的消費需求,得到消費者的認同與信任,替消費者做決定。由于客戶不能直觀的體驗,我們做詳情頁的目的就是打消客戶對產(chǎn)品的各種疑慮,從客戶的角度去出發(fā),告訴客戶我們的產(chǎn)品是值得去信賴的。

二、設計的技巧

先進行產(chǎn)品的定位,了解清楚產(chǎn)品在市場上的價格,符合什么樣的人群;再確定風格,看一下其他店鋪的詳情頁設計,吸取一下別人的長處。從中借鑒準備設計的元素,分析產(chǎn)品自身的一下賣點進行提煉,根據(jù)產(chǎn)品的定位進行風格上的確立,開始逐步收集所用到是設計素材。素材網(wǎng)站可以到花瓣、覓素材等尋找用到的素材。

產(chǎn)品的定位主要分為三種定位,功效定位、品質(zhì)定位、市場定位。功效上,該產(chǎn)品在同類的產(chǎn)品中有什么明顯的功能區(qū)別,有什么突出功效;品質(zhì)上,有什么突出的品質(zhì)吸引客戶;市場上,把產(chǎn)品的宣傳定位在最有利的市場上。

拿這個店鋪為例,店鋪想做簡潔清爽的風格,考慮品牌色色調(diào)跟產(chǎn)品色,用色盡量控制在2-3中顏色。避免頁面出現(xiàn)花哨的感覺,彰顯品牌調(diào)性。

1. 對比突出

文字上的突出,確定好文案的標題,主次標題之間要有明顯的大小對比,重點突出主標題,副標題與裝飾文字需要弱化,層次分明。

圖案上的突出,對產(chǎn)品進行打光突出。與頁面有明暗關系的對比,突出產(chǎn)品。其余的作虛化處理,拉開頁面的層次感。

2. 版式的銜接

柔和的曲線銜接,這種分割版式適合一些偏女性母嬰的產(chǎn)品。讓客戶跟著曲線的銜接引導觀看,延長停留的時間,既給頁面增加美觀,也給人柔美柔和的感覺。

利落的直線條/斜線條分割銜接,這種分割的版式適合數(shù)碼類,運動類或者偏男性的產(chǎn)品。

各類型的形狀銜接,這種形式比較活躍,注意形狀的統(tǒng)一,形狀的大小對比,主次分明,切記能過多的形狀,導致頁面混亂。

3. 風格上的確立

  1. 文字上的確立風格,確定走的是簡潔風、時尚風、文藝風、科技感、可愛風等。定一個主風格,再定一個次風格,主次分明相結(jié)合。
  2. 產(chǎn)品價格的定位,確立風格。
  3. 分析市場,可以走差異化,不同尋常的風格。

三、首屏海報創(chuàng)意

設計生活中,創(chuàng)意不僅可以吸引客戶的眼球,又能整體畫面的豐富層次感,而且還可以很巧妙地表達出主題性。淘寶頁面中,如何才能夠讓客戶一眼記住,形式的創(chuàng)新顯得尤其重要。視覺集中到產(chǎn)品身上,同時能夠很好地抓住人的眼球。

1. 常規(guī):全力營造氛圍

提煉關鍵詞,畫面氛圍靠向關鍵詞。對設計素材進行尋找收集,前期工作收集的素材可以到素材網(wǎng)站,比較花瓣網(wǎng)、覓素材等。

2. 特有形式的延展

固定構(gòu)圖固定形式,找到形式套用。

3. 在內(nèi)容里找梗:喜聞樂見,會心一笑

從合理把握尺度(含蓄巧妙)。

4. 玩標題:不止是大

標題文字形式,結(jié)構(gòu),材質(zhì)的玩法。

5. 超現(xiàn)實的場景設定

打破固有思維夢幻夢境。

6. 有趣生動的造型

特別不同的地方。元素要有趣要有喜感。

7. 最樸實的情感最動人

尋找動人的點。通常一些感人的畫面,更容易打動消費者,讓消費者理解。

多在花瓣等網(wǎng)站瀏覽各種各樣的頁面,圖片的設計,可以給我們的詳情頁設計帶來很多靈感。設計本身就是相通的,所以多看一些別的領域的設計也可以提升我們的審美能力,設計源于生活,我們應該學會從生活中汲取靈感。

總結(jié)

從產(chǎn)品定位到風格設計,從營銷思維到設計,都些都是影響一個寶貝詳情頁轉(zhuǎn)換率好不好的關鍵因素。頁面的整體風格調(diào)性,美觀問題,都很重要。一個詳情頁好不好,不光要美觀,還要提升寶貝的轉(zhuǎn)化率。

站在客戶的角度去分析,如何做到激發(fā)購買欲,讓客戶更加對產(chǎn)品信服。確定詳情頁的框架,構(gòu)思好詳情頁的內(nèi)容。確定產(chǎn)品的主要賣點,給產(chǎn)品確立一個明確的定位,告訴客戶為什么要買你的產(chǎn)品。滿足用戶的需求,需求是對美好的向往,以及對現(xiàn)狀的恐懼。

 

本文由 @光影靈動設計 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 果斷關注

    回復