Trent MitchellNYC --:--:--
Work

Spores Studio

A mixer for on-chain music. Pick two songs, blend them with the Spores mixer, and mint the result as a one-of-one remix, with a visual experience built around the sound. A personal project I designed and built, from concept to MVP in ten days.

  • 2022
  • Design and front end
  • Personal project
  • 10 days
A design board tracing Spores Studio from DJ software references through wireframes to high-fidelity variations.
From DJ software references to wireframes to the final look.Full size
01

Why I built it

SporesDAO is a Web3 music collective whose platform lets people create one-of-one remixes of music NFTs with its own mixer. The first time I tried it, it reminded me of downloading music onto my iPod from LimeWire: the same feeling of freedom, music and technology meeting somewhere new.

Spores Studio was my take on unlocking that for creative exploration: mix two songs seamlessly, and give the mix a visual experience to match.

A concept board covering the Spores ecosystem, references from Apple's iPod era, and the relationship between media and hardware.
Concept: the Spores ecosystem, and where a studio fits in it.Full size
02

Ten days, concept to MVP

The first couple of days went to learning the technology and the ways people would use it. Planning and design took four. The hackathon version took a day to build, and the MVP three more.

A planning board: the Spores Studio layout mapped to components, code snippets, and smart contract files.
Planning: the layout mapped to components, data, and contracts.Full size
03

The design

The interface borrows the shape of familiar mixing software, two decks with a mixer between them, then strips most of it away. The Spores mixer is far simpler than a DJ controller, and Zora already catalogs every song, so there was no library to manage and no dense control surface to learn. The mixer became the main control.

Building on the Spores team's and Zora's SDKs and APIs, the app pulls in each song with its metadata, colors, and cover art. Each deck takes its colors from its track. Below the mixer, a skin and three "juice" layers shape the remix before it is minted.

Spores Studio: two song decks in gradient colors with record artwork, and the Spores mixer, skin, and juice controls between them.
The product: two decks, one mixer, and a remix ready to mint.Full size
04

Outcome

A work-in-progress version was submitted to the ETHGlobal hackathon.