← 全部案例

[ / ] 正在为本项目寻找赞助方

CONSUMER / CULTURERESEARCH品牌

TAM-TAM

一个网页服务:每一场音乐会、脱口秀或街头表演都不会淹没在信息流里,而是出现在城市地图上——化作一个吸引观众前来的标记。

活动观众密度

[ 01 ]

背景

/ 02

104

分析过的公共活动类社群账号

/ 01

16

深度访谈

/ 03

9/10

HSE 评分

如果能做一个帮助艺人和观众找到彼此的网页服务,那就太好了

[ 去哪儿玩? ]

一个面向现场音乐与城市艺术的概念平台,让艺人和观众找到彼此。

独立完成完整的产品周期:从 8 小时的用户访谈到品牌识别。

[ 定位 ]

现有平台(社交网络、社群账号)是“面向所有人”的。

Tam-Tam 则是为艺人及其粉丝打造的小众产品,由社区驱动:活动之所以浮现,是因为社区在支持它们,而不是因为有人花钱推广。

[ 02 ]

这个服务究竟解决什么问题

→ 艺人的痛点

演出信息传达不到观众。

社交网络无法保证触达。有表演的动力,却不确定会不会有人来。

→ 粉丝的痛点

不知道晚上该做什么。

很难轻松找到本地的现场活动——新人艺人几乎没有地方报道。

[ 03 ]

受众

Tam-Tam 连接起同一个舞台的两端:一端是在城市里寻找现场之夜的人,另一端是登上舞台、希望被人发现的人。

[ 寻找的人——城市观众 ]

01

城市探索者

在找今晚去哪儿。希望城市自己告诉他,此刻哪里最有生气。

02

音乐粉丝

热爱现场。不想错过喜欢的艺人,也想发现新面孔——而不是看枯燥难懂的海报。

03

体验追寻者

想要一个事后值得讲述的夜晚。用真实的体验代替无尽的信息流。

04

路线漫步者

希望一次散步就能遇到不止一位艺人,而是五位——就在路上。

[ 登台的人——舞台创作者 ]

01

现场之声

对这位音乐人来说,录音总差点意思。想为人们演奏,让声音传到自己的关注者之外。

02

锋利之言

诗人、脱口秀演员、朗诵者。想要此时此地台下的真实反应,而不是帖子下的点赞。

03

律动之躯

舞者、行为艺术家、街头剧团。想要在路线上恰好撞见演出的观众。

04

游戏与形象

木偶艺人、沉浸式与街头戏剧。想把自己的活动织进城市鲜活的肌理。

订阅是活的,地图上一目了然

观众订阅的不是某位艺人,而是某类活动。这类创作者一出现在城市里,就会收到推送。于是注意力流向真正值得的人,而艺人主页像一项资产:展示他已经做过的一切,也是再次到场的理由。

[ 04 ]

调研

[ 调研对象 ]

理解现场演出双方的需求——以及两者之间的断层。艺人想要观众,于是去社交网络,但社交网络是“面向所有人”的:没有专为现场演出打造的环境。由此得出假设——把现场活动汇聚到一个地方。

9 位独立艺人——音乐人、脱口秀演员、诗人、行为艺术家。艺人受访者招募自莫斯科当代艺术学院,那里的现场演出非常丰富。另有 7 位观众:从忠实粉丝到只想换个方式度过夜晚的人。

[ 田野日记 ]

粉丝的声音

“晚上总不知道做什么——附近发生了什么,哪儿都没有好好汇总。”

→ 解决方案

附近现场活动地图 + “哪里最热闹”热力图——几秒钟就能安排好一个夜晚。

艺人的声音

“我想演出。可不确定会不会有人来——社交网络保证不了触达。”

→ 解决方案

演出实况地图 + 按艺人类型的地理推送——不必再和定向投放、信息流较劲。

观众的声音

“打赏——可以,如果现场打动了我。无缘无故、提前给——不会。”

→ 解决方案

现场扫码打赏,演出后温和推送:“喜欢吗?请艺人喝杯咖啡吧。”

/ 01

0:15

用户访谈录音片段:粉丝

/ 02

0:11

用户访谈录音片段:艺人

