cover_dmp.png

2014

Internship Project @ Alibaba Group

Alibaba Group DMP
Alibaba Group DMP 基於商業化場景所推出的數據管理合作平台,
提供用戶消費習慣、興趣偏好、地理位置等相關數據標籤,用戶們不僅透過 DMP 觀測相關數據,
也可快速簽訂目標人群,推進營運與用戶管理。
Challenge
設計一個同時滿足「廣告投放主」、「第三方服務商」和「數據提供方」的官方網站,​除了基本業務理解外,同步延伸阿里巴巴系統品牌精神&視覺統一。
Release

✔  DMP 全新形象設計

✔  Alibaba Group DMP 官方網站

✔  官方網站介紹內頁 Guideline

Role

The Leader of Visual Design Intern

09-mockup.png
Landing Page
Product Web Page
01.png
Mind Mapping

帶領兩位實習生進行 Mind Mapping 發想網站溝通主軸,從 DMP 三個主要用戶群​

「廣告投放主」、「第三方服務商」和「數據提供方」作為切入點往下延伸,

最終以擴大賣場用戶、無限觀測數據平台&數據安全對接,這三個溝通主軸為 Landing Page 溝通方式。

10-mind mapping.png
Visual Style Research

蒐集大量的網站風格,並將網站呈現手法分類後進行實作評估,

最後依分數最高的「靜態圖形」和「故事感」作為 Landing Page 網站手法的定調。

11-research.png
03-分析表.png
Graphic Style

透過 Mind Mapping 上的關鍵字提取定位出主要視覺關鍵字風格後,

再加入企業視覺風格思考,細節定義插圖表現手法,透過這樣的定義也可保持設計師製圖統一性。

key word.png
風格sample.png
style bar.png
Color Plan

main color

主要色系為 DMP 官方紫色為主,延伸相對應可使用的系列色系。

secondary color

測要色系則以 Alibaba Group 官方橘色系為主色,並輕量化顏色濃度,

讓整體更有透氣感,加入活潑的插圖後又不失優雅與統一。

同時也能使 DMP 過於理性的數據處理器,能夠更為輕巧的呈現於網站上,

色彩明度上選擇可以避開尖銳刻板的高明度視覺效果,期待能讓用戶感受到溫暖卻不失理性的品牌印象。

12-color.png
Story

透過一位主要主角貫穿網頁,故事軸線以簡易動畫呈現,

利用各種 DMP 產品元素作為元件,先後進入畫面與主體互動,使整體產生簡單故事感。

數據擬人化為 Data Man,透過 DMP 分析本身資料訊息,

依據眾多 Data Man 分析的數據,串連眾多數據之間的關聯性。

Sketch & Illustration
08-sketch 1&2_1.png
13-image.png