浴火重生的網頁!22位設計師的Amazon重設計稿

編者按:在這個時代,每個人都是設計師。每次在電商網站上用得痛苦地扭來扭去的時候,總恨不得將網站重新設計一次!于是無數的設計師開始投身于重新設計各種主流網站的大業中去:不準我改,至少我可以用我的重設計稿來表明態度!

最初的Amazon作為電商平臺主要是賣書,發展到今天已經成為了世界上最大的電子商務平臺之一,從食品雜貨到數碼電器,從電子圖書到流媒體,一應俱全。

電商網站到底要怎樣設計?看看設計師馮鐵的思考:《馮鐵:韓國電商網站與國內電商的差異化分析》

從美國到中國,從德國到日本,世界各地的用戶都通過Amazon網購各類商品,它也時時刻刻經受著用戶的考驗。從不同的需求和使用習慣的角度來考量,幾乎每個用戶和設計師心中都會有著不同的Amazon重設計方案。也正是因此,近幾年設計師們不斷地為Amazon進行再設計。有的設計師僅僅只是為網頁進行小幅調整,而更多的設計師選擇了大刀闊斧的修改。接下來,我們就看看這22位設計師心中的Amazon長啥樣吧!

Amazon.com redesign by Yanis Markin

浴火重生的網頁!22位設計師的Amazon重設計稿

設計師Markin對Amazon的產品頁面進行了重新設計,看起來非常漂亮!搜索到的產品縮略圖在頂部,相關類似產品在底部。

Amazon redesign concept by Natalia Torres

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

設計師Torres對Amazon的Logo進行了重新設計,巧妙地將箭頭包含到Logo中,字體也更加現代、干凈。她所重設的首頁使用了大量的大圖,給人以全新的體驗。

Amazon Homepage Concept Redesign by Altay Suna

浴火重生的網頁!22位設計師的Amazon重設計稿

Suna 對 Amazon的設計并不夠顛覆,但是她將網頁中多余的外鏈去掉了,整個頁面更加清爽自然。

Amazon Streaming Redesign by James Cipriano

浴火重生的網頁!22位設計師的Amazon重設計稿

Cipriano 針對Amazon的 Fire TV 的流媒體頁面進行了重新設計。重新設計的頁面和原頁面稍微相似,但是設計師將Amazon極具識別度的橙、白、灰糅合到了一起,視覺上更有特色。側邊欄的設計讓 網頁更易于瀏覽。

Amazon Homepage Redesign Concept by venkatesh sm

浴火重生的網頁!22位設計師的Amazon重設計稿

Venkatesh 和Amazon現有的設計比較接近,但是看起來更整潔。不過頂部的設計稍微顯復雜。

Amazon Redesign Concept by Brad Burke

浴火重生的網頁!22位設計師的Amazon重設計稿

Burke的重設計特別專注于搜索欄,使得用戶更容易被搜索框吸引過去。導航欄看起來更加簡約、現代,內容也更容易被消化。

iOS7 – Amazon by Michael Shanks

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

這是針對Amazon的iOS7客戶端的深度修改,登錄和注冊更加漸變,留白的使用令頁面更加整潔,其他的功能也進行了相當的優化。

Amazon.com by Louis Mantia

浴火重生的網頁!22位設計師的Amazon重設計稿

Mantia 根據他的喜好對Amazon進行了修改,留白令主頁更易于瀏覽。

Amazon Rework Attempt by Bluroon

浴火重生的網頁!22位設計師的Amazon重設計稿

Bluroon 對 Amazon 的設計非常現代,扁平而精致。底部BestSellers和頁腳采用了亮眼的橙色深灰,令頁面整個活了起來。

Amazon Product Page Facelift by Fabio Benedetti

浴火重生的網頁!22位設計師的Amazon重設計稿

Benedetti 對 Amazon的產品頁的設計非常獨特,完全不同的布局、配色以及更加易用的按鈕,給人愉悅的視覺體驗。