/ 03

0:17

粉丝 / 城市探索者

[ 05 ]

洞察

[ 粉丝洞察 ]

01

很多人不知道晚上做什么,希望能看到一张附近正在发生的活动地图。

02

本地演出很难找到,尤其是新人艺人的演出——几乎没有地方报道他们。

03

“地图 + 列表”的形式直观易懂,也能激发兴趣——这样更容易规划夜晚。

04

人们愿意用打赏支持艺人——但前提是在演出中感受到了真切的情绪。

05

社交因素很重要:如果能叫上朋友或“融入圈子”,人们就会去参加活动。

[ 艺人洞察 ]

01

艺人很难宣传自己的演出——社交网络无法保证触达,哪怕是在熟人之间。

02

有演出的动力,却常常不确定会不会有人来。

03

带地理标记和打赏功能的平台被视为实用工具,而不是“又一个社交网络”。

04

“演出实况地图”的形式被视为让新观众注意到自己的途径。

05

掌控感和自主性很重要——艺人希望自己决定何时何地演出,而不依赖主办方。

[ 06 ]

Jobs to be done

我们看的不是功能,而是产品被“雇来”完成的“工作”。Tam-Tam 有两项核心工作——舞台两端各一项。

艺人的核心工作

“有效地推广自己的演出”

功能性

发布演出信息,尽可能扩大受众——在一个便于管理信息、获取反馈的地方。

情感性

相信自己无需复杂的技术技能和持续营销,也能获得关注。

社交性

把自己看作专业且成功的人,通过高质量的演出信息扩大粉丝群。

粉丝的核心工作

“找到有趣的活动,支持喜爱的艺人”

功能性

快速找到合口味的活动,用打赏或购票支持艺人。

情感性

成为更大事物的一部分,感受参与感,支持自己喜欢的人。

社交性

展示自己对社区的归属——无论在现场还是在社交网络上。

[ 工作公式 · JOB STORY ]

艺人

当

我在准备一场新演出,希望有更多人来,

我想要

一个方便创建和推广演出信息的工具,

以便

吸引观众、提高成功的机会——而不必把时间花在营销上。

粉丝

当

我想在自己的城市找到一场有趣的活动,

我想要

使用一个能展示附近活动、并在喜爱的艺人演出时通知我的平台,

以便

提前安排时间,不错过重要的事。

[ 次要工作 ]

03

变现

通过打赏和售票获得财务稳定。

04

保持联系

在演出期间和演出之间都与粉丝保持联系。

05

分析

了解观众是谁、什么吸引他们、哪些可以改进。

06

不错过

喜爱艺人的演出提醒。

07

获取推荐

根据口味和历史推荐相似活动和新艺人。

08

交流

私信、评论、评价,以及对艺人的支持。

[ 07 ]

CJM

积极复杂紧张

[ 艺人旅程 ]

01

认知

感兴趣

通过社交网络和朋友推荐了解到 Tam-Tam。

“得试试——也许能帮我更好地组织演出。”

障碍

缺乏关于应用的信息,心存怀疑。

机会

醒目简洁的宣传材料,清楚说明价值。

02

注册

轻微焦虑 / 期待

下载应用并创建账号:资料、照片、简介。

“希望注册不会花太久。”

障碍

注册耗时长,资料要求复杂。

机会

简化注册,支持社交账号登录。

03

设置个人资料

热情高涨

上传照片,补充关于自己和演出的信息。

“这种介绍自己的方式真酷!”

障碍

导航复杂,选项令人困惑。

机会

直观的界面,优秀个人主页示例。

04

创建演出信息

热情 / 期待

发布第一条演出信息:日期、地点、演出类型。

“希望更多人知道我的演出。”

障碍

难以选择场地,设置不清楚。

机会

分步骤创建演出信息,自动识别位置。

05

推广演出信息

激动 / 有动力

在社交网络分享演出信息,邀请朋友,关注互动情况。

“不知道会来多少人?”

障碍

与社交网络的集成复杂,触达低。

机会

与主流社交网络集成,轻松推广。

06

通知

喜悦 / 有动力

收到通知:谁关注了、谁打算来。

“太好了,我的粉丝在关注我!”

