B類淘賣進貨平台設計語言升級

產品經理入行寶典，12週特訓，22名產品大牛全程帶班，200+名企內推，100%保障就業！了解詳情

設計語言的升級只是一個開始。

設計背景

回顧2017-2018年淘貨源業務，為了提升淘寶賣家在1688平台的進貨體驗，原先針對淘賣的代銷業務升級成淘貨源市場，從淘寶賣家訴求和淘寶發展趨勢出發，以”貨源”、”服務 ”和”工具”三個維度為基礎，以”人“、”貨”、”場”為核心聚焦淘賣體驗，讓用戶在淘貨源更有專屬場景感，更具專業進貨的引導，從而提升用戶留存和轉化。

產品升級前的問題：

Tao.1688.com形象認知不明確；
形象和業務並沒有形成合力，主要業務場景的PC和無線等多終端展示形像不統一，用戶並不能形成良好的整體場景感；
產品給用戶的專屬感不強，與通常的導購型頁面通篇一律。

設計升級方式與效果：

無線pc一體化，探索淘貨源自身的風格調性，打通淘賣的視覺體系，統一用戶認知，強化專屬感，進行場景化風格嘗試。
具有淘貨源自身的B類風格調性，圖片的處理、組圖方式、色彩豐富且沉穩，結構豐富有序。
特色透傳：專屬感，結合品牌元素符號，進行特色櫥窗，場景組件模塊化設計，突出商品豐富度（貨）多而有差異性。
品牌強化：淘貨源品牌元素符號在首頁的設計與運用，豐富淘貨源產品特色標籤，並對專屬感的卡片金在頁面進行了延續，突出身份感，並根據百貨類真實場景進行內容細節設計。
鋪貨效率，把複雜的框架扁平化，首屏利用率提高，結構上版塊展示上與我相關版塊（貨）多而有效果。

產品的定位

從代銷業務到淘貨源的升級，用戶群更為聚焦，從對用戶的核心價值到產品的定位都需要升級梳理。

用戶分析

首先從數據採集角度，我們把用戶拆分為三種類型，對身份和訴求特點做出區分。

第一類：初級起步型淘賣，他們分銷佔比在90%左右，以家庭主婦職業居多，主要訴求在於尋求低價低風險的貨源，商家的服務質量以及。
第二類：成長型用戶，分銷佔比在50%左右，以夫妻協作開店模式居多，他們主要訴求在於如何抓住市場趨勢且沒有庫存困擾。
第三類：成熟型用戶，分銷佔比在10%左右，以專業的淘賣團隊為主，他們主要訴求是尋找相對穩定貨源，退換貨和運費等問題。

關鍵詞梳理

經過和業務方以及組內成員討論、腦暴、訪談記錄過程後，最終此次升級的主要目標為賦能分銷佔比最大的初級用戶，以“達成關係”、“友好合作”、“新穎” 為三個產品需要表達的方向，並從“吸引力”、”合作“、”專業服務“三個維度落實設計關鍵詞。

色彩元素提煉

色彩體系上我們選用了大膽新穎的漸變色作為產品色，從紅色到橙色的漸變，代表能量到溫度的一種傳遞。以橙色作為基礎延續色，讓用戶保持有淘寶場景的延續認知。在漸變傳遞概念的基礎上，制定了各個不同垂直行業的漸變色規範。

形狀特徵提煉

在形狀語言特徵的製定上，我們區分了C類形狀和B類形狀的差異性，C類消費品特徵更追求用戶的親和力，觸感的柔和度，大部分形狀傾向與圓形和大圓角形特徵。

B類消費特徵更追求嚴謹的次序感，帶來規整、效率、方便運輸，大部分場景形狀特徵傾向於方形和小圓角。就其中的差異，制定淘貨源的形狀以方形、次序整齊為主要形狀特徵，以小圓角形狀為輔助。

視覺設計呈現

具體到頁面內容框架設計，我們按照“匹配”、“分析”、“推送”三個層次進行頁面框架搭建。首屏先核驗身份，並按照相關行業匹配對應垂直市場展示，讓用戶第一感知有專屬性，接著就相關匹配行業以及關聯類目進行數據分析引導，把產品作為有效工具化提升，而非單純平面內容展示，最後按照數據抓取維度的優質商家和商品進行推送，避免頁面信息缺乏邏輯關聯，內容散亂的現象，幫助用戶有效提升進貨的精準度和工作效率。