top of page
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
  • linkedin
  • medium
  • dribbble
  • behance
  • instagram

© vik wang 2021

bottom of page