16. 卡片式布局

多產(chǎn)品展示型電商網(wǎng)站同卡片式布局有著先天的契合，Oliver Bonas 的網(wǎng)站就使用卡片展示不同的產(chǎn)品和信息。不同的卡片相互組合成有機(jī)的整體，圍繞著品牌，讓網(wǎng)站總體上看起來協(xié)調(diào)而統(tǒng)一。

17. 補(bǔ)充視頻影像

Bellroy 和360度細(xì)節(jié)展示一項(xiàng)，補(bǔ)充視頻影像資料會讓用戶更好地了解他們將要購買的產(chǎn)品的細(xì)節(jié)，滿足他們的好奇心。

18. 使用紋理背景

潮流歸潮流，紋理的使用并未過時(shí)。Dollar Shave Club 網(wǎng)頁中的拇指紋理賦予整個(gè)頁面以質(zhì)感和陽剛的氣息，這不僅符合產(chǎn)品的定位，而且在視覺上有著突出的效果。

19. 折疊大量文本

將頁面用大量的信息堆滿不僅過時(shí)，而且難看。Hand Graft 同樣需要在網(wǎng)頁中呈現(xiàn)他們產(chǎn)品的全部細(xì)節(jié)，但是要為大量文本而犧牲美觀似乎不現(xiàn)實(shí)。所以設(shè)計(jì)師將文字折疊起來，這樣不僅擁有漂亮的外觀，而且保持了界面的清爽干凈。

20. 用視頻背景替代Banner大圖

動態(tài)的視頻背景無疑可以承載遠(yuǎn)超單一圖片的信息，如果你不想將網(wǎng)站制作成長滾動單頁，那么使用視頻背景是非常不錯的選擇。漂亮的視頻背景不僅讓整個(gè)頁面鮮活起來，還很好地起到了產(chǎn)品展示的功能。

21. 提供多級側(cè)邊欄

相比于傳統(tǒng)的頂部多級導(dǎo)航欄，側(cè)邊欄會讓頁面顯得更加整齊易用。Carolina Herrera 的側(cè)邊欄設(shè)計(jì)則更有意思，它采用的是多級側(cè)邊欄，功能上不弱于前者，提升了瀏覽體驗(yàn)，而視覺上的效果則更加突出。

22.無需跳轉(zhuǎn)的購物車管理

作為電商網(wǎng)站，編輯管理購物車是重要的功能之一。為了提升整體體驗(yàn)，Everlane 的設(shè)計(jì)師允許用戶將鼠標(biāo)懸停在某個(gè)產(chǎn)品上，選擇大小類別，添加到購物車，整個(gè)過程無需離開相關(guān)頁面。無需跳轉(zhuǎn)搞定一切，用戶可以更便捷地完成購物環(huán)節(jié)。

23. 使用簡明的布局

Helmut Lang 是以為奧地利時(shí)裝設(shè)計(jì)師，他在維也納創(chuàng)辦了自己的設(shè)計(jì)工作室。在構(gòu)建他的在線購物網(wǎng)站之時(shí)，Lang將他簡單到無與倫比的設(shè)計(jì)風(fēng)格也引入到網(wǎng)頁設(shè)計(jì)中來，他將他認(rèn)為最重要也是最關(guān)鍵的元素保留下來，而其核心，就是他的收藏。

24. 用輪播圖做頁頭

Groovemade 是著名的數(shù)碼設(shè)備配件制造商，他們?yōu)锳pple 的數(shù)碼產(chǎn)品提供優(yōu)雅的木質(zhì)外設(shè)。而他們的網(wǎng)站也采用了同樣的優(yōu)雅設(shè)計(jì)，精心拍攝的動態(tài)輪播圖會讓用戶快速了解他們的產(chǎn)品，整欄式的高清大圖能給用戶極致的視覺沖擊力，無需更多文案，一圖勝千言。