最近,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ì)素材免費下載!