障碍

通知有时延迟或出错。

机会

可根据互动灵活设置通知。

07

与观众互动

热情 / 自豪

阅读评价,回复评论,感谢粉丝。

“希望我有一群活跃的观众。”

障碍

用户的评论和提问很少。

机会

奖励活跃粉丝,鼓励交流。

08

收集打赏

激动 / 喜悦

开通打赏,收到观众的第一笔捐赠。

“不知道粉丝会不会支持我?”

障碍

转账有技术问题,费率和手续费不透明。

机会

透明的打赏系统,实时的支持通知。

09

评估结果

满意 / 焦虑

分析来了多少人、筹到多少钱。

“我能指望通过这个应用获得稳定收入吗?”

障碍

兴趣低或支持不足。

机会

数据分析和改进推广的建议。

10

再次使用

自信 / 有动力

发布新的演出信息,规划接下来的演出。

“规划演出、聚集观众的好方法。”

障碍

如果观众或打赏没有增长,就会失去兴趣。

机会

内容改进提示,新的推广工具。

[ 粉丝旅程 ]

01

认知

兴趣 / 好奇

通过社交网络、朋友、广告了解到 Tam-Tam。

“这是个什么应用?也许这里有很酷的活动。”

障碍

怀疑是否有用,信息不足。

机会

清晰醒目的广告,简单的功能说明。

02

安装应用

期待 / 激动

下载应用并首次打开。

“希望一切都又快又方便。”

障碍

安装复杂,或进入时有多余要求。

机会

简化安装,支持社交账号注册。

03

注册

激动 / 不耐烦

创建账号,填写基本信息和兴趣。

“想快点进去,开始找活动。”

障碍

表单要求多,登录等待时间长。

机会

简单注册,选择兴趣,社交登录。

04

设置兴趣

受启发 / 乐观

选择兴趣:音乐、脱口秀、艺术、音乐节。

“只想看到我感兴趣的内容。”

障碍

兴趣选项过于笼统——可能推荐不相关的活动。

机会

按兴趣和类别灵活筛选,推荐更精准。

05

浏览活动

喜悦 / 兴趣

打开地图,看到附近即将开始的活动。

“今晚附近有什么可看的?”

障碍

活动信息太少,或距离太远。

机会

按距离和类型筛选活动。

06

提醒

愉悦 / 喜悦

收到新活动通知,关注艺人。

“希望喜爱的艺人演出时能通知我。”

障碍

通知太多,而且不总是相关。

机会

通知设置:选择活动类型和艺人。

07

支持艺人

满足 / 助人

在活动现场可以给艺人打赏。

“这位艺人很棒——想支持一下。”

障碍

打赏发送有问题,流程复杂。

机会

简化的打赏系统,快速转账。

08

与艺人互动

参与感

留言、点赞,与朋友分享活动。

“想告诉艺人这场演出太精彩了。”

障碍

互动不便,难以找到朋友参加的活动。

机会

简化评价和社交互动。

09

再次使用

喜悦 / 习惯

关注新活动,去现场并支持艺人。

“这里总能找到新鲜有趣的东西。”

障碍

如果活动太少或不相关,就会失去兴趣。

机会

更好的推荐,以及基于新兴趣的活动。

[ 08 ]

User flow

[ 粉丝 · U-FLOW ]

01注册 / 登录
02设置兴趣
03搜索活动
04通知与关注艺人
05参加活动
06支持艺人(打赏)
07与艺人互动
08再次使用

↺ 循环

[ 艺人 · U-FLOW ]

01注册 / 登录
02设置个人资料
03创建演出信息
04推广演出信息
05与粉丝互动
06支持与打赏
07再次使用

↺ 循环

[ 09 ]

品牌识别

Tam-Tam 的视觉语言是“平衡的复古锐舞浪潮”:城市的暗色舞台、酸性色点缀、痞气的涂鸦和鲜活的街头图形。

更严肃、讽刺、天真、费解——都可以

[ 命名 ]

“Tam-Tam”致敬弗谢沃洛德·加克尔创办的传奇圣彼得堡摇滚俱乐部 TaMtAm(1991–1996):DIY 场景,“TaMtAm 一代”。这个名字让产品扎根于俄罗斯独立音乐场景的基因,读起来也像“tam-tam”——一面鼓,召唤人们赴约。

