设计一个统一Firefox产品家族的主品牌
Firefox浏览器是Mozilla的旗舰产品,受到全球数百万用户的信赖。需要创建一个Firefox主品牌,将Firefox浏览器与现有和新推出的多个产品统一在一个品牌下,主要目标是将Firefox浏览器用户已经建立的信任感扩展到整个Firefox品牌家族。
企业视觉识别系统帮助解决业务挑战
品牌的成功,正如Firefox一样,往往从一个出色的产品开始。为了增长、快速推出新产品并扩展品牌家族,统一的企业视觉识别系统至关重要。这样的系统能够解决以下关键业务挑战:
在不确定性中扩展Firefox的品牌结构
当我们开始这个项目时,Firefox团队还不完全确定如何扩展他们的品牌结构,也不知道要包含多少产品。他们提议我们从主品牌的企业VIS系统概念入手,探索三个研究方向:Fox(狐狸)、Fire(火)、和Free(自由)。Firefox设计师Sean Martell探索了Fox方向,而Jon Hicks则专注于Fire。
我们团队负责探索Free概念,并没有严格的指导方针。尽管这给了我们极大的自由度,但缺乏参考标准让任务变得具有挑战性。没有人确切知道未来产品的完整清单、层次结构,或扩展性需求。为了解决这些问题,我们采用了我们的“设计漏斗”方法,以确保产品形象的一致性,并建立一个可扩展的品牌结构。
品牌标识重塑的挑战
Firefox浏览器VIS视觉识别中重塑品牌标识非常困难,特别是当用户已经熟悉现有的标志或视觉风格时。我们的经验表明,客户需要至少两个月的时间来适应新标识,而且品牌历史越悠久,这个过程就越长,因为品牌标识已经深深嵌入到产品、服务和用户的思维中。
一些设计机构没有意识到这一点。他们可能会仓促进行品牌重塑,忽略了正确的问题或充分的研究,最终提出的解决方案无法引起客户共鸣。这可能导致误解,客户由于缺乏参与或时间来适应新标识,可能会觉得新身份是陌生的或不相关的。
Firefox VIS视觉识别采用的设计漏斗方法则预见并解决了这个问题,通过早期让客户参与进来,使他们在整个过程中做出一系列较小的简单决策,而不是在最后做一个难以抉择的大决定。
设计漏斗方法简化了客户决策
开发了设计漏斗方法,从简单的基础视觉开始,得到各方的认可后,再逐步解决复杂的任务。这种方法早期让客户参与进来,使他们能够在过程中做出多个小决策,而不是在最后做一个大决策。
在项目开始时,设计团队研究了数十个低保真草图,以探索哪些概念最符合品牌战略。我们为每个决策提供了理由,推荐了进一步探索的领域,同时放弃了那些看似没有前景的方向。
早期解决品牌识别问题
这种迭代的过程有助于在早期识别潜在问题。例如,在为Firefox家族中的一款保护用户数据的产品设计时,我们测试了用户对某些图像和隐喻的理解。Firefox团队也进行了类似的测试。我们发现用户将张开的手掌与宗教主题联系起来,而将眼睛与监视联系在一起。这些含义与产品的目标不符,因此我们停止了这些方向的开发。
合作创建品牌语言
当客户理解每次设计迭代背后的逻辑,并在过程中给予反馈时,他们会更加安心。虽然客户的反馈至关重要,但作为VIS视觉识别专家,我们也会分享行业经验和趋势,以帮助客户理解视觉选择。参与企业VIS视觉识别系统设计过程的团队通常会更支持最终的结果。这也促使他们在未来的产品中更有意识地维护新标识的统一性。
Firefox的设计系统
Firefox的企业VIS视觉识别系统建立在原子组件基础上——简单的几何形状构成了其视觉语言的核心。这些元素被应用于子产品中,如浏览器扩展程序,规定了其大小、形状和性质。制定了详细的指导方针,使Firefox团队能够独立创建和管理子产品的品牌标识,同时遵循核心原则。该系统的首次应用是“Firefox fights for you”宣传活动,结合了品牌图形和视觉资产。