從早幾年前移動互聯網大行其道，到如今VR/AR逐漸進入大家的視野，回過頭看，PC端的網頁設計和體驗作為壹個“舊課題”似乎不再是企業和設計的核心問題。但是，我們真如想象中那樣遠離電腦了麽?
項目背景
隨著互聯網保險日新月異的業務發展和產品需求的叠代，同時基於保險方面的設計經驗積累，我們發起了對眾安PC官網的新壹輪設計叠代與體驗優化，這壹輪優化主要集中在以下三個方面：
1.調整網站信息結構
網站起初定位是互聯網保險電商網站，所以選擇了適用於繁雜內容展示的“雙重導航”設計，這也是電商平臺常用的導航方式。但由於保險類商品數量不像京東、淘寶平臺這樣巨大，我們發現導航系統需要根據現狀進行梳理優化，作出相應的調整，使得導航更明確、更簡潔。
△原官網導航流程
2.購買體驗的叠代優化
隨著產品類型的豐富，不同類型的保險在瀏覽、購買過程中會差異化地產生許多新的信息展示和交互方式，我們需要對現有的購買體驗進行叠代，力求體驗統壹性的同時，保證業務的差異化實現。我們也在移動端的商詳頁及投保流程的設計中積累了更多經驗，是時候將它們在PC網站端付諸實踐了。
△原產品縮略圖
3.感官體驗的“耳目壹新”
產品業務與服務壹直在馬不停蹄地前進，在設計與體驗方面也要及時傳遞相應的“感觀信息”。結合逐漸明確的客群特征，以及對當前流行的設計風格的調研，我們對PC官網視覺風格的新壹輪探索也拉開了帷幕。
△原產品縮略圖
開始前的思考
在著手設計具體的優化方案前，團隊進行了多次討論，回答了幾個問題:
Q:官網為誰服務?
A:電腦端的用戶並未縮水，使用量依然龐大。而主動訪問還靠百度。
查閱CNNIC的數據報告，我們發現近年手機超過9成的使用率的確擁有絕對的優勢。但承載PC網站的電腦端使用量其實與手機相差無幾。我們也從後臺數據了解到，除了外部跳轉理賠操作的訪問外，絕大多數主動訪問的用戶都是通過搜索引擎來到官網，官網依然是人們了解企業的首選途徑之壹。
△數據來源：CNNIC2016年度報告
Q:用戶為什麽來訪問官網?
A:官網有用戶想要了解的企業信息，也是服務的獲取途徑。那麽，使用體驗的流暢也很重要。
用戶來到官網壹般做兩件事：選購產品、申請理賠。其中選購產品時，如何通過圖文信息介紹虛擬產品的特色、傳統投保流程在電腦上該如何優化是值得我們從體驗角度好好探索的。
Q:我們又該展示什麽?
A:官網是最好的形象宣傳媒介。用戶主動搜索看到的結果是對商家及產品建立信任感的第壹步。
“內事不決問百度”是大家很熟悉的壹句話，而搜索結果中那個帶著“官網”小標簽的選項更是許多人的首選。給訪問者留下壹個好印象是必須的。
最終，我們明確了官網“基於產品建立品牌形象”的目標。以“舒適、設計感、面向用戶”這三個關鍵詞為基礎展開設計優化。而這也是PC官網需要向用戶傳遞的信息。
△眾安官網優化設計關鍵詞
經過對官網內容的全面梳理，我們將首頁、專題聚合頁、商品詳情及購買流程作為壹期改版的主要內容。
△官網內容梳理
由內而外壹步步優化
明確了方向，大家便著手開始設計!
1.梳理結構
改版後官網更註重對產品的展示，結合官網與其他相關業務平臺網站的互通關系，我們將導航分為全局與壹級導航兩個層級。全局導航適用於個人賬戶及公司各平臺間的跳轉，壹級導航更專註於本站的產品和服務信息。鼠標懸浮各類別標簽可以預覽分類下的產品。
△將全局導航與本站導航分層
2.首頁Banner：給足料，說好用戶故事
金融產品的視覺表達難是壹個行業***識，但螞蟻金服這兩年的系列廣告給了我們壹個很好的思考方向。服務於日常生活的金融產品故事該怎麽說?——當然是從生活本身的點滴說起。
首頁Banner作為網站首屏宣傳位，在方案探索過程中獲得了公關小夥伴的協作支持，得以從多個角度優化我們的方案。
△梳理產品與各種角色的匹配性
△確定官網的視覺風格傾向
結合特色產品與過往幾次用戶調研的結果，我們針對4大產品分類描繪了幾個典型的產品場景。而這4個場景所導向的是對應的專題產品和它們的用戶故事。
△首頁Banner的故事展示
對於專題中的保險產品，我們嘗試通過更情感化的表達來讓用戶感知它們。無論是角色還是場景，通過他們說出了用戶的顧慮與考量。無論是人名、還是文案，我們都花費大量的精力進行構思，力求令用戶獲得代入感，更容易產生***鳴。
而“與時俱進”也不能只是說說而已。開發語言的不斷升級已經支持網頁承載更多樣的展示方式。既然如此，為什麽不趁機炫壹把大家都愛的視頻背景呢?
△版塊背景播放用戶故事視頻
總得來說，改版後的網頁正試圖通過產品故事與訪問者建立更深入的情感***鳴，運用更多樣的表現手法向人們展示更豐富的感官體驗。
△首頁改版前後對比
3.商詳介紹：理性與感性結合，讓用戶好好看清我們的產品
由於保險產品沒有實體對象，產品特點及保障明細又關聯諸多細節條款，導致無論是我們作為設計傳達方，還是用戶作為信息接收方都對產品說明頭痛不已。而讓用戶高效獲取他們想了解的產品信息，是推動他們實行購買操作的重要因素。
經過長期的業務跟進及總結，通過對產品信息優先級的梳理、結合交互控件的應用，最終，給出了更適合目前需求的詳情頁模板。
網站網站改版