最专业的代练平台开发!

资讯热点
在幕后!数字银行品牌升级的设计过程是完全秘密

发布时间:2020-7-25 分类: 行业动态

Monese是一家无网点银行业务,允许欧洲经济区的居民在2分钟内创建本地银行账户,即使客户不能立即提供地址信息或信用记录不良。我们创建了Monese,帮助9000万被排除在金融体系之外的人,因为欧洲银行很难识别并给予他们信用授权。

作为金融产品,获得用户的信任非常重要。因此,拥有统一且易于识别的标记是Monese成功的关键。

  为什么决定要重塑品牌

Android平台发布后,用户群迅速增长。显然,下一步是发布iOS版本,这是审查和改进我们形象的好时机。

在这一点上,我们已经拥有一套现成的品牌认知度。来自真实用户的第一手产品的反馈激发了我们的灵感。最后,我们觉得品牌需要更好地反映它们 - ——我们有用户需求。更深刻的理解。

我们发现了以下问题:

现有的标识不是典型的,独特的 - ——它看起来有点幼稚,弧线太平滑了。

我们使用的“Brandon”字体不够清晰,它被许多创业公司滥用,这意味着它对我们来说不是唯一的。

品牌元素混合了尖锐和圆润的形式,不均匀,缺乏协调。

红色的广泛使用提出了一个挑战,使得Monese应用程序中的错误状态难以显示。

△老Monese品牌元素

我们最初努力修补现有品牌。我们越深入,就越意识到它的许多缺点阻碍了我们。我们需要一套清晰的价值观和全新的品牌标识,以更好地传达我们的重要性。

作为精益团队,我们知道彻底的品牌重塑比想象的更难,但如果我们计划这样做,那就是时候了。我们的使命是将整个公司与一个共同的品牌故事统一起来,与客户建立更紧密的联系,为未来的发展奠定坚实的基础。

 品牌故事板

这项大规模的工作始于对Monese现有成就和未来发展方向的研究。我们的工作跨越伦敦,爱沙尼亚塔林的工作室,我们与每个公司成员联系,以收集他们自己对公司自身价值的描述。

我们与用户体验分析师和管理团队密切合作,将品牌故事板定义为起点。我们讨论了我们的银行服务如何帮助人们“升级”并陪伴他们的生活。然后进一步定义我们的价值我们非常重视这个环节,因为这些将形成我们的核心个性,并将成为所有后续行动的根源,我们所做的每一个品牌决策都可以追溯到源头。

我们创建的列表在开始时帮助了我们很多,但内容太难记住了。从公司成员的描述中,我们分解了三个更精致的核心价值观。

 进步

Monese一直关注未来——始终使用新技术帮助客户加快速度。

  人性

我们已经看到了人类和整体的价值。我们对客户没有任何偏见,这使我们与其他传统银行区别开来。

 信赖

我们为您的资金提供安全的住所,对我们的客户完全透明。我们很友好,随时准备回答问题。

 重塑过程

时间紧迫,我们迅速行动并开始概念的设计冲刺。因为我们是初创公司,所以我们经常需要从sprint中挤出时间来处理应用程序和业务的其他方面。因此,为了确保一切尽在掌握,我们必须确保核心关注的只是品牌工作一段时间,然后花几天时间来处理其他事情。

每个冲刺大约4天。我们设定每日目标,以确保每个人都专注于跟上节奏,测试我们的价值观和未来发展的灵感。在每次设计冲刺之后,我们将讨论审查;一开始,不要做出重大决定,更多地分享灵感,感受他人思考的过程。

  设计标志

Monese为客户提供易于申请和使用的安全银行服务,帮助他们在生活中自由行动。我们想要设计的标识应该反映这一点并表达我们的价值观 - —“进步,人性和信任”。所以我们开始草绘……

在探索了几条不同的道路之后,我们决定开始利用我们选择的项目。我们做了很多次迭代,以确保最终的标识传达每一个品牌价值。

我们的最终解决方案,结合相互连接的流畅线条,构成了一个反映我们性格的独特符号 - ——安全,活力和人性。为了增添柔软感,我们添加了倒角,使其感觉更光滑,更人性化。

 字体

在设计徽标的同时,我们也开始探索字体。主要问题是我们现有的字体感觉太怪异了——不能让你安心存储你的工资。虽然它经过精心设计,但在我们公司的早期阶段,带有轻微圆角的无衬线字体表现良好,但它还不够成熟——这就是我们的新图像需要执行的操作。

我们决定基于字体“ FF Mark”这种新字体诞生于2013年,采用了一些历史上最成功的无衬线字体,但在现代设计中感觉更现代,更自由。

