赞助商
立即赞助

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

品牌设计3年前 (2021)发布 流光
3K 0 0

饿了么蓝骑士作为本地生活要支撑,为我们天餐带来便利。我们能否过打造个虚拟蓝骑士形象,在各类传播触近与他们距离,从而辅助提升平台运能力?

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

项目背景

面对几百万的饿了么骑士军,我们每天都对他们行「运营」「维护」。与运维一台服务器不同的,这些身穿蓝色制服、顶风吹日晒、每天挥汗如雨穿梭街小的人们,他们血肉、感充沛,每分每秒都活奋斗。

面对他们,我们运营的,是来自平台的监督和关照;我们护的,是一段互取所得的组织协关系。种「运」的关键则在我们何有效的进行平台信息传达。

1. 早期尝试

我们曾在蜂鸟品牌升级程中有针对骑士形象简单的设计探索。但是探索所得到的产出,一来无法代表外卖蓝骑士的正画像,二来无法有效传递运营平台方对骑士群的运营诉求。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

2. 业务诉求

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

从的视角出发,业需要有一个统一生动的虚拟骑士形象,来代表的神;从触达的角度,需要一个能够让骑群体易于受的虚拟形象,不能假大空洞、或者高高在上不地气,进而导致骑士群体对的不任和隔阂;

再考虑到传达的渠道,我们此从未对出虚拟媒介中的骑士形象过义标准,对各方打出统一的品牌智,也不利于各端展示之间保持一致性。

设计目标

根据述的业务诉求,我们也下了本次项目的目标:打造一虚拟形象,使其1.0版本的蓝骑士虚拟使,用于蜂鸟流骑手端乃至商户端的各运营传播场景。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

设计价值

项目之初,首先确的一点是:这个项目并非旨在造一个独立崭新的IP形象。要做塑造的,是能够代表一类人群神面貌的人格化形象。

  • 牌IP形象:是一个符号,作为牌的身,抽象牌值,融合了牌受众的共识和想象
  • 人格化形象:是一名虚拟的角色,既体现着一类人群的共有属性,凝聚了对该群体的价值导向

为了设计好这个虚拟的角色形象,我们查阅了于角色设计的诸多方法。中,有着21年画经验的前迪士尼总监Aaron Blaise 总结的迪士尼角色设计方法,我们看到了一条可行的路径。

在 Aaron Blaise 总结的方法中,可以将计一个动画角色的步骤为以下7步:

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

将这个步骤稍加修改,映射为了一个适用于本次项目的一个工作流:

  • 调研与解蓝骑士群体概况(调研目标对象,解剖对象形体)
  • 发掘骑士故事、塑造虚拟形象人(洞察故事情节)
  • 梳理使用场景(了解全局世界)
  • 方向探索与草图绘(开始试验草图)
  • 打磨形象造型(表情、三视图与关键帧)
  • 1.0版阶使(角色起来)

1. 研与读蓝骑士群

通一手的统计数据,我们到目前饿么蓝骑士群呈现出下特征:

  • 男性骑士占90%,绝对的男性主导
  • 平均年龄30岁,25~35岁占50%
  • 学历不高,60%骑士为初高毕业
  • 手多,超过50%的骑士跑单足半年

除了这些大体上数据,我们过用研团队针骑士心智调研报告了解到了骑士们在配送生涯或正、或消极、或骄傲或失落心里想法。这些心理做出理,可以看到骑手们共享着个强有力精神内核:屈而不服。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

2. 塑造角人设

蓝骑士群的面貌、读他们的心智,仅有还不够。人化的虚拟形象不仅仅是简单概括他们,还现出平台方对他们的某种期待。角应该融我们希望他们所具备的精神品质。

为此,我们查阅了过往五年,所有来自于平台报和表彰过骑士故事,将其归类结

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

另,我们与骑手运学共进了数探讨后,了解到了运蓝骑士期许。综合所有考虑,我们决定采用「蜂小哥」这称谓,来作为我们蓝骑士虚拟大使正名称。时我们也为其三观做了定义。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

3. 梳理使用场

针对形象角的使用场,我们按照以下两个度进行梳理和归纳:

  • 蓝骑士的日常作流程维度
  • 运营场的分类度

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

这触点梳理,既有助于理解骑士的日常行为,让能够做出符骑预期的方案,也有助于后续方案产出中对动作姿的表现进行规范和约束。

