← 全部案例
[ / ] 正在为本项目寻找赞助方
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 ]
↺ 循环
[ 艺人 · U-FLOW ]
↺ 循环
[ 09 ]
品牌识别
Tam-Tam 的视觉语言是“平衡的复古锐舞浪潮”:城市的暗色舞台、酸性色点缀、痞气的涂鸦和鲜活的街头图形。
更严肃、讽刺、天真、费解——都可以
[ 命名 ]
“Tam-Tam”致敬弗谢沃洛德·加克尔创办的传奇圣彼得堡摇滚俱乐部 TaMtAm(1991–1996):DIY 场景,“TaMtAm 一代”。这个名字让产品扎根于俄罗斯独立音乐场景的基因,读起来也像“tam-tam”——一面鼓,召唤人们赴约。
备选名称
[ 标志与图标 ]
“TAM · TAM”文字标,中间是一只小鼓吉祥物——标志读起来像一记 tam-tam 鼓声,召唤人们前来。主要形式为反白:白色标志置于深色背景和品牌色底板上。
[ 色板 ]
[ 字体 ]
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 · 艺人主页 ]
不是目录,而是舞台:各栏目以动词命名,操作就地完成。曲目在卡片里播放,日期从日期条中选取,打赏直接投向目标。这样了解艺人的作品很方便。


→ 来自其他演出的短视频流
→ 激励艺人继续演出
[ 02 · 活动地图 ]
不是目录,而是舞台:各栏目以动词命名,操作就地完成。曲目在卡片里播放,日期从日期条中选取,打赏直接投向目标。这样了解艺人的作品很方便。


→ 带筛选的日历,方便查找
[ 03 · 实时地图 ]
活动地图原型——可直接在本页上操作。
[ 11 ] 总结
结语
成果
项目从受众调研开始,并在莫斯科当代艺术学院对艺人进行了用户访谈。调研帮助确定了两个角色——艺人和粉丝——的核心场景,并据此搭建了服务的结构。
艺人场景
快速创建并推广演出信息,聚集观众,并在演出后与他们保持联系。
粉丝场景
在附近找到有趣的活动,关注艺人,不错过他的演出。
我做了什么
基于这些场景,我完成了 CJM、用户流程、信息架构和产品的视觉系统。另外还专门设计了打赏机制:艺人可以设定资金目标,观众可以支持这个目标,或者只是送上一笔小额打赏。
案例中展示的内容
当前版本的案例展示了服务的关键入口:带活动和筛选功能的地图,以及艺人主页——包括他的演出、目标和与观众的互动。
项目仍在持续推进。其余板块和移动端场景将在设计稿完成后陆续补充。
[ / ] 正在为本项目寻找赞助方
CONSUMER / CULTURERESEARCH品牌TAM-TAM
一个网页服务:每一场音乐会、脱口秀或街头表演都不会淹没在信息流里,而是出现在城市地图上——化作一个吸引观众前来的标记。
[ 01 ]
背景
如果能做一个帮助艺人和观众找到彼此的网页服务,那就太好了
[ 去哪儿玩? ]
一个面向现场音乐与城市艺术的概念平台,让艺人和观众找到彼此。
独立完成完整的产品周期:从 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
艺人的核心工作
“有效地推广自己的演出”
功能性
发布演出信息,尽可能扩大受众——在一个便于管理信息、获取反馈的地方。
情感性
相信自己无需复杂的技术技能和持续营销,也能获得关注。
社交性
把自己看作专业且成功的人,通过高质量的演出信息扩大粉丝群。
粉丝的核心工作
“找到有趣的活动,支持喜爱的艺人”
功能性
快速找到合口味的活动,用打赏或购票支持艺人。
情感性
成为更大事物的一部分,感受参与感,支持自己喜欢的人。
社交性
展示自己对社区的归属——无论在现场还是在社交网络上。
[ 工作公式 · 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 ]
注册 / 登录
设置兴趣
搜索活动
通知与关注艺人
参加活动
支持艺人(打赏)
与艺人互动
再次使用
↺ 循环
[ 艺人 · U-FLOW ]
注册 / 登录
设置个人资料
创建演出信息
推广演出信息
与粉丝互动
支持与打赏
再次使用
↺ 循环
[ 09 ]
品牌识别
Tam-Tam 的视觉语言是“平衡的复古锐舞浪潮”:城市的暗色舞台、酸性色点缀、痞气的涂鸦和鲜活的街头图形。
更严肃、讽刺、天真、费解——都可以
[ 命名 ]
“Tam-Tam”致敬弗谢沃洛德·加克尔创办的传奇圣彼得堡摇滚俱乐部 TaMtAm(1991–1996):DIY 场景,“TaMtAm 一代”。这个名字让产品扎根于俄罗斯独立音乐场景的基因,读起来也像“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 · 艺人主页 ]
不是目录,而是舞台:各栏目以动词命名,操作就地完成。曲目在卡片里播放,日期从日期条中选取,打赏直接投向目标。这样了解艺人的作品很方便。
01
来自其他演出的短视频流
激励艺人
继续演出
[ 02 · 活动地图 ]
不是目录,而是舞台:各栏目以动词命名,操作就地完成。曲目在卡片里播放,日期从日期条中选取,打赏直接投向目标。这样了解艺人的作品很方便。
02
带筛选的日历,
方便查找
[ 03 · 实时地图 ]
活动地图原型——可直接在本页上操作。
[ 11 ] 总结
结语
成果
项目从受众调研开始,并在莫斯科当代艺术学院对艺人进行了用户访谈。调研帮助确定了两个角色——艺人和粉丝——的核心场景,并据此搭建了服务的结构。
艺人场景
快速创建并推广演出信息,聚集观众,并在演出后与他们保持联系。
粉丝场景
在附近找到有趣的活动,关注艺人,不错过他的演出。
我做了什么
基于这些场景,我完成了 CJM、用户流程、信息架构和产品的视觉系统。另外还专门设计了打赏机制:艺人可以设定资金目标,观众可以支持这个目标,或者只是送上一笔小额打赏。
案例中展示的内容
当前版本的案例展示了服务的关键入口:带活动和筛选功能的地图,以及艺人主页——包括他的演出、目标和与观众的互动。
项目仍在持续推进。其余板块和移动端场景将在设计稿完成后陆续补充。























