Estudo de caso · Do dia a dia do grupo ao palco
RiffSide.
Uma plataforma para organizar o grupo, estudar músicas e preparar concertos: repertório, alinhamentos, áudio, partituras, MIDI, chat e participação do público.
Aplicação web · espaço do grupo EN3RGYA · As capturas apresentam o RiffSide com a identidade do grupo EN3RGYA. Demonstração mediante pedido.
- O meu papel
- Conceção de produto, UX/UI e desenvolvimento full-stack
- Tecnologias
- Next.js · React · NestJS · PostgreSQL · TypeScript · Prisma · Socket.IO · AWS S3 · Web MIDI
O desafio
Ligar tarefas muito diferentes — organizar um ensaio, estudar uma passagem, consultar uma partitura em palco ou recolher reações do público — sem dispersar informação por calendários, aplicações de mensagens, leitores de áudio e pastas partilhadas.
A solução
Uma arquitetura por grupo liga repertório, eventos, alinhamentos e documentos. O leitor de áudio inclui forma de onda, ciclos A–B e transposição por passagem. O modo concerto reúne PDF, anotações, verificações de preparação local, sincronização entre músicos e comandos MIDI. O chat e as votações públicas prolongam a colaboração.
O que o produto oferece
Um percurso contínuo: o grupo prepara o programa, cada membro estuda as suas músicas, os músicos consultam os documentos em concerto e o público pode participar. As vinte capturas mostram estes usos no espaço EN3RGYA, com interfaces adequadas ao dia a dia e ao palco.
No produto
O RiffSide, evolução do Bandtabs, reúne ferramentas de preparação musical e colaboração num único espaço. As capturas apresentam o grupo EN3RGYA: identidade, eventos, repertório, conversas e concertos. Cada percurso responde a um contexto, do estudo individual ao palco e à interação com o público.
- Painel do grupo, ações pessoais e identidade própria
- Repertório partilhado, tonalidades, tempos, documentos e avaliações
- Alinhamentos, validação do programa, histórico e exportação de MP3
- Leitor de áudio com forma de onda, ciclos A–B e tonalidade por passagem
- Modo concerto: PDF, categorias de documentos e anotações
- Preparação local e verificação de documentos antes do concerto
- Navegação independente ou sincronizada entre músicos
- Comandos de palco atribuíveis a um pedal MIDI
- Agenda, disponibilidades, presenças e cancelamentos
- Chat Backstage: canais, ficheiros, mensagens de voz e comandos musicais
- Votação pública do repertório e resultados partilháveis por código QR
- Reações do público em direto e comentários privados para o grupo
RiffSide
As interfaces, em detalhe.
Capturas reais do projeto. Clique para ampliar.
Toque numa imagem para a abrir em ecrã inteiro e explorar os detalhes.
20 / 20 capturas
O dia a dia do grupo, num só lugar
Página inicial personalizada, ações pendentes e próximos eventos do grupo EN3RGYA.
Próximo evento e presenças
Detalhes do ensaio, respostas dos membros e acesso ao alinhamento e à preparação do concerto.
Repertório, documentos e avaliações
Músicas, artistas, tonalidades, tempos, MP3, documentos PDF, ligações YouTube e avaliações dos membros.
Alinhamentos de ensaios e concertos
Programas por data e estado, pesquisa, duração total e acesso ao trabalho individual.
Preparar, validar e partilhar o programa
Reprodução do alinhamento, exportação de MP3, preparação, validação do programa e histórico.
Um leitor pensado para estudar as músicas
Reprodução de MP3, volume, avanços rápidos, forma de onda e controlos de estudo reunidos.
Ciclos A–B e tonalidade por passagem
Seleção precisa na forma de onda, reprodução em ciclo e transposição por passagem para medleys.
Modo concerto centrado na partitura
Interface escura, PDF legível, categorias de documentos, anotações e navegação entre músicas.
Verificar os documentos antes de subir ao palco
Verificações de preparação, documentos em falta e preparação local do alinhamento para situações sem rede.
Uma música em comum, uma vista por músico
Navegação independente ou sincronizada, mantendo os documentos próprios de cada músico.
Controlar o palco com um pedal MIDI
Entradas MIDI, aprendizagem de comandos e ações anterior, seguinte, concerto e apenas PDF.
Eventos, cancelamentos e respostas dos membros
Concertos e ensaios com filtros, estados de cancelamento, presenças e alinhamentos associados.
Um calendário comum e as disponibilidades
Vista mensal, pesquisa, tipos de evento e disponibilidades do dia selecionado.
Agenda em lista para consultar o essencial
Eventos por data, locais e presenças, incluindo o estado dos eventos cancelados.
Backstage, o espaço de conversa do grupo
Canais por categoria, mensagens, ficheiros, mensagens de voz, reações e indicadores de leitura.
Ferramentas musicais dentro do chat
Comandos para partilhar músicas, playlists, eventos, propostas, arranjos e sondagens.
Convidar o público a escolher o repertório
Escolha de músicas sem conta, pesquisa e acesso a ligações YouTube e resultados da votação.
Resultados da votação para partilhar
Classificação das músicas, participações e código QR para o espaço público do grupo.
Acompanhar as reações do público em direto
Controlo da música em curso, reações, comentários privados e partilha do QR público permanente.
O concerto do lado do público
Música em curso, detalhes do medley, reações instantâneas e comentários privados para o grupo.
O seu contacto direto
O seu próximo projeto começa com uma conversa.
Uma ideia para concretizar, um site para renovar ou uma ferramenta para melhorar? Vamos falar.
Descrever o meu projeto