这个找餐馆和酒吧的 app 总部在奥斯汀。推荐来自本地顾客拍的短视频;用户绑定银行卡,在合作的店里消费就能拿到返现,自己的推荐带来别人到店,也有奖励。对餐馆来说,它是一种按效果付费的推广:内容真的带来了一次到店、一笔消费,才需要付钱。

这次的新形象由 Koto 设计,目标是把 Franki 从一个「发现工具」变成一个以社群为主的平台,品牌和 Franki Social Club 一起推出。

一只「知道门路」的眼睛

符号是一只眼睛,说的是「圈内人知道」的那种感觉。这只眼睛画得一点也不正经:轮廓像两片叶子夹着一颗瞳孔,有点像眨眼,也有点像一张笑脸,放大是角色,缩小到 app 图标里仍然认得出。动起来以后,它长出手脚,戴上帽子,成了几个性格不同的小人。Koto 给品牌定的语气是「弄臣」,爱开玩笑、不太正经,这只眼睛把这个性格演出来了。

字标是定制的圆角字形,品牌字体用 Dinamo 的 Diatype Rounded,笔画粗、转角圆,配黄黑两色,远远就能看见。网站正文换成 Optimo 的 Basel Grotesk,长段文字更安静。

黄色底上并排四个黑色的眼睛符号,形状略有不同。
02符号的几种变化。
Design Koto · Koto
眼睛符号长出四肢,变成几个角色
Koto

黄、黑、晚上八点半

Koto 的核心想法叫「Make Time Dance」,让时间跳起来,夜里的某个钟点直接当海报的大标题。主色是很亮的黄,配黑和金,再用浅黄、白、米白和炭灰做底。黄色在城市的夜里很显眼,带着一点不正经的热闹,配上那只眼睛符号,整套东西像一个不肯睡的夜猫子。

文案是这套系统里最有个性的部分。「找个下班喝一杯的地方,结果变成一生最好的一夜、职业生涯最糟的一个早上」,「IWKYK」,都像朋友之间的玩笑。这句话说准了这个 app 真正卖的东西:找到一家好店之后,可以讲给别人听的那个晚上。

黄色页面上左侧大字写着找个下班喝一杯的地方,结果一夜狂欢第二天上班最糟;右侧一张三个朋友凑在一起大笑的照片,下面写着 Franki knows a place。
03广告的语气。
Design Koto · Koto
黄色底上巨大的黑色字母 IWKYK,右下角一行小字「如果你知道,你就知道」。
04IWKYK:if we know, you know。
Design Koto · Koto

让真人和真店站在中间

app 是以视频为先的:一屏一条本地人拍的短片,店名和返现比例压在画面下方,点进去就是商户卡片。这里的画面以真实的人和真实的店为主,品牌的颜色和字体用得很少。整个改版里,这一处下的功夫最多。推荐 app 很容易做成一墙评分和标签,Franki 让人直接看场景:这杯咖啡长什么样,这家店里的人在干什么。

返现和按效果付费是它的商业模式,设计没有把这件事藏起来,返现比例就写在每一张卡片上,清楚直接。社群那一面是 Social Club:欢迎页会叫出你的名字,徽章上绕着一圈「Oversharing since 2021」,像一张会员卡。

米白页面上大字写着欢迎来到不那么秘密的俱乐部,Katie,右侧一个金色圆形徽章,绕着一圈 Oversharing since 2021。
05Franki Social Club 的欢迎页。
Design Koto · Koto
app 里的视频推荐、商户卡片和返现
Koto

摄影:像朋友随手拍的饭局

照片都是近距离、带闪光的饭局现场,没有摆好的菜品大片,看起来像朋友随手拍的。这和 app 里用户自己拍的视频是同一种质感,品牌的广告和用户的内容放在一起不会打架。

昏暗餐厅里一台平板,屏幕上是黄色网页「Experiences are best shared」,四周摆着朋友聚餐和菜品的照片。
06网站。
Design Koto · Koto
摄影与标语:Wine. Dine. Lose track of time.
Koto

黄色在广告和网站上很有力,进了 app 却只留在按钮和标签上,让视频占满屏幕。一个要长时间刷的界面,品牌色就该这样让开。整体上,Franki 的形象做到了它想做的:让一个返现工具读起来像一群懂吃懂喝的朋友,而且这只眼睛足够简单,能一直用下去。

项目信息

委托方:Franki。设计:Koto。字体:Diatype Rounded(Dinamo)、Basel Grotesk(Optimo)。

设计方
Koto
委托方
Franki
颜色
黄
风格
玩趣
项目性质
品牌重塑