BEHANCE上超火的大眾官網重設計

 

　　在這個業余項目上埋頭苦干了將近一個月，結果還算令人滿意，現在我可以簡短的向大家介紹一下此款設計練習。

　　在開始閱讀之前，推薦看一下Behance(妹子們注意了，作者超帥的)上的相關圖集，這樣就能對我的作品有較為整體的了解。

　　回顧設計生涯，幾乎和重設計緊密相關，4年前我完成了捷克沃達豐官網的重設計。那個項目算是一次設計定位。這幾年我一直在想，要再積累點設計經驗，有機會再進行一次重設計。

　　如果你有充足的時間，放松的狀態，那麼非常適合在業余時間做一些項目練習。我一般做一些概念設計，或者重設計一些流行的網站作為個人練習。我曾經以Nokia.com, TechCrunch 和Adobe.com為對象做過重設計練習。每一次開始練習之前，都力求充分展現個人的技巧、想法、觀點。但說實話，最後的結果僅僅是小修小補，沒有翻天覆地的變化。但是這次，大眾官網的重設計練習，我打算設計的深入一點，力圖將所有的概念整合到一起。

　　重設計這種項目，如果僅僅只重設計主頁，那麼收效不大。最好將你的理念體系化，可以做個視頻，可以建立個Behance項目、資料頁。

　　好了，廢話不多說，現在開始隆重介紹大眾官網重設計練習。這是我設計生涯以來水平最棒的項目。

　　我設計的這個官網和大眾現在的官網完全不同。我重新設計了網站的導航以及各個頁面。加入了很多動效以確保頁面的趣味性。

　　簡略的說一下這次重設計練習中，我比較注重的幾個方面。

　　主頁以及主導航

　　主頁設計

　　主頁的風格圍繞一張精美的產品圖片打造，干脆、整潔的標題，力求簡短的描述。簡約的頁面，提供的信息量卻很充足。其實很多大公司網站的問題就在於廣告泛濫，長篇大論太多。最近非常流行使用視頻作為主頁面的背景。嗯，這個方法確實不錯，我們也准備了視頻作為備選方案。

　　主導航固定在底部，這樣無論怎麼滾動頁面，導航都能一直相隨。而且當你進入了頁面，導航的內容也會隨之改變，導航中的選項會根據頁面而改變。但是不同頁面中均可以通過點擊“三直線圖標”來回到主頁

　　check the video

　　汽車模型選擇

　　其實這個頁面就是一個覆蓋整頁的下拉頁面。VW的官網中忽略了重要的一點——信息的過濾。這裡設計了信息過濾功能，通過信息過濾功能，可以通過車型、價格、馬力來分類挑選。

　　產品細節頁

　　大而美的照片，垂直視差滾動，充滿了美感與細節。使用了合理的頁面布局，加入了一些留白和動效。可以通過 Behance project 查看。

　　評價和企業榮譽頁面

　　首先要解決的問題是，怎麼轉至評價和榮譽頁面。這裡使用了上拉式 成列的icon菜單，非常簡潔。

　　值得一提的是評價頁面，將用戶的實際經歷與產品結合，講述出一個個妙趣橫生的故事，起到了很好的引導作用。然後對評估頁面、榮譽頁面和“為何選擇大眾”這三個頁面的布局做出了精心的調整。

　　試駕頁面

　　我設身處地的將自己比作那些有購買汽車打算、想進一步試駕的用戶。設計出了這個試駕頁面。

　　試駕請求是設計的最後一個頁面。在浏覽“為何選擇大眾”和“汽車模型”頁面時，如果你想親身體驗一下大眾汽車，只需要點擊一下此按鈕，就能彈出一個地圖。

　　浏覽器會自動對你所在的未知進行定位，然後只需完成最後一步——移動大頭針，選擇提車的場地。然後填寫聯系信息，確定好試駕時間。

　　這個頁面我作的非常簡單，而且提供了非常便利用戶的信息。首先，沒人願意跑大老遠去試駕一輛車，如果附近就能提供試駕，那就再好不過了，這裡就通過這個頁面來告訴用戶，最近哪裡有試駕點。其次，聯系信息做的簡單，用戶填寫也快。從體驗的角度來講，試駕是一種享受，所以要讓用戶感受到方便，讓用戶感覺這車仿佛已經屬於他了。這就是我想要表達的概念。

　　其他的細節和補充:

　　第一個階段的工作收尾，算是完成了這個項目，雖然和以前的工作比已經非常棒了。但是我希望下一次做業余項目還能夠有所提高。這一次我記錄出了一些設計中的不足之處，以期下次改正。

　　關於大眾 ( 招聘, 領導層頁面)

　　大眾新聞 頁面

　　用戶俱樂部頁面