Shop购物，跟踪包裹应用程序，VI设计，LOGO设计

今天的客座作家

瓦勒克是一只小鸟。

我们今天讨论的品牌在一个更大的母平台上以一种难以简洁概括的方式慢慢地从次要功能的漩涡中浮现出来，所以请耐心等待，因为我试图引导你（和我自己）经历所有导致我们走到现在的各种进化步骤。

Shopify公司由Tobias Lütke和Scott Lake于2006年在加拿大安大略省渥太华成立。Shopify最初依赖第三方支付系统，2013年与Stripe合作，推出Shopify Payments，将其支付处理引入内部。几年后的2017年，Shopify Payments增加了一项名为Shopify Pay的新功能，允许用户将发货和支付数据存储在应用程序中，以更快地购物。此举还引入了该公司最知名的接触点，紫色的一键结账按钮。除了这一功能，还创建了一个名为Arrive的新移动应用程序，让客户跟踪他们购买的Shopify的发货状态。

2020年，Shopify Pay被重新命名为Shop Pay，Arrive应用程序被更名为Shop，将购买和订单跟踪功能置于一个应用程序的保护伞下。2023年9月，总部位于纽约布鲁克林的Porto Rocha对该应用程序及其在网上购物领域的支持元素生态系统进行了更名。

Shop拥有超过2000万的月活跃用户，在购物和跟踪包裹方面，它是许多人的首选应用程序。无论是在你最喜欢的商店用Shop Pay快速结账，还是包裹终于到达的通知，或者你的小企业与忠实客户建立的关系，Shop都能让商家和买家的商业变得更好。但尽管该应用程序很受欢迎，Shop仍面临着认知挑战。人们仍然认为这个品牌只是“紫色按钮”或包裹跟踪器，而不是一个令人愉快的购物目的地。2021年，Shop团队邀请我们发展他们的视觉身份，以反映他们品牌和产品的转变：从功能至上到社区驱动，从交易到抱负。为了维护Shop的核心权益——他们的标志和Shop Purple——我们用一个更广泛的工具包将已经在工作的东西系统化，以建立他们的品牌世界。

Porto Rocha项目页面。

–> New Logo and Identity for Shop by Porto Rocha

2020年推出的身份在当时是一种趋势，在某种程度上它仍然完全可用。粗糙的渐变、单宽线条、抽象的几何图形，以及充满活力的绿色和紫色调色板，如果它今天发布到Brand New上，将横扫Fine投票。有一件事让我很恼火，那就是涂鸦插图。他们有一种虚假的快乐气氛，我已经习惯了看到我n过于友好的营销电子邮件，导致了一个略显险恶的交付。这是一种真正的“你好吗，其他消费者？”的氛围，试图温和地促使我对从网上商店购买别针或笔记本感到更加兴奋，我很高兴看到这种特殊的元素消失了。

新的Shop标志是对旧标志的改进，将漩涡图标的线宽放大为“O”，以匹配其邻居。由于螺旋的方向，新旧标志都有点Shop/Shap混淆，但考虑到一个词比另一个词更常见，这是一个很难犯的错误。

两者都是对同一概念的完全有效的解释，但新的统一方法是一个更清晰的整体解读。在更大的布局中，这个标志经常在按钮上出现小而单一的颜色，很明显可以看出改进背后的原因。使初级紫色比前一代低几度有助于巩固这样一种印象，即这是一个更冷静、更仔细考虑的身份。

身份中的每一个类型都是Good type Foundry的Good Sans，一个平衡但平凡的新怪诞。我习惯于在美术馆和剧院品牌中看到这种排版方法，目的是消失在背景中，让发生的任何内容都能发光发热。它为更丰富多彩的内容提供了一张令人钦佩的白板，这是Shop战略的一个可喜变化，它必须与人们可能想在网上买卖的任何东西共存。

次要调色板大多是柔和的大地色调，偶尔会出现充满活力的色调。所有这些色调都与主调色板的亮蓝紫色形成了合理的对比，而且这个系统有足够的灵活性来强调任何摄影，而不会变得太宽详尽地涵盖了整个光谱，这不是一条容易的路线。

水果贴纸的潮流在2020年真正开始流行起来，就在之前的身份公布的时候。但直到现在，Shop才加入。我相信现在人们已经开始厌倦这种方法了，但这些年来，这些贴纸一直伴随着我，我真的很喜欢看到它们在这里的使用方式。这些形状——圆形、正方形、矩形、三角形、门票和标签——除了模糊的零售风格之外，似乎没有任何特定的灵感。但是，就像类型和颜色一样，这种模糊性对这个应用程序来说是有意义的，允许Shop元素对其中的产品起到支持作用。贴纸边缘有一点阴影，甚至文本上也有一个微妙的阴影，这使贴纸的质感略高。这是对完全数字化环境中物理细节的一种很好的认可。

这些产品本身并不太有趣，而且最终也不重要，因为店主们将用自己的商品取代这里的样品库存。我想用这个功能引起注意的是背景，它们出现在下面的营销材料中，分为两种模式之一。模式1是虚空，主体漂浮在中性色块背景上，与上面的次要调色板大致匹配。更令人兴奋的是模式2，Diorama。该产品位于一个由模糊的风景画组成的背景前，除了标志的构建和水果贴纸的放置之外，这是这个新商店品牌允许自己做出的第一点艺术决策。

虽然景观本身是人造的，但在一个建筑空间里看到这些商品是真实的。它们让人想起你可能在登山装备商店看到的彩绘橱窗展示或壁画。这是一个小小的触摸——从字面上讲背景细节——但在一个关于居住在背景中的身份中，这个元素真的打动了我，让Shop感觉更像一家商店。

即使在他们自己的社交媒体上，Shop品牌也退居商品之后。这与我们所看到的Good Sans一样富有表现力，它把自己吹得很大，但仍然不会压倒阴影和珠宝的英雄镜头。水果贴纸在这里有一些发光的机会，用于典型的覆盖，并填充整个相框，以强调行动的号召。无论是以应用程序图标、徽标还是“添加到袋子”按钮的形式出现，商店按钮的鲜艳紫色都能非常有效地吸引眼球。

该网站的视觉语言与应用程序和社交帖子完全相同，但增加了视差滚动效果，使产品拍摄更具深度。在上面视频的0:20标记处，水果贴纸在布局上弹出，赢得了100分，然后以与它们应该粘贴的页面不同的速度滑出页面，立即失去了100分。一切都平衡了。