Monese是一個(gè)無(wú)網(wǎng)點(diǎn)銀行業(yè)務(wù)服務(wù)商，即使客戶沒(méi)有立即提供住址或有不良貸款記錄，也允許歐盟經(jīng)濟(jì)區(qū)的居民在120秒鐘開(kāi)一個(gè)當(dāng)?shù)氐你y行賬號(hào)。我們開(kāi)發(fā)Monese是為了幫助橫跨歐洲大陸的9千萬(wàn)人們——那些被財(cái)政排除的人，因?yàn)殂y行很難確定他們的身份或他們的信用評(píng)分。

作為一款金融產(chǎn)品，獲得用戶的信任是很有必要的，因此有一個(gè)一致可識(shí)別的特性對(duì)Monese的成功是極為重要的。

為什么我們決定重塑形象？

在安卓發(fā)布后，我們看到用戶快速增長(zhǎng)，在iOS發(fā)布顯然是我們下一步計(jì)劃，感覺(jué)是時(shí)候重新審視和修改我們的設(shè)計(jì)了。

同時(shí)我們有一個(gè)已經(jīng)存在的特征，我們最終覺(jué)得品牌需要更好地表達(dá)我們從自己初次使用產(chǎn)品到給真實(shí)用戶使用過(guò)程中學(xué)到了什么——我們更深入地理解了他們的需求。

這是一些我們發(fā)現(xiàn)的問(wèn)題：

這個(gè)logo不是一個(gè)值得擁有的標(biāo)志——感覺(jué)有點(diǎn)孩子氣，線條太過(guò)于友好了。

用"Brandon"字體并沒(méi)有給我們一個(gè)強(qiáng)有力的聲音，它被很多創(chuàng)業(yè)公司過(guò)度使用，意味著它不能只被我們獨(dú)有。

有各種各樣的圖形和圓形樣式，品牌元素不統(tǒng)一，不協(xié)調(diào)。

我們大量使用紅色，也在要顯示錯(cuò)誤狀態(tài)時(shí)制造了挑戰(zhàn)。

Monese正在成長(zhǎng)，我們的品牌識(shí)別需要表現(xiàn)出這個(gè)，同時(shí)在多個(gè)觸控平臺(tái)上要能更靈活地被運(yùn)用。

舊版Monese品牌應(yīng)用元素

    我們最初是想修復(fù)我們現(xiàn)有的品牌。我們?cè)缴钊氲娜ナ崂頃r(shí)，對(duì)現(xiàn)有品牌的缺陷理解得就越深入，這些缺陷讓我們又回過(guò)頭來(lái)思考：我們需要有一套更清晰的價(jià)值和一個(gè)新的品牌識(shí)別，能更好地表達(dá)我們服務(wù)的意義。

    作為一個(gè)精益團(tuán)隊(duì)，我們知道重塑品牌形象將是一場(chǎng)拉鋸戰(zhàn)，但是如果我們打算這么做，現(xiàn)在就是最好的時(shí)候。我們的目的是為了讓公司有一個(gè)通用的品牌故事，和我們的用戶形成更強(qiáng)的連接，也為將來(lái)公司的成長(zhǎng)打下堅(jiān)實(shí)的基礎(chǔ)。

    品牌故事板

    我們開(kāi)始了大量的調(diào)研，把自己沉浸在我們已經(jīng)達(dá)到的和我們將要達(dá)到的事情上。我們和英國(guó)倫敦、愛(ài)沙尼亞塔林工作室跨團(tuán)隊(duì)合作，聯(lián)合了公司每個(gè)人去收集意見(jiàn)，關(guān)于我們?cè)趺疵枋鑫覀冏约旱膬r(jià)值。

    在與用戶體驗(yàn)分析人員和管理 團(tuán)隊(duì)密切合作中，我們開(kāi)始定義品牌故事板。我們討論出我們的品牌服務(wù)是幫助人們提升他們的生活，轉(zhuǎn)而我們?nèi)ザ�義品牌價(jià)值。我們非常重視這個(gè)，因?yàn)檫@將會(huì)形成我們品牌特性的核心，并且是我們所有品牌決策的起源。