Amazon iOS UI by Angel Jiménez Lopez

浴火重生的網頁!22位設計師的Amazon重設計稿

這一Amazon iOS客戶端還沿襲了iOS6的擬物化風格,不過整個頁面比原版的更加整齊、平衡。

vRedesigning Amazon’s Homepage by Eduardo Marin

浴火重生的網頁!22位設計師的Amazon重設計稿

雖然Marin的重設稿和前面的很相似,但是在微調上頗為用心。導航欄被整個整合到左側,整個頁面的連續性也得到了調整。

Amazon Redesign Concept by Rajdip Mitra

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

在 Mitra 的設計稿中,頂部產品Banner圖被做成了幻燈片式,并且添加了切換按鈕,在目前官方的設計中,這些細節并不明晰。

Amazon App Redesign by Jessica Lascar

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

Lascar 設計了一款更加整齊有序的iOS7客戶端。頂部放置了首頁、目錄和設置的滑塊切換,底部的功能菜單欄也非常符合iOS7的設計,愿望清單和產品清單和官方的AppStore的風格看起來非常接近。

Amazon UK Website Concept by Alex Moran

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

Moran 對 Amazon的重設計最大的特色是在色調和外掛上的調整。

Amazon.com Homepage Redesign Exploration by Trevor Cleveland

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

浴火重生的網頁!22位設計師的Amazon重設計稿

Cleveland 想出了3種不同的重設計方案,給人的感受截然不同,也提升了Amazon主頁的可用性。

Amazon Fresh iOS Redesign by Muhammed Elagouz

浴火重生的網頁!22位設計師的Amazon重設計稿

Elagouz 選擇了Amazon Fresh 這個部分作為重設計的對象,保留了食譜和尋找新鮮食材、送貨上門的功能。

Amazon Redesign by Janet Joung

浴火重生的網頁!22位設計師的Amazon重設計稿

Joung 的這一設計非常清爽,組織嚴謹,同Etsy的設計頗為接近。整齊的產品排版布局,簡短的描述和謹慎的文本使用,讓用戶更加專注于產品本身。

Amazon Concept by Pavol Kyselica

浴火重生的網頁!22位設計師的Amazon重設計稿

這一產品頁面重設計稿包含了產品相關度最高的信息,雖然布局稍顯凌亂,但是確實保證了用戶能看到他們最想看到的信息。

Amazon Redesign by Andre Tacuyan

浴火重生的網頁!22位設計師的Amazon重設計稿

雖然Tacuyan的重設計稿中按鈕偏大,左側的社交分享欄有點喧賓奪主,但是盒子式的產品區塊設計還是非常有特色的。

Redesigning Amazon’s Android App by Viewout.net

浴火重生的網頁!22位設計師的Amazon重設計稿

如果Amazon是一個Google旗下的子公司,那么它的Android端的APP會如何設計?看看這個重設計稿就知道。

Amazon Video Redesign by Chuck Gibson

浴火重生的網頁!22位設計師的Amazon重設計稿

設計師Gibson針對Amazon的視頻頁面進行了重新設計。干凈清爽的頁面看起來非常吸引人,比起現在的設計更加現代,也加入了響應式設計的元素。

【電商網站設計指南】

Step 1:導航欄設計
《一網打盡!電商網站導航設計超全面指南(一)》
《幫你提升幫你贏!電商網站導航設計超全面指南(二)》

Step 2:注冊頁設計
《給你一個好心情!電商網站注冊界面設計超全面指南(三)》

Step 3:面包屑設計
《有嚼頭的干貨!電商網站面包屑導航設計技巧全科普(四)》

Step 4:產品頁設計
《人氣流量通通要!電商網站商品頁設計超全面指南(五)》

原文地址:vandelaydesign
優設網譯者:@陳子木

本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量89萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
官方微信:想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎?添加優設哥微信號:youshege

浴火重生的網頁!22位設計師的Amazon重設計稿

收藏 4
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。