作為圈內(nèi)最有影響力的優(yōu)秀網(wǎng)站推薦平臺(tái)，Awwwards 手頭上匯集了世界上最全面、素質(zhì)最高的網(wǎng)站。Awwwards 精選的一組在設(shè)計(jì)和體驗(yàn)上都不走尋常路的網(wǎng)站，匯總到這個(gè)合集當(dāng)中，給那些正在尋找獨(dú)特設(shè)計(jì)的電商設(shè)計(jì)師們。

如今的電商相關(guān)的設(shè)計(jì)師，也已經(jīng)是相當(dāng)龐大的一個(gè)群體了。你是否也是其中之一呢？可是當(dāng)你想從一些原創(chuàng)的、優(yōu)質(zhì)的電商網(wǎng)站上獲取靈感的時(shí)候，最常碰到的問(wèn)題，大概就是很難集中地看到這些網(wǎng)站，對(duì)吧？這些獨(dú)立的在線(xiàn)電商網(wǎng)站大都不會(huì)采用 Prestashop、WooCommerce 和 Magento 等流行的平臺(tái)，也不會(huì)沿用這些平臺(tái)上經(jīng)典但是已經(jīng)「爛大街」的布局設(shè)計(jì)。最先鋒、最獨(dú)特的東西，往往不會(huì)直接藏在人群當(dāng)中，就是這樣的道理。

不過(guò)，現(xiàn)在的情況又發(fā)生了一些變化。最近兩年，當(dāng)一個(gè)已有的品牌想要做一些更加有創(chuàng)意的事情的時(shí)候，它會(huì)盡量不在已有的網(wǎng)站的基礎(chǔ)上來(lái)進(jìn)行創(chuàng)造，而是選擇一個(gè)獨(dú)立于現(xiàn)有體系之外的小電商網(wǎng)站，來(lái)承載這些東西。這類(lèi)網(wǎng)站會(huì)更加激進(jìn)，比如在不影響導(dǎo)航的情況下，使用各種實(shí)驗(yàn)性的全屏布局，各個(gè)功能在一個(gè)獨(dú)特的交互模式下匯集、切換。這種情況很多，比如 Maradji.com 這個(gè)網(wǎng)站：

Maradji 的過(guò)渡效果，網(wǎng)站被收錄到了 Image Galleries and SlideShows 分類(lèi)中。

這些網(wǎng)站先鋒，它們確實(shí)為了追求獨(dú)創(chuàng)性而放棄了一些更為穩(wěn)妥的方案。比如 Keus-store.com 這個(gè)網(wǎng)站，它們?cè)谠O(shè)計(jì)上最激進(jìn)的點(diǎn)就是在于放棄了傳統(tǒng)電商網(wǎng)站的導(dǎo)航規(guī)則，而是采用了橫向的導(dǎo)航模式，讓用戶(hù)在這種反常規(guī)的瀏覽機(jī)制下，以橫向展開(kāi)的形式來(lái)了解產(chǎn)品的細(xì)節(jié)。

Keus，水平導(dǎo)航模式的電商網(wǎng)站， 網(wǎng)站被收錄到了 Image Galleries and SlideShows 分類(lèi)下。

此外，我們還在 Gucci Dècor 這個(gè)網(wǎng)站中，找到了高度主題化的設(shè)計(jì)，產(chǎn)品的細(xì)節(jié)非常到位，水平滾動(dòng)式的交互以及超大的圖片讓所有細(xì)節(jié)一覽無(wú)遺。

△ Gucci Dècor

風(fēng)格調(diào)性十足，微文案獨(dú)特考究，幽默風(fēng)趣

有一些獨(dú)特的電商網(wǎng)站，從頭到腳都是你從沒(méi)見(jiàn)過(guò)的樣子。比如 Sea Harvest online shop 這個(gè)專(zhuān)營(yíng)新鮮海鮮的電商網(wǎng)站，即使在電商發(fā)達(dá)的中國(guó)，也算得上是少見(jiàn)了，更加獨(dú)特的是在于網(wǎng)站的設(shè)計(jì)上同樣獨(dú)樹(shù)一幟，帶有十九世紀(jì)風(fēng)情的插畫(huà)和布局，讓整個(gè)網(wǎng)站的個(gè)性從里到外透出來(lái)。

△ Sea Harvest online shop

