back to home
2026Design + BuildOngoing

SetPrep.

A desktop app, plus a website, for DJs who care about the shape of a set. Reads a music library across four major DJ platforms, draws each planned set as an energy arc, walks the DJ in on the night.

01 · the brief

An app and a website for DJs who care about flow.

Most DJ planning tools focus on the technical metadata: BPM, key, genre. Almost none look at energy, narrative, or the actual shape of a set.

The brief was to build something that did. Read the library a DJ already has. Plan each set visually as an energy curve. Get the finished plan back out into whatever software the DJ actually plays out of, ready for the night.

The hard part was making one app integrate cleanly with the four different pieces of DJ software DJs actually use, without forcing them to re-import or re-tag a single track.

02 · what got built

A native desktop app for Mac and Windows. Plus a website.

  • The desktop app
    Native build for both macOS and Windows. Reads the user's library across four major DJ platforms with no manual import. Renders each planned set as a visual energy curve. Exports the finished set back to the original DJ software, ready to play.
  • The website
    A marketing site at setprep.app. Explains the thing, takes signups, doesn't get in the way. Fast, clean, edge-deployed.
  • The brand
    Wordmark, palette, voice. A few iterations, ended up somewhere quiet, confident, slightly nerdy. Built to grow as the product grows.
03 · the screens

A few of the screens that did most of the heavy lifting.

Five things I built into the SetPrep site that quietly do real work. The kind of bits I'd build into yours, too.

01 · hero · live video background

A homepage that earns the click. HD video plays behind the type.

02 · counters + infographics

Live counters and moving infographics. Small motion, big impression.

A download panel showing three buttons: Download for Mac (Apple Silicon), Download for Mac (Intel x64), Download for Windows. The right one is highlighted for the visitor's machine.
03 · download + licence keys

Three downloads, three architectures, served to the right people.

04 · scroll-triggered infographics

Graphics that explain the product as you scroll. No video file, no Lottie fee.

The SetPrep account dashboard: profile section with verified email, beta licence key with copy button, and platform-aware Mac/Windows download buttons. Personal details redacted.
05 · account dashboard

A full account system: verified email, licence keys, platform-aware downloads, password reset. Real database behind the login. (Personal details redacted.)

04 · how it ran

The same way every project here runs.

Discovery first. Decide what should exist before deciding what to build. Most app ideas turn out to be features. A few genuinely need to be apps. This one did.

Design in the browser before any code: clickable, responsive, opinion-able. Then build, with a fresh demo every Friday so nothing happens behind a closed door.

It's the same rhythm any small business client would get. Weekly demos. Fixed scope at each milestone. No agency stack between brief and build.

Want something like this?

If you're sitting on an idea you can't quite tell is a website or an app, that's a good first conversation to have. Tell me about it.

Start a project