备选名称

TAM-TAM!StreetBitstoUlitsaDvizhKhorovodPtichkaPiligrimVaib

[ 标志与图标 ]

“TAM · TAM”文字标,中间是一只小鼓吉祥物——标志读起来像一记 tam-tam 鼓声,召唤人们前来。主要形式为反白:白色标志置于深色背景和品牌色底板上。

Tam-Tam 文字标

[ 色板 ]

酸性青柠#EED51E
电光蓝#0588B8
毒性橄榄#A0B805
石墨#364D57
沥青#B2B2B2
黑色#000000
信号红#FF0400

[ 字体 ]

RedKeds

强调 · 区块

Inter

界面 · UI

产品界面的工作字号体系——Inter

鲜活的城市地图

Display · Inter Bold · 40/44 · −1.0

主视觉、推广页

页面标题

H1 · Inter Bold · 30/36 · −0.6

页面标题

栏目与分类

H2 · Inter Semi Bold · 24/30 · −0.3

栏目标题

卡片标题

H3 · Inter Semi Bold · 20/26

卡片标题

副标题与简短说明

Subtitle · Inter Medium · 18/26

导语、副标题

界面正文——活动介绍与艺人主页

Body · Inter Regular · 16/24

正文

次要文本与辅助说明

Body S · Inter Regular · 14/20

次要文本

说明、时间、日期、计数

Caption · Inter Regular · 12/16 · +0.2

元数据

分类 · 标签

Overline · Inter Semi Bold · 11/14 · +1.2 · UPPER

眉题、标签

操作按钮

Button · Inter Semi Bold · 15/20 · +0.2

按钮、CTA

[ 贴纸 · 夜生活信号 ]

在市中心,贴纸无处不在——路牌、门、墙和电线杆上,哪里热闹就贴在哪里。我们把它们当作夜生活的信号:贴得越密,越有生气。多样、鲜艳、大胆、鲜活——这就是我们地图标记的线下版本。

[ MixMedia ]

MixMedia 方向——街头艺术、城市贴纸、涂鸦与拼贴。品牌不只存在于界面中:它走上街头、走上墙面和电线杆——就像它所汇聚的活动一样。

[ 09 ] 设计

UI Screens

[ 01 · 艺人主页 ]

不是目录,而是舞台:各栏目以动词命名,操作就地完成。曲目在卡片里播放,日期从日期条中选取,打赏直接投向目标。这样了解艺人的作品很方便。

Tam-Tam——艺人主页,桌面端
Tam-Tam——艺人主页,移动端

→ 来自其他演出的短视频流

→ 激励艺人继续演出

[ 02 · 活动地图 ]

不是目录,而是舞台:各栏目以动词命名,操作就地完成。曲目在卡片里播放,日期从日期条中选取,打赏直接投向目标。这样了解艺人的作品很方便。

Tam-Tam——活动地图,桌面端
Tam-Tam——活动地图,移动端

→ 带筛选的日历,方便查找

[ 03 · 实时地图 ]

活动地图原型——可直接在本页上操作。

[ 11 ] 总结

结语

成果

项目从受众调研开始,并在莫斯科当代艺术学院对艺人进行了用户访谈。调研帮助确定了两个角色——艺人和粉丝——的核心场景,并据此搭建了服务的结构。

艺人场景

快速创建并推广演出信息,聚集观众,并在演出后与他们保持联系。

粉丝场景

在附近找到有趣的活动,关注艺人,不错过他的演出。

我做了什么

基于这些场景,我完成了 CJM、用户流程、信息架构和产品的视觉系统。另外还专门设计了打赏机制:艺人可以设定资金目标,观众可以支持这个目标,或者只是送上一笔小额打赏。

案例中展示的内容

当前版本的案例展示了服务的关键入口:带活动和筛选功能的地图,以及艺人主页——包括他的演出、目标和与观众的互动。

项目仍在持续推进。其余板块和移动端场景将在设计稿完成后陆续补充。

下一个案例 →AiSales NetworkB2B SaaS · 对话式营销