Studio Job 則將電商網(wǎng)站的體驗(yàn)推到了另外一個(gè)極致。極簡(jiǎn)的布局之下，使用粗野主義的設(shè)計(jì)風(fēng)格來(lái)呈現(xiàn)各種視覺(jué)元素，從動(dòng)畫(huà)、微交互到幽默的文案，均是如此。

△ Studio Job

這兩個(gè)網(wǎng)站都使用了明確而激進(jìn)的設(shè)計(jì)策略，用非常具體的設(shè)計(jì)語(yǔ)言來(lái)構(gòu)建網(wǎng)站的調(diào)性，賦予網(wǎng)站以足夠的個(gè)性，并且這種設(shè)計(jì)能夠和特定的用戶(hù)群體產(chǎn)生共鳴。

Femme&Fierce 則是另外一個(gè)充滿(mǎn)異國(guó)情調(diào)的網(wǎng)站設(shè)計(jì)實(shí)例，網(wǎng)站中包含了不少有趣的微交互，充滿(mǎn)有機(jī)感的動(dòng)畫(huà)，以及有待用戶(hù)去發(fā)現(xiàn)的有趣細(xì)節(jié)，除此之外，網(wǎng)站的微文案也以可愛(ài)和機(jī)智而著稱(chēng)，口語(yǔ)化的表述方式在用戶(hù)那里圈粉無(wú)數(shù)。

△ Femme & fierce

不過(guò)，如果要說(shuō)非常規(guī)的網(wǎng)頁(yè)設(shè)計(jì)，Balenciaga 這個(gè)電商網(wǎng)站也算得上是個(gè)中翹楚了，極簡(jiǎn)到極致，網(wǎng)站首頁(yè)就是個(gè)導(dǎo)航，絕對(duì)少見(jiàn)，絕對(duì)反常規(guī)。

用戶(hù)體驗(yàn)的新視野

實(shí)際上，如今的電商的大環(huán)境是非常令人振奮的，從創(chuàng)意上來(lái)說(shuō)，設(shè)計(jì)師和品牌都在積極嘗試各種新穎大膽的方案，而在技術(shù)上，視覺(jué)搜索、語(yǔ)音助理、預(yù)期設(shè)計(jì)、機(jī)器學(xué)習(xí)都具備良好的可實(shí)施性，讓電商網(wǎng)站具備更多可能性。

在這些技術(shù)當(dāng)中，視覺(jué)搜索是最重要的趨勢(shì)之一，在電商網(wǎng)站當(dāng)中，最典型的使用場(chǎng)景是「搜索類(lèi)似產(chǎn)品」。事實(shí)上，自從2016年開(kāi)始，阿里巴巴旗下的 Aliexpress 就已經(jīng)開(kāi)始應(yīng)用功能完善的視覺(jué)搜索功能了，其中 Snapchat、Pinterest Lens、Google Lens 也是這個(gè)領(lǐng)域的先驅(qū)。

人工智能和機(jī)器學(xué)習(xí)正在為微零售商提供更加深入的導(dǎo)購(gòu)服務(wù)和信息服務(wù)，旨在通過(guò)更強(qiáng)的相關(guān)性和可訪(fǎng)問(wèn)性，來(lái)給用戶(hù)提供個(gè)性化的服務(wù)體驗(yàn)，改進(jìn)搜索結(jié)果，提供建議。

毫無(wú)疑問(wèn)，新興的技術(shù)是改變用戶(hù)體驗(yàn)最有力的基礎(chǔ)，下面是我們專(zhuān)門(mén)搜集的，最具有創(chuàng)意的電商網(wǎng)站，希望它們能給你提供更多靈感，為創(chuàng)造更優(yōu)秀的電商網(wǎng)站而努力。

下面，就是這40個(gè)劍走偏鋒的電商網(wǎng)站，不要被它們樸素的截圖騙了，有空的時(shí)候可以逐個(gè)點(diǎn)開(kāi)看看，或許某個(gè)獨(dú)特的設(shè)計(jì)會(huì)給你一些啟發(fā)。

當(dāng)然，如果你希望作出在視覺(jué)上更貼合主流的電商網(wǎng)站，不要錯(cuò)過(guò)awwwards的電商導(dǎo)航 ~

△ Only/Once Shop?In?Nominees

△ Buying experience?In?E-Commerce

△ Anna Clothing?In?Nominees

△ Homepage Product Filter?In?E-Commerce

△ B&O PLAY Autumn/Winter 2016?In?SOTD

△ etq store?In?H.M

△ Bartaile?In?SOTD

△ Protest Sportswear?In?SOTD

△ MoMA Design Store