ProtoPie 新闻

8

阅读时间

打造 ProtoPie 的全新品牌

我们如何踏上一段变革之旅,重新定义我们是谁以及我们渴望成为什么。

帕特里夏·弗朗西斯科维奇, 客户成功经理

我与 ProtoPie 的品牌设计师 Rina Park 共同撰写了这篇文章。我们想一起向你讲述我们的故事——一段关于我们如何重新定义“我们是谁”以及“我们希望成为什么”的充满变化与乐趣的旅程。

如果你还没听说过我们, ProtoPie 是一款高级原型设计工具,不仅能让用户在无需任何编码技能的情况下创建高度逼真的原型,还能在任何设备上轻松分享和测试。

自 2016 年我们做出第一个“Pie”以来,我们的产品和团队都实现了指数级增长。期间虽有起伏,但我们作为一个团队努力克服挑战,不断打磨工具性能,为用户提供尽可能最佳的产品体验。

而这一切都得到了回报!如今,ProtoPie 正在帮助全球各地的设计团队——从 Google 到 Microsoft——简化他们日常的原型工作流程,同时取得出色成果。我们最近发布了期待已久的 4.0 版本,收到了老用户和新用户的热烈反馈。

当我们开始推进 ProtoPie 4.0 时,我们意识到自己遇到了一个问题:我们的品牌形象已经不再匹配我们的目标与精神。

于是,我们开启了一段为期 6 个月、深入探索品牌核心身份与价值观的高强度旅程。

为什么 ProtoPie 对用户很重要?

ProtoPie 于 2016 年发布,回应了一个简单需求:在无需编码技能的前提下,快速创建高度逼真的原型。


ProtoPie logo before and after


前后对比

易用性、速度、高保真。

这些过去是(现在仍然是)用户在同类工具中选择我们的关键因素。对大多数用户而言,ProtoPie 不仅仅是一个好用的工具,更是真正节省时间和成本的利器。它是一个可靠的问题解决者,让他们能够快速制作原型而不牺牲质量。

我们希望打造一种品牌形象,以更有结构、更有力量的方式体现这些独特特质。

我们的品牌识别缺了什么?

让复杂交互原型设计像派一样简单。 这一直是我们的品牌信条和标语。

这也是我们品牌名称的由来,即“prototyping”和“as easy as pie”的缩合。

顺理成章地,我们从第一天起采用的 logo 就是一块派。准确地说,是从上方俯视的格纹派皮。


ProtoPie pie size limitations


尺寸限制

它当然显得亲切而温暖。但它也有明显局限,我们必须与之割舍。

首先,它细节过多。缩小后,交叉纹理几乎会糊在一起,导致难以识别。

其次,它并不完全符合我们核心产品属性。它的外观让人更容易联想到精致烘焙店,而不是强大且易用的软件,这不止一次误导了新用户。

寻找我们的路线图

我们已经识别出问题。下一步,我们需要一个行动计划。

在仔细评估所有选项后,我们决定将重塑品牌的方向聚焦为两条:

  • 演进** **- 一种简化过程,即从多个角度审视设计,让 logo 变得更简洁。

  • 创新 - 一种重塑品牌联想的过程,目的是改变用户对产品的感知。


rebranding approaches


2 种品牌重塑方法

重塑我们的 logo:哪些变了,哪些没变。

并非全是坏事。我们的 logo 虽有局限,但也有一些值得保留的优势。

首先是“派”的符号。不管我们如何看待它,派的设计在每个人心中都与 ProtoPie 强关联。它是一个强大且极具情感的符号,会唤起温暖、舒适的童年记忆。我们不能直接丢掉它。

因此,我们决定将品牌重塑重点放在:在保留原有派形设计的同时,为 ProtoPie 的核心产品特性——一款 强大、快速且易用 的原型设计软件——建立新的、有意义的联想。力量与温度,这两个维度在 ProtoPie 中并存。


sketching ProtoPie new logo


新 logo 草图

焕新的派形 logo。

通过组合下方这 3 个单元,我们为这块甜甜的派完成了彻底改造。


building concept of ProtoPie logo


组合这 3 个单元

不再是扁平而繁复的图案。取而代之的是,我们设计了一个几何化的三层派切片。由于原型设计既是视觉工作,也是逻辑工作,我们希望新 logo 反映这种二元性:既富有想象力,也结构清晰。

一个平衡良好的 logo 需要清晰、组织有序的网格系统。我们使用了 1:1 的方形网格,并按 1.618 黄金比例进行垂直划分。在其中,我们堆叠了三个 50° 倾角且半径恒定的三角形。


ProtoPie with a bolder look


更大胆的外观。

最终,我们有了一个契合 ProtoPie 独特特性与精神的 logo。现在,是时候放大视野,定义一套一致的品牌规范了。

构建品牌系统

我们知道,品牌建设不只是做一个好看的 logo。它关乎为用户创造有意义的体验,并体现你的核心价值与愿景。若说 logo 是一句优美的话,那么品牌就是由此展开的丰富对话,连接并激励所有参与者。

我们需要确保品牌在每个触点都能增强用户体验,并且无论出现在哪里都具有可识别性。


iphone home screen

字体、色彩和构图,是访客在探索产品或再次购买旅程中最先接触到的视觉触点。我们之前的品牌字体偏轻偏细,色彩对比也柔和:浅灰底上的白色线性文字。我们将其替换为 ticker 字体,并把背景色主题从浅色改为深色。字体更大胆的对比和字重,强化了 ProtoPie 作为可靠、强大工具的感知——这正是旧版字体未能传达的。

我们还需要一致的色彩系统。ProtoPie 的色板曾经相当混乱:Studio、Cloud 和 Player 虽同属一个产品系统,却使用了不同色阶。我们迫切需要清晰的规范。

珊瑚粉依然是我们的主品牌色。我们只是让它更鲜活、更饱和。对于网站和 UI 中较小的细节,我们还需要一些辅助色。我们选择了鲜明的靛蓝色,并搭配少量粉色、橙色和紫色用于最小元素。这样一组鲜活、充满能量的配色——正是快速、动态原型工具的理想色板。


ProtoPie brand system


全新的 ProtoPie 品牌

全新的 ProtoPie 品牌自信、大胆且充满活力。它面向那些时刻准备迎接新挑战、持续成长、并保持积极思考的人。这正是我们希望注入新品牌的精神。总体而言,我们对结果感到满意,也珍视这段旅程带给我们的启发。

今天,我们可以带着信心与乐观展望 ProtoPie 的未来。旅程至今虽紧张而充实,但我们相信,最好的还在后面。