Bed and Jam
Concept case study / interaction design + vibe-coded prototype概念案例 / 交互设计 + vibe coding 原型
Year
2025
Duration
8 weeks8 周
Overview
Bed and Jam is a concept for a 3D jam space where musicians discover sounds and co-create asynchronously. You explore a galaxy of tracks, preview by listening, add a layer in your own time, and leave it for others to build on. As the sole designer, I shaped the end-to-end loop and built it into an interactive, vibe-coded prototype, from discovery and preview to joining, layering, and returning.Bed and Jam 是一个 3D 合奏空间的概念产品。你在一片漂浮的音轨里穿行，用耳朵而不是眼睛去挑，遇到喜欢的就在自己的时间里加上一层，再留给下一个人。我把从发现到回访的整个闭环设计完，并做成了一个可以真的玩起来的 vibe coding 原型。
My role
Product Designer / Interaction Designer产品设计师 / 交互设计师
At a Glance
Bring the world to your bedroom - so you can jam with musicians everywhere, pressure-free一个人的房间，全世界的合奏
Bed and Jam Landing PageBed and Jam 落地页
What:
A 3D jam space for discovering sounds and co-creating asynchronously一个 3D 的合奏空间，存的是可以被取走的素材而不是成品。听到合适的就拿去叠，不需要跟任何人打招呼。
Why:
Make collaboration feel safe and natural—valuing authenticity over polish, and the beauty of imperfection片段没有出口。太不完整，发不出去；想找人接着做，又得先付一笔社交成本：找人、自我介绍、约时间。两头都堵着，东西就一直留在硬盘里。
How:
Listen-first discovery + anonymous nodes + async layering (preview → join → add a layer → upload → persist)先听后进的发现 + 匿名节点 + 异步叠录（试听 → 加入 → 叠一层 → 上传 → 留存）
Who benefits:
Bedroom musicians, hobbyist producers, first-time collaborators, online music communities (linkable)卧室音乐人、业余制作人、想合作但不想先社交的人。共同点是：手上的片段远多于成品。
Discovery
What stops the music硬盘里的那些片段
Framing
Across music-maker communities, the same fear kept surfacing: not “I can’t make it,” but “I can’t share it.”在各个音乐创作者社群里，反复出现的是同一种恐惧：不是「我做不出来」，而是「我不敢拿出来」。
Competitive snapshot
SoundCloud
publish-first以发布为先
Profiles + public posting + visible metrics个人主页 + 公开发布 + 可见的数据指标
BandLab
collab-first以协作为先
Projects + accounts + collaboration inside owned sessions项目 + 账号 + 协作在自己开的房间里进行
Discord
community-first以社群为先
Collaboration starts in conversation channels协作从对话频道开始
Sofar Sounds
behavioral analogue行为参照
Intimate venues and close listening contexts小场地，近距离的聆听场合
Bed and Jam flips the default:Bed and Jam 反过来：
Start with listening, keep identity lightweight, and make collaboration asynchronous.从听开始，身份做轻，协作放到异步里。前面三家的入口都是社交：先有主页、先进项目、先进频道。音乐都排在人后面。
Design
Creating Bed and Jam音乐先到，人可以不到
The whole design works to lower one thing: the pressure of being seen. Two moves carry it.整个设计只做一件事：把社交这一步从协作里删掉。你先听到声音，直接拿走使用，全程不需要认识谁、不需要谁同意。两个动作把它落下来。
Design move 01
Sound as identity, revealed through preview I made sound the identity, not a profile. Hovering a node previews the track instantly, and clicking opens a lightweight mini-DAW where it shows as a waveform. You meet the music first, with zero self-presentation.以声音作为身份，通过试听显形。悬停节点即刻试听，点击展开一个轻量的迷你 DAW，音轨在里面以波形呈现。全程没有主页、没有头像、没有简介，你判断的是这段声音能不能用，不是这个人值不值得认识。
Design move 02
Async collaboration through layering The jam space is a library of floating tracks you can stack and arrange. You layer anonymous nodes into a mix, shape it, then join the jam, so collaboration happens through composition, not real-time socializing.用叠录代替实时协作。合奏空间是一片漂浮的音轨库，可以自由堆叠和编排。你把匿名节点叠成一个混音，调整好，再加入这场合奏。不用约时间，也不用问谁能不能用。你叠上去的那一层留在库里，等下一个人把它挑走。
DISCOVER
Listen before you enter未见其人，先闻其声
LAYER
Build your mix in private独自成形，不必示人
JAM！
Add one honest layer只添一层，真实为上
RETURN
Leave a trace the community can build on留痕在此，供人接续
Reflection
Key Learnings
What did I learn?
I designed collaboration as a mood, not a meeting.我把协作设计成一种氛围，而不是一场会面。
The hardest part wasn’t building features, it was protecting the “unfinished” moment. Making sound the identity and letting people layer asynchronously keeps authenticity over polish.最难的不是做功能，而是让一段没做完的东西有地方去。成品必须完整，素材不必。把库里存的单位从成品换成素材，片段才有了正当的去处。
I’d prove it works by measuring contribution, not applause.要验证它成立，我会去量贡献，而不是量掌声。
Short prototype sessions to see if people find a vibe, layer a mix, and upload without overthinking, then iterate on where they drop off.做几场短时长的原型测试：他们能不能找到感觉、叠出一个混音、不多想就上传。哪一步退出的人最多就改哪一步。「不想先社交」这一点有访谈支撑，但「把社交拿掉之后人还愿不愿意贡献」目前还是假设，需要真实使用才能证伪。
Bonus - this was my first vibe-coded interactive prototype.额外一点：这是我第一个 vibe coding 做出来的可交互原型。
Building it as a live, interaction-led prototype let me design the mechanics in motion instead of as static screens.做成一个能跑起来的原型，机制就是在动的状态下被设计出来的，而不是画成一张张静态图再想象它怎么动。