Case study · From everyday band life to the stage
RiffSide.
A platform to organise the band, practise songs and prepare concerts: repertoire, setlists, audio, scores, MIDI, chat and audience participation.
Web application · EN3RGYA band workspace · The screenshots show RiffSide with EN3RGYA’s band identity. Demonstration available on request.
- My role
- Product design, UX/UI and full-stack development
- Technology
- Next.js · React · NestJS · PostgreSQL · TypeScript · Prisma · Socket.IO · AWS S3 · Web MIDI
The challenge
Connect very different tasks — organising a rehearsal, practising a section, finding a score on stage or collecting audience reactions — without scattering information across calendars, messaging apps, audio players and shared folders.
The solution
A band-based architecture connects repertoire, events, setlists and documents. The audio player offers a waveform, A–B loops and section transposition. Concert mode brings together PDFs, annotations, local preparation checks, musician synchronisation and MIDI commands. Chat and public voting extend the collaboration.
What the product delivers
A continuous workflow: the band prepares its programme, members practise their songs, musicians access their documents in concert and the audience can participate. Twenty screenshots show these workflows in the EN3RGYA workspace, with interfaces tailored to everyday work and stage use.
Inside the product
RiffSide, the evolution of Bandtabs, brings music preparation and collaboration into a shared workspace. The screenshots show the EN3RGYA band: its identity, events, repertoire, conversations and concerts. Each workflow serves a distinct context, from individual practice to stage performance and audience interaction.
- Band dashboard, personal actions and a dedicated visual identity
- Shared repertoire, keys, tempos, documents and member ratings
- Setlists, programme approval, version history and MP3 export
- Audio player with waveform, A–B loops and section transposition
- Concert mode with PDFs, document categories and annotations
- Local preparation and pre-concert document checks
- Independent or synchronised navigation between musicians
- Stage commands assignable to a MIDI pedal
- Schedule, availability, attendance and cancellations
- Backstage chat with channels, files, voice messages and music commands
- Public repertoire voting and results shared via QR codes
- Live audience reactions and private feedback to the band
RiffSide
A closer look at the interfaces.
Actual project screenshots. Click to enlarge.
Tap an image to open it full screen and explore the details.
20 / 20 screenshots
The band’s day-to-day, in one place
A personalised dashboard with actions to follow up and upcoming EN3RGYA events.
Next event and attendance
Rehearsal details, member responses and direct access to the setlist and concert preparation.
Repertoire, documents and member ratings
Songs, artists, keys, tempos, MP3s, PDFs, YouTube links and band members’ ratings.
Rehearsal and concert setlists
Programmes organised by date and status, with search, total duration and individual practice.
Prepare, approve and share a programme
Setlist playback, MP3 export, preparation tracking, programme approval and version history.
An audio player built for practice
MP3 playback, volume, quick seeking, waveform and practice controls in one workspace.
A–B loops and section transposition
Precise waveform selection, loop playback and section-based transposition for medleys.
Concert mode focused on the score
A dark stage interface with readable PDFs, document categories, annotations and song navigation.
Check documents before taking the stage
Preparation checks, missing-document indicators and local setlist preparation for offline situations.
One song, a dedicated view for each musician
Independent or synchronised navigation while each musician keeps their own document view.
Control the stage with a MIDI pedal
MIDI inputs, command learning and mappings for previous, next, concert mode and PDF-only view.
Events, cancellations and member responses
Concerts and rehearsals with filters, cancellation states, attendance and linked setlists.
A shared calendar and availability
Monthly view, search, event types and availability for the selected day.
A list view for the essentials
Events grouped by date, venues and attendance, with cancelled events clearly identified.
Backstage, the band’s conversation space
Channels organised by category, messages, files, voice messages, reactions and read indicators.
Music tools inside the chat
Commands for sharing songs, playlists, events, proposals, arrangements and polls.
Let the audience help choose the repertoire
Song choices without an account, search, YouTube links and access to voting results.
Voting results ready to share
Song rankings, participation counts and a QR code linking to the band’s public space.
Follow audience reactions live
Control the current song, follow reactions and private feedback, and share the permanent public QR code.
The concert from the audience’s side
The current song, medley details, instant reactions and private feedback for the band.
Your direct contact
Your next project starts with a conversation.
An idea to bring to life, a website to rethink or a tool to improve? Let’s discuss what you need.
Tell me about your project