Mercari UK app改版設(shè)計的思路

最近,Mercari的英國版進行了一次重大更新,全新的界面設(shè)計和設(shè)計系統(tǒng),已經(jīng)在iPhone和Android可以下載使用了。

我們先從日本開始...

Mercari?是一個日本最大的C2C二手交易平臺,去年,這個平臺開始登陸英國。Mercari最明顯的特征是一個紅色盒子。

Mercari作為日本首個獨角獸公司,先前登陸美國后迅速取得成功,所以這個品牌一定有價值的地方。但是,Mercari登陸英國9個月后,發(fā)現(xiàn)用戶群體大部分都是年輕女性,用戶對于這個日本品牌并不完全了解。

所以,Mercari很快與品牌公司Koto合作,對Mercari UK進行改版,希望有一些獨特的東西。

用戶對舊品牌的看法

在改版之前,您可能會認(rèn)為iOS和Android應(yīng)用是兩種完全不同的產(chǎn)品

 

由于Mercari在日本有數(shù)千萬用戶在使用,所以,原有的品牌形象還是與日本的用戶有密切相關(guān)。英國的用戶多很多東西都不理解,很多英國用戶容易產(chǎn)生誤解,我們搜集了一些英國用戶對Mercari 品牌形容的關(guān)鍵詞:

看起來像送餐服務(wù)

乏味

陳舊

令人困惑

有點像Dropbox

中年人才會用

......哎,反正就是感覺不對。

所以,Mercari UK必須是一個能與千禧一代用戶能夠產(chǎn)品強烈共鳴的品牌。經(jīng)過幾個月的努力,Mercari UK有了現(xiàn)在的樣子。我們來看下。

新版Mercari UK

流暢的手寫體標(biāo)志更加柔和,俏皮和人性化,保留了原有的紅色,向原有的日本品牌形象致敬!

顏色

就像我們的用戶一樣,我們的顏色大膽而多樣。除了紅色,還有一系列的輔助色。

品牌字體-Jungka

Jung-Lee設(shè)計的 Jungka 字體友好,平易近人,在小屏幕上也有很好的辨識度。

插圖

這兩年插圖非常流行,插圖能讓我們的品牌看上去有愛,俏皮和吸引力。插圖用于產(chǎn)品或營銷過程中。

在產(chǎn)品上應(yīng)用新品牌

第一次嘗試 ...

新的品牌形象確定后,我們起初只是更換了標(biāo)志和顏色。其它地方都沒修改。

然而,這就像是在池塘里丟進一塊小石頭,并沒有激起什么浪花。我們意識到,我們過度使用了iOS和android上的原生ui元素,在視覺上,Mercari的特征并不明顯。

從我們的DNA開始

為了與我們的新品牌保持一致的視覺語言,設(shè)計團隊定義了DNA(顏色,間距,排版)并在所有平臺上應(yīng)用這些規(guī)則。這就是我們新的設(shè)計系統(tǒng)。

新設(shè)計系統(tǒng) Meri

Meri只花了短短的一個半月的時間,Meri為產(chǎn)品帶來了清新和一致的界面設(shè)計指導(dǎo)。團隊從Meri設(shè)計系統(tǒng)中總結(jié)了一些很好的經(jīng)驗:

1,設(shè)計人員在新組件上花費更少的時間,這樣就可以專注于解決用戶問題。

2,開發(fā)人員使用Meri后可以更輕松的迭代,創(chuàng)建可再次使用的組件。

3,用戶對我們的產(chǎn)品有一致的體驗。

設(shè)計師使用組件,在幾分鐘內(nèi)就可以設(shè)計一個新的頁面

繼續(xù)前行

Meri的使用讓Mercari看上去煥然一新,更多的留白讓界面看上去更通透。當(dāng)然設(shè)計系統(tǒng)不是我們的最終目標(biāo),在創(chuàng)造一個好產(chǎn)品的道路上,需要一套像Meri這樣的設(shè)計系統(tǒng)為我們提供指引。

每天更新,
全站高品質(zhì)素材免費下載!