drumsplit.io · design proposals
Prod is unchanged

Three takes on the same simpler page.

Current drumsplit.io has six heavy sections. All three of these simplify to vocalsplit's structure — hero · comparison · who's it for · pricing · faq — using vocalsplit's exact visual system (Inter, warm gradient accents, rounded cards, radial glow). The only difference between the three is how the A/B comparison player is composed.

A · Stacked rows

Four competitor rows, click to play.

Closest to vocalsplit's existing stems card. Each competitor is a row with name, waveform bars, price. Click any row to hear that tool's stem. Track selector above.

FamiliarMobile-friendlyLeast clicks
Open proposal
B · Tabbed waveform

One big waveform, tab through competitors.

Horizontal tabs for each tool above a single large real waveform. Play once, switch tabs mid-play to hear the same timecode on each tool. Fastest head-to-head.

Large waveSwap mid-playDirect A/B
Open proposal
C · Dual card A/B

Two panels side-by-side. Pick your foe.

DrumSplit fixed on the left, one competitor on the right — pick which one. Each side has its own waveform + play button. Most explicit visual comparison.

Visual A/BPick opponentStrongest argument
Open proposal
Heads up. All three play real drumsplit.io comparison audio — click around, it works. Upload is stubbed. Pick a direction and I'll polish it and wire through the real upload/payment flow. drumsplit.io prod is untouched throughout.