Case study
A full-stack platform for independent musicians — artist pages, discovery, commerce, analytics and a custom video engine, designed and built end to end by Petal AI.
- Scope
- Design and full-stack build
- Timeline
- Mar – Sep 2026
- Shipped
- 350+ commits
- Stack
- Next.js · React · TypeScript
Artists, stats, prices and earnings shown are sample data.
Artist pages
Every artist gets a home page
A rich public profile for each act: hero video, listener and follower stats, top tracks with audio features, band members, tour dates and merch — one page a fan can land on and find everything.
Discovery
Search that keeps up
Results filter with every keystroke, across names, genres, cities and labels. No submit button, no page reload — just the right artists, instantly.
Commerce
A storefront built in
Downloads, vinyl and merch in one store, with a running cart and a clear, multi-step checkout flow.
Analytics
Numbers artists can actually read
Growth by platform, a fan map, and revenue broken down with royalty splits between band members — dashboards designed for musicians, not accountants.
Figures shown are sample data.
Video engine
Vertical video, automatically
Phones crop widescreen video to the middle and lose the action. We built an auto-reframe engine that analyzes the footage several times a second for edges and motion, then plans a smoothed, speed-limited camera path that stays on the action — no manual keyframing, no editor.
Every page is built responsive from the start — the same experience, laid out for the screen in your hand.
The parts you don't see, which are most of the work.
AI voice guide
A conversational voice assistant that answers questions about the platform in real time.
Guided product tour
Narrated, step-by-step walkthroughs with a spotlight that tracks the interface as it scrolls.
Product films in code
Marketing videos rendered from the real UI, so when the product changes they are re-made in minutes, not re-shot.
Secure sign-in
Google sign-in with an access gate, keeping the preview private until launch.
One design system
Shared components, color, spacing and motion across every page and dashboard.
Automated visual QA
Scripted browser checks that walk key flows and catch regressions before they ship.
Music Borough is a music platform, but the pieces are the ones most small businesses and nonprofits ask us for.
Sell online
A storefront that fits what you offer
Music Borough’s storefront is built for albums and merch, with a running cart and a clear checkout flow. We can shape the same storefront around products, classes, tickets or memberships.
See how you’re doing
Dashboards you’ll actually open
Growth, audience and income in one place, laid out for an owner or a director, not an analyst. Here a band sees its fans by platform and by state and how earnings split between members. For you it’s whichever numbers run your week.
Be found
Search that meets people where they are
Results filter as you type, across names, genres, cities and labels. For a nonprofit or a local business that’s a directory of programs, locations, members or products people can find in seconds.
Save time
Automation for the repetitive work
We built a video engine that turns widescreen footage into vertical video without an editor. The same thinking, software that takes over a tedious job, applies to intake forms, reports, scheduling and follow-ups.
From the client
Stone took our ideas, our brand standards, and our mission and turned them into a site that feels like us: warm, clear, and built for creators first.
… Working with Stone never felt like hiring a vendor. It felt like gaining a teammate who cared about getting it right.
Stone Wrubel is the founder of Petal AI.
Petal AI builds websites, platforms and AI automations for small businesses and nonprofits. Tell us what you're working on — the first call is free.