每个雕文都经过精心绘制,赋予其坚韧,简洁,醒目的边框,但其曲线也带来一丝舒缓和亲和力,有助于与新的Monese标志融为一体。

我们的大多数客户都是非英语母语人士,这意味着轻松识别是最高先决条件。 Mark字体的x高度足以帮助在小型用户界面元素中清晰地表达它。多个单词使其足够灵活,可用于多个品牌媒体。

总的来说,我们认为Mark字体是正确的选择,因为它可以增强我们品牌的形象并增强信任度。

  配色方案

我们希望色彩匹配能让人感觉清新,充满活力,同时使用色彩清晰地表达非英语母语人士的银行服务元素,因此我们的选择必须兼具功能性和审美性。我们考虑应用程序中使用的各种状态,并选择灵活的配色方案来帮助我们提高可用性。

在主色调方案中,纯蓝色,绿色和黄色传达出清新的感觉,远远优于沉闷柔和的旧色。我们认为这更适合Monese的形象。我们早期的测试人员说:“它没有其他银行应用程序那么重。 ”的

定义标志性交互

因为它是一种数字产品,我们认为强大的品牌系统不仅应该是一种象征,还应该决定产品的性能。作为银行服务,用户使用产品中最重要的操作之一是付款。我们决定专注于此操作,并将其转变为品牌的核心功能。

我们尝试了各种治疗,以及实验如何体现在动画中。

在重新思考动画之后,我们开始使用JavaScript制作原型并进行一些用户测试。为确保它很重要,动画不会干扰操作本身。

△生产和测试支付业务

关键是保持动画简单,确保其可用性,并避免过度的功能。我们引入了一条流动的彩色线条,当用户向下滑动以扩展时,该线条完成付款。这种弹性的液体动画为界面增添了更多个性和乐趣。

发展出整套体系

此外,我们探讨了支付线如何扩展到一个密切相关的视觉系统。我们使用大量连接的彩条通过动态效果表达各种支付方式。线条的修剪形成了一系列情感表达,从标准到精确到精力充沛,富有表现力。

我们从旧信用卡收集的用户反馈表明,有些客户认为早期的卡不像合法的银行产品。根据这些反馈,我们决定设计一个更迷人的暗卡,上面有彩条连接。隔行扫描线纹理表达了Monese平台的顺利支付过程。

△新信用卡包装

由于Monese是主要针对流动人口的产品,我们认为为品牌添加一些运动元素是有益的。我们希望这个系统能够展现出动感的感觉,就像这个动画的效果一样。通过这种方式,我们可以真正表达持续改进的价值观。

这种富有表现力的形状感觉流畅且用户友好,在徽标和应用界面元素中保持一致的形式。

应用修订

我们还完全重新设计了Android和iOS应用程序的设计,并在同一时间重新命名。我们希望界面明亮,清新,易于操作。通过与用户体验团队合作,我们会仔细考虑每个元素,以确保每个决策都有明确的目标来为用户服务。

通过插图,我们介绍的元素可以让用户惊喜不已,并且还可以以靠近徽标的线条形式添加交互式图形。所有图标都经过重新绘制,更圆润,更贴心。我们还使用时间轴表单来显示主界面的执行状态。

△重新设计的界面

原文也插入了一个视频,请到这个链接观看:https://vimeo.com/175713529

  插画与角色

我们添加了一个新的插画家风格,以及一系列有助于表达应用程序各个部分的角色,增加了一些游戏。这些角色可以帮助用户消除他们的疑虑,并展示我们与一家随时准备伸出友好之手的公司的距离。

例如,在注册Monese帐户时,用户需要等待身份验证完成。我们添加了一个小动画,显示正在扫描文档的场景。在一段时间内,其中一个角色会站在扫描仪下方,并喷上一种颜色。我们希望这会给等待用户一点奖励,甚至让他们想等待动画循环,然后再读一遍。

  最终成果

回到修改视觉识别系统的初衷——之前我们觉得这个老Monese品牌太简陋,缺乏信任。不仅因为过于圆润的徽标与多边形纹理和插图不相称,它还会产生混合色调,并且它不够独特,不足以使我们与众不同。

我们已经确定了这些问题——从更强大,更值得信赖的标识到更贴心的色彩——我们对新的品牌形象充满信心,并相信它将为Monese的长期发展奠定基础。它得到了公司所有团队的热烈欢迎,我们现在希望客户欢迎这一系列的变化。

« 谈论UI设计中无尽的黑暗背景 | 江湖微商城商城系统成员功能紧密集成在线和离线 »