人們不把網(wǎng)上賺錢容易。想想吧:如果你不得不回答一長串的問題或斗爭,瀏覽網(wǎng)站,多少錢你會舍得嗎?網(wǎng)上購物是方便和舒適,和我們這些人至少有一次冒險進(jìn)入該領(lǐng)域的在線購物知道費(fèi)時和不可。
網(wǎng)上商店,脫穎而出的是那些去為他們的用戶額外英里。我們會在一些小的和大的電子商務(wù)網(wǎng)站,創(chuàng)造愉快的網(wǎng)上購物體驗(yàn)。我們會考慮從一開始到最后結(jié)束的工作經(jīng)驗(yàn),有權(quán)通過校驗(yàn)過程。
有趣的電子商務(wù)網(wǎng)站
Bonobos
Bonobos的購物體驗(yàn)是光滑的。好的版式和微妙的色彩有助于對產(chǎn)品和特色的重點(diǎn),與所有分心,你與該網(wǎng)站消失。當(dāng)一個新的項(xiàng)目添加到購物車,它出現(xiàn)在一個滑動欄的右側(cè),促使客戶要么保持購物或檢查。檢驗(yàn)的形式設(shè)計(jì)典雅潔凈。所需的數(shù)據(jù)量是沒有壓倒性的因?yàn)樗@然是在可管理的塊的分離。和最重要的一點(diǎn):該圖標(biāo)是一個香蕉圖標(biāo)!現(xiàn)在這是很酷的。
MartinaSperl
MartinaSperl的網(wǎng)站是一個可愛的網(wǎng)站。本店特色打磨她的產(chǎn)品攝影,用一個簡單的導(dǎo)航面板固定在網(wǎng)頁的右邊。懸停效果是簡單而大膽,呈現(xiàn)出數(shù)量和價格大膽地在一個大的sans-serif字體。你可以,當(dāng)然,點(diǎn)擊圖片查看有關(guān)產(chǎn)品的細(xì)節(jié),讓家具的三維視圖(只是一系列的圖片)。買一件家具需要您的訂單通過電子郵件。再次,大膽的全寬度的產(chǎn)品圖像上使用的產(chǎn)品頁面,你可以點(diǎn)擊“心”圖標(biāo)來表達(dá)你的愛的一個產(chǎn)品。
evyi
把購物車的左側(cè),與導(dǎo)航,是個好主意。因?yàn)檠劬捻撁娴淖笊戏?,購物車的?yōu)先級,使它更自然的用戶追蹤他們的購物車中的物品和運(yùn)行總。
香蕉咖啡廳
香蕉咖啡館是瘋狂的。三維懸停的現(xiàn)場效果是一致的整個購物體驗(yàn)。塊以不同的方向旋轉(zhuǎn),創(chuàng)建在整個網(wǎng)站中有趣的運(yùn)動。這是不是你的普通的網(wǎng)上商店,而是一個收集你的衣櫥的建議。懸停效果顯示參考號碼,你會使用聯(lián)系表格在頁面底部。好的,在下不必要的音頻和視頻,但他們補(bǔ)充網(wǎng)站上的獨(dú)特的體驗(yàn)很好。
madeforfun
嗯,這家網(wǎng)上商店可以為樂趣,但有趣的是不可能建立起來的唯一原因。網(wǎng)站上的經(jīng)驗(yàn),但是,的確很快。你可以快速地定制每個產(chǎn)品的功能顯示使用手風(fēng)琴模式。購物車是視覺預(yù)覽圖,幾乎一樣,而不是充滿快節(jié)奏的文本。事實(shí)上,商店甚至有彩虹一樣的水平線,它仍然十分吻合,為設(shè)計(jì)。
Indigo
Indigo的購物體驗(yàn)不是特別出眾,但它是一個很好的例子是商店的一個比較大的庫存可以有一個很好的用戶體驗(yàn)。對靛藍(lán)的導(dǎo)航選項(xiàng)的數(shù)量是相當(dāng)巨大的,尤其是在側(cè)邊欄導(dǎo)航看起來有點(diǎn)太復(fù)雜,但有趣的是,在每個產(chǎn)品頁面底部的酒吧。當(dāng)你添加一個項(xiàng)目到車,項(xiàng)目是視覺上添加到酒吧里的購物車。很有趣的事實(shí)是,靛藍(lán)提供為客戶誰愿意花些時間來創(chuàng)建網(wǎng)頁上的一個帳戶的折扣。聰明的。
沃爾瑪
沃爾瑪最近重新設(shè)計(jì)的反應(yīng)一定是相當(dāng)?shù)氖聵I(yè)。主導(dǎo)航一直隱藏在背后的“店所有部門”按鈕,觸發(fā)了對側(cè)帆布導(dǎo)航。項(xiàng)目組織,界面元素和排版提供了雜波自由概述。每個項(xiàng)目的評審可以認(rèn)為是有益的或不太有幫助。作為一個項(xiàng)目添加到購物車,一個燈箱的出現(xiàn)促使客戶進(jìn)行檢查或繼續(xù)購物。結(jié)帳是精心設(shè)計(jì)過的決議,你只看到什么是真正有助于完成結(jié)帳。良好的信息架構(gòu),好的布局,好的設(shè)計(jì)。
Appliances Online
雖然項(xiàng)目每類概述在ao.com相當(dāng)熱烈,購物和檢驗(yàn)經(jīng)驗(yàn)確實(shí)是很愉快的。在產(chǎn)品頁面,用戶可以比較的特點(diǎn),最近查看的項(xiàng)目旁邊一桌上時,許多產(chǎn)品的嵌入式視頻回顧。檢測提供了多種選項(xiàng),但跟著結(jié)束步驟很簡單
Moomin
有時你真的不需要改造的購物體驗(yàn):這完全是足以提供一個一致的視覺風(fēng)格,引導(dǎo)客戶通過檢驗(yàn)。印刷術(shù),購物回來的價格標(biāo)簽圖標(biāo),并校驗(yàn)本身適合在Moomin品牌的方式。由于沒有很多產(chǎn)品在商店里,每個項(xiàng)目是突出強(qiáng)調(diào)了面包;幫助客戶看到他們的網(wǎng)頁上的任何時刻。良好的個人設(shè)計(jì),傳達(dá)出一種親密的氣氛。
gomacro
如果你正在尋找的。不同的網(wǎng)上購物體驗(yàn),gomacro是一個值得檢查選項(xiàng)。而不是一個簡單的項(xiàng)目網(wǎng)格概述,所有項(xiàng)目分為有色項(xiàng)目界。對車添加項(xiàng)目的經(jīng)驗(yàn)是很獨(dú)特的地方酒吧你隨便進(jìn)手推車。結(jié)帳是精心設(shè)計(jì)的,很簡單的跟進(jìn),雖然主要的導(dǎo)航(“回”和“下一步”)都隱藏在實(shí)際檢驗(yàn)的燈箱。獨(dú)特的設(shè)計(jì)可以工作出色,和gomacro顯示它如何能做到。
Lost My Name
好吧,這是不是一個真正的網(wǎng)上商店,但結(jié)帳的設(shè)計(jì)是很可愛的。該設(shè)計(jì)采用一個品牌的網(wǎng)站視覺設(shè)計(jì)的軟接觸形式創(chuàng)造一個愉快的整體體驗(yàn)??赡苁亲詈玫男稳菰~來描述的設(shè)計(jì)是“友好的”。所以是檢驗(yàn)的經(jīng)驗(yàn)。
indochino
indochino的購物體驗(yàn)是定制的國王?;旧夏憧梢远ㄖ频囊磺小H欢?,這需要相當(dāng)?shù)南嗷プ饔脧目蛻舴?。產(chǎn)品形象突出強(qiáng)調(diào)的背景圖片。西裝,從夾克翻領(lǐng)上的通風(fēng)口,鈕扣,口袋里的所有東西,李寧,褶皺可以定制。在您退房時,你被要求提供詳細(xì)的測量數(shù)據(jù),只需18個步驟。嗯,如果你想在你的商店提供了許多定制的選項(xiàng),indochino是學(xué)習(xí)的一個很好的例子。響應(yīng)的設(shè)計(jì)并不在某些情況下,有相當(dāng)?shù)墓ぷ鳎貏e是當(dāng)它涉及到大量的可用的選項(xiàng)頁。
Ableton
Ableton的網(wǎng)站只是一個例子,生動的色彩方案并不妨礙良好的購物體驗(yàn)。該網(wǎng)站使用的顏色,但他們很適合在一起,創(chuàng)建網(wǎng)頁上的一個舒適的氣氛。好的字體,顏色和位置適當(dāng),一切都剛剛好。這可能是一個好主意,不是用“navicon”圖標(biāo),在頁面的頁眉導(dǎo)航。
cocones
這家商店有相當(dāng)大的用戶交互。時髦的懸停效果轉(zhuǎn)環(huán)ipad套在你看到它是什么樣子,從后面。大型全幅照片在產(chǎn)品頁是一個很不錯的想法展示產(chǎn)品的“行動”。另一個受歡迎的特性中,告訴你,如果一個項(xiàng)目已被添加到您的購物車的小按鈕。對賬單明細(xì)表單是很簡單的,愉快的購物經(jīng)驗(yàn),完成。唯一的缺點(diǎn)是國家選擇器,可以用一些更優(yōu)雅的更換。
Benj & Soto
Ben &Soto是一個干凈的設(shè)計(jì)嚴(yán)格的功能性網(wǎng)站。它有一個非常獨(dú)特的互動;你可以裝飾自己的立方體,然后查看所有六個方面的,嗯,實(shí)際上它旋轉(zhuǎn)。我真的很喜歡注釋的元素,增添了一種工作在進(jìn)步的感覺??梢岳斫獾氖?,你必須創(chuàng)建一個帳戶或登錄推特或facebook創(chuàng)建并保存一個設(shè)計(jì)。一個很好的方式可視化產(chǎn)品。
摩托羅拉
摩托羅拉網(wǎng)店的響應(yīng)是設(shè)計(jì)精美的照片,顯示大屏幕的產(chǎn)品占主導(dǎo)地位。平面設(shè)計(jì)給人的印象,產(chǎn)品是一個免費(fèi)的經(jīng)驗(yàn)。摩托羅拉鼓勵用戶設(shè)計(jì)自己的樣子,和網(wǎng)站有一個可愛的UX,與清澈的大按鈕。在一個狹隘的觀點(diǎn),過濾和搜索的實(shí)現(xiàn)使用一個固定的過濾器/搜索菜單-它可能是一個好主意,考慮使用“顯示模式”,而不是覆蓋。