4. 草图方案产出过程

经过前期的析和论证,在产出阶段,遵循了发散-收敛-再发散-再收敛的双菱形计方法,进行了轮比较大的方案发散。

初的一些方案发散以手绘的形式,主行一些人角色方向的探索。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

5. 磨形象造型

找一些觉后,进行了第二轮的方案。这一次,为了让蜂哥的形象中融入先前所总结提炼的蓝骑士神,进一步对长相进行了细节上的较多磨。制定了下面的项人物征要求,以便约束在绘制过程中的创作边界:

  • 蜂小哥必须是一个普通人,长相应该特殊、明星华、脸谱
  • 蜂哥的长相,需要符骑士群体的均概况
  • 面孔中需能够体拼搏、奋斗、诚信平台所希望传达的品质

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

通过N多次的细节打磨后,一个看上乐观积极、充满干劲的蜂小哥形象,立在了我们的面前。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

蜂小美色形象

期在与业务探讨案时,我们发现了其另个会:在很多关怀、宣导、普、教育场景,骑士小哥们于女性色接纳程度常高。事实上,在蜂鸟骑士经常关注公众号,编辑昵称是蜂小美。此,业务时希望能够针这色打造个虚拟形象。

因此,我们在创作蜂小哥这一骑士形象的同时,为「蜂小美」这个早就被骑士们熟知的角色创作了同名形象。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

由于蜂小美角色的功性,我们并没有全蜂小哥的创作方法。相对于核的发掘,我们着重对外观了进行较多的塑和把控,目的是为了得到一个骑士小哥们闻乐见的充满和温暖的小妹形象。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

形象落地应用

接下来,在骑士运营的各类场下,我们便开始运用「蜂小哥」与「蜂小美」的标准形象去承担一传播意义上的视主,提高运营传播程中的表现力。

1. 骑士运营场落地

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

2. B端插画应

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

在蜂鸟运力零售端,我们将骑士形象按照标准进了简化,使更加符合「品插画」风格需要,用在了图示、辅助说明等场景。

3. 表情

我们在钉钉和微信各上架了套表情,主要骑士群体,以丰富他们日常活动。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

作为个主要骑士群体制作形象,除了搞笑夸这些常见表情,表情自然也少不了与骑士日常有关内容。

4. 3D统形象探索

针蜂小哥造型,进了3D上创作,力求2D和3D上统。

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

5. 形象规范与素材集合

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

后记

半年多的间,在骑士虚拟形象1.0的探索中,融入业方的传播诉求、计协作中的多点考虑,通过引入迪士尼的动画角色计方法,最终得了蜂哥、蜂妹的第一代版本,将其运用在了骑士端的各类运营景中,辅助提升的传播触达能力。

欢迎关注作者的微信公众:「AlibabaDesign

实战案例!饿了么蓝骑士 IP 视觉设计流程大揭秘!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

2018年8月,Burberry 发布了新的 Logo 形象,一款无衬线大写字体 Logo,并且去掉了原来经典的骑士形象。因其颠覆性的形象改变...
信息至上
导读 品牌体系的长期价值是什么?如何构建完整品牌体系? 本文将以网易智企品牌设计体系的建立过程为案例,与大家分享一下品...
品牌体系
一、概览 品牌讲述产品的故事,并建立产品和用户之间的关系。设计师的部分职能是翻译、桥梁、联结者的作用,因而对于业务的梳...
丁香医生
随着移动互联网存量时代的来临,用户的留存与激励也变得越来越重要,到如今各大平台都掀起了一股游戏化设计浪潮。其实早在201...
AlibabaDesign
为了和大家分享关于设计趋势的见解,ISUX 研究了 2019 年至 2020 年的设计趋势。没有必要去遵循年度设计趋势报告,但是否意识...
品牌设计
互联网行业走到今天,早已从增量时代转为存量时代,人口、流量、资本的红利都逐渐收紧。在存量时代,影响用户选择产品的很重...
ui设计
一年一度,天猫双十一全球狂欢节,如约而至! 从2015年开始,我们每年都会在双十一期间,将双十一品牌设计的完整思路分享给...
AlibabaDesign
58UXD:我们认为,视觉设计在产品中主要起以下作用,视觉可用性、信息设计、品牌输出等。 借空状态改版,我们尝试落实视觉设...
品牌设计