我們創(chuàng)造的列表是一個(gè)很有幫助的開(kāi)端，但是離我們需要記住的還很遠(yuǎn)。通過(guò)整個(gè)公司同事的輸出，我們深入地提取了3個(gè)更精簡(jiǎn)的核心價(jià)值。

    進(jìn)步的

    在Monese我們總能看到未來(lái)——保持領(lǐng)先一步，使用新技術(shù)來(lái)幫助我們客戶。

    有人情味的

    我們看到了人性化的價(jià)值，無(wú)論是獨(dú)自的還是團(tuán)隊(duì)的。我們不會(huì)對(duì)我們的用戶動(dòng)輒評(píng)頭論足，這也讓我們和其他的傳統(tǒng)銀行有所不同。

    可靠的

    我們?yōu)槟�的金錢提供了一個(gè)安全場(chǎng)所，對(duì)客戶我們都是公開(kāi)透明的。我們始終保持親切的態(tài)度，時(shí)刻準(zhǔn)備回答您的任何問(wèn)題。

    過(guò)程

    面臨著有限的時(shí)間，我們快速執(zhí)行，開(kāi)始了概念設(shè)計(jì)。因?yàn)槲覀儎偝闪�，我們�?jīng)常需要花時(shí)間遠(yuǎn)離在app功能上和其他業(yè)務(wù)方面的事情。這段時(shí)間為了保證事情是可行的，我們要確保我們核心的專注力要放在品牌工作上，然后再花時(shí)間去做其他的事情。

    每次沖刺通常是4天左右。我們制定每日目標(biāo)保持注意力和專注，檢驗(yàn)我們的價(jià)值并為更遠(yuǎn)的發(fā)展探索思路。我們?cè)诿看蔚臎_刺結(jié)束都會(huì)開(kāi)會(huì)回顧；最初不是為了做任何大的決策，只是能分享我們各自的想法，看看每個(gè)人的思維過(guò)程。

    設(shè)計(jì)我們的標(biāo)志

    在Monese，通過(guò)提供很容易加入、操作簡(jiǎn)單、安全的銀行服務(wù)，我們幫助客戶讓他們的生活變得更加自由。我們想設(shè)計(jì)一個(gè)標(biāo)志，一方面能表達(dá)我們的服務(wù)理念，也能傳達(dá)我們的價(jià)值觀——進(jìn)步、有人情味和值得信賴。我們開(kāi)始了草圖...

    做了好些不同的方案后，我們最終做了決定，開(kāi)始起草我們比較傾向的方案。為了確保最終的logo能創(chuàng)達(dá)我們品牌價(jià)值的每個(gè)特征，我們做了很多次迭代。

    我們決定采用一種流動(dòng)互聯(lián)線條的組合來(lái)構(gòu)成我們獨(dú)特的識(shí)別標(biāo)志，以反映我們想要表達(dá)的——安全、活力和值得信賴。為了給標(biāo)志增加一種舒服的觸感，我們添加了圓角，讓它看起來(lái)更加有人情味，更加流暢。

    文字排版

    在設(shè)計(jì)標(biāo)識(shí)的同時(shí)，我們也在研究字體。我們當(dāng)前字體主要的問(wèn)題是感覺(jué)太過(guò)奇特，但是并不能代表你對(duì)自己的收入充滿信任。盡管它設(shè)計(jì)得很好，圓潤(rùn)的無(wú)襯線字體能表示我們?cè)缙诘牡臓顟B(tài)，但是它缺乏成熟感——一種我們新聲音需要體現(xiàn)的品質(zhì)感。

    我們決定基于“FF Mark”字體設(shè)計(jì)，最近的設(shè)計(jì)是在2013年，我們基于當(dāng)時(shí)一些最成功的無(wú)襯線字體設(shè)計(jì)了這個(gè)構(gòu)型，但在潮流設(shè)計(jì)中感覺(jué)是現(xiàn)代的、居家的。

    每個(gè)字母都很仔細(xì)地被繪制，賦予了一個(gè)有力、簡(jiǎn)單和粗壯的邊緣，它的曲線構(gòu)型又給人一種安心而友好的感覺(jué)。這有助于在新的Monese logo標(biāo)志上用圓的形式。

    很大一部分我們的受眾，他們的母語(yǔ)并不是英語(yǔ)，這意味著可讀性對(duì)我們的決策是很關(guān)鍵的。Mark的大號(hào)x-height讓用戶界面元素在很小的字號(hào)下都可以看得清晰，它的多個(gè)字重在很多不同平臺(tái)上都可以靈活使用。

    總之，我們認(rèn)為Mark是最適合的字體，因?yàn)樗�提升了我們品牌要表達(dá)的價(jià)值——一個(gè)強(qiáng)大和值得信賴的品牌。

    色彩模式

    我們希望我們的色彩看起來(lái)是新鮮充滿活力的，同時(shí)也能使用這些色彩向母語(yǔ)非英語(yǔ)的人清晰地傳達(dá)我們的銀行服務(wù)元素。所以我們的設(shè)計(jì)方案必須是兼具美學(xué)和功能性的。我們查閱了很多需要通過(guò)app傳達(dá)給用戶的信息狀態(tài)，選擇了一個(gè)靈活的顏色方案來(lái)幫助提高可用性。

    定義簽名交互

    因?yàn)槲覀兪菙?shù)位產(chǎn)品，我們相信一套有力的品牌系統(tǒng)比起作為一個(gè)識(shí)別標(biāo)志要承擔(dān)得更多，也應(yīng)該決定產(chǎn)品的行為。作為一個(gè)銀行服務(wù)，我們的用戶和產(chǎn)品進(jìn)行的一個(gè)最重要的交互就是支付能力。我們決定專注在這個(gè)交互操作上，使它成為我們品牌的核心特征。

    我們看了很多的處理方法，看了他們是如何使用交互運(yùn)作的。

    研究了這些動(dòng)畫(huà)之后，我們開(kāi)始使用javas cript生成原型，完成了一些測(cè)試，動(dòng)畫(huà)不干擾行為本身這是很重要的。

支付交互的原型和測(cè)試

    讓交互行為保持簡(jiǎn)單是關(guān)鍵，保證它的可用性，避免形式大于內(nèi)容。我們引入了流動(dòng)的牽引式線條力學(xué)，這個(gè)允許用戶向下滑動(dòng)就進(jìn)行支付。這個(gè)有彈性的流動(dòng)動(dòng)畫(huà)的插入給界面注入了更多的個(gè)性和一種愉快的感覺(jué)。

    開(kāi)發(fā)整個(gè)系統(tǒng)

    往更長(zhǎng)遠(yuǎn)看，我們探索了如何讓支付線可以擴(kuò)展為一個(gè)整體的視覺(jué)系統(tǒng)。我們設(shè)計(jì)了圖形紋理，通過(guò)形成一個(gè)動(dòng)態(tài)的大的互聯(lián)網(wǎng)軌跡線去討論多種支付方式。把網(wǎng)絡(luò)進(jìn)行裁剪創(chuàng)造一系列的印象，從克制到準(zhǔn)確，到充滿活力和富有表現(xiàn)力。

    我們從舊的銀行卡上收集到的用戶反饋顯示，有些客戶認(rèn)為之前的卡不像是一個(gè)合法的產(chǎn)品�；�于這個(gè)反饋，我們決定設(shè)計(jì)一個(gè)更加有吸引力的深色卡，上面會(huì)顯示網(wǎng)絡(luò)軌跡線�；ヂ�(lián)模式傳達(dá)了通過(guò)Monese平臺(tái)不斷改進(jìn)的支付方式。

我們新的借記卡包裝設(shè)計(jì)

    因?yàn)镸onese是一個(gè)主要針對(duì)流動(dòng)人群的產(chǎn)品，我們認(rèn)為更適合給我們的身份一種真正意義上的動(dòng)感。我們想這個(gè)系統(tǒng)是動(dòng)態(tài)的，仿佛是展示了運(yùn)動(dòng)軌跡的快照。通過(guò)這種方法，我們才能真正傳達(dá)我們不斷進(jìn)取的價(jià)值。

    這個(gè)令人印象深刻的圖形給人一種流動(dòng)的、充滿人情味的感覺(jué)，在標(biāo)志和app界面元素上都是一致的。

    重新設(shè)計(jì)app

    隨著這個(gè)品牌的更新，我們重新設(shè)計(jì)了安卓和iOS客戶端。我們想讓界面變得明快而新穎，很容易瀏覽。和UX團(tuán)隊(duì)合作，我們仔細(xì)考慮了每個(gè)元素，為了確保每個(gè)決策對(duì)用戶都有一個(gè)清晰的目標(biāo)。

    通過(guò)使用矢量圖形，我們給用戶帶來(lái)了讓他們驚喜的元素，也通過(guò)logo類似的線條樣式引入了一些交互圖形，所有被重新設(shè)計(jì)的圖標(biāo)都有了一個(gè)更加友好更圓潤(rùn)的形式，我們引入了一個(gè)時(shí)間軸的樣式來(lái)展示主屏幕切換。

我們新設(shè)計(jì)的界面

    插圖和角色

    我們引入了一個(gè)新的插圖風(fēng)格，以及一系列的角色來(lái)幫助探索app部分，這也增添了app的趣味性。這些角色能幫助打消用戶的疑慮，關(guān)于我們作為一個(gè)公司是如何被接近的，我們時(shí)刻在這為用戶提供援助之手。

    例子，當(dāng)給一個(gè)有Monese的賬號(hào)的用戶注冊(cè)時(shí)，不得不等他們的ID文件被審核。我們引入了一個(gè)掃描儀在讀他們文件的動(dòng)畫(huà)。短時(shí)間后，一個(gè)角色跳進(jìn)掃描儀，帶著一個(gè)眼睛出現(xiàn)了。我們希望這個(gè)能給在等待中的用戶一個(gè)小小的回饋，可能會(huì)讓他們更想等動(dòng)畫(huà)循環(huán)去看到這個(gè)角色。

    總結(jié)

    回頭看我們修改視覺(jué)識(shí)別形象的初衷——先前我們覺(jué)得老的Monese品牌太過(guò)于簡(jiǎn)單，缺乏信任感。不僅僅是因?yàn)橐粋�(gè)過(guò)于柔軟的logo和多變圖形、混合的插圖不匹配，說(shuō)到底也是因?yàn)樗�不夠�?dú)特，，不能準(zhǔn)確表達(dá)我們自己。

    因?yàn)槲覀円呀?jīng)解決了所有這些問(wèn)題——從一個(gè)更有力更值得信賴的logo到友好的顏色模式——我們對(duì)新的標(biāo)識(shí)充滿信心，這將會(huì)為Monese長(zhǎng)遠(yuǎn)保持增長(zhǎng)打下基礎(chǔ)。它已經(jīng)在我們公司所有團(tuán)隊(duì)被熱情接受。我們希望我們的客戶也會(huì)歡迎這樣的改變。