A visual promo tool for music producers, designed and built by one
My own side project, built because the existing tools annoyed me as a producer. I designed and built the whole thing, from the create-to-render flow to the 3D pipeline.
Overview
Existing tools for making music promo videos are either too limited or too complex. As a producer myself, I wanted something in the middle: a fast but well crafted tool that produced something worth posting.
Hypedisc is a web app where producers pick a template, customise it, drop in their track and imagery, and render a finished video at set sizes and lengths.
Product Design
Designing and building the whole thing solo
I set the brief myself: the audience, the scope, and a pro pricing model. Before committing, I used AI to prototype the idea and confirm it was buildable with my skillset, then started the build.
I designed the full create-to-export loop, from template selection through to the 3D rendered scenes, responsive throughout.
The rendering layer was built as a system rather than a set of one-off scenes. The pipeline, including post-processing, runs through React Three Fiber, so simple templates and shader-driven scenes compose the same way and leave room for creative results.
I built the full app in React and Three.js using the design-in-code workflow I use on client work. The backend was always the wall on a project like this: a decade of design and build covered the product and frontend, and AI carried me through the parts outside my wheelhouse, Firebase for auth and the database and a separate Node.js render server for the video output, kept off the main app. I stayed the human in the loop throughout, directing every call so the polish and feel held, with AI filling the knowledge gaps rather than taking over.
Product design
Responsive designs
Branding
