Cenas 3D personalizadas
Cenas interativas com tecidos e aparelhos trazem o trabalho de palco da artista para a web, com renderização adaptativa e vistas estáticas limpas.
Adele Deliss
Uma plataforma multilingue para uma artista aérea, que combina cenas 3D personalizadas com um espaço de trabalho integrado para aulas, subscrições e e-mail.
Design de produto e engenharia full-stack de ponta a pontaDO PALCO DIGITAL ÀS OPERAÇÕES DE ESTÚDIO
Aulas do estúdio e subscrições
Aulas recorrentes, vagas em subscrições, controlo de presenças e regras de feriados ligam a área dos alunos ao espaço de trabalho da artista.
Mailroom integrado
Pedidos de contacto de entrada, linhas de conversação, anexos e respostas personalizadas são geridos diretamente no espaço de administração.
COMO CHEGUEI LÁ
Espetáculos internacionais. O ensino diário.
Os organizadores de eventos precisavam de uma forma clara de conhecer os espetáculos e entrar em contacto. Os novos alunos precisavam de um caminho simples para pedir uma aula, enquanto os alunos regulares precisavam de consultar as suas aulas e presenças. Para a Adele, gerir o estúdio significava acompanhar pedidos de contacto, horários e mensagens de alunos sem perder o controlo dos detalhes.
Um palco expressivo. Um sistema prático para o estúdio.
Desenhei e construí o site público em torno de cenas aéreas 3D personalizadas e de uma apresentação multilingue. Nos bastidores, as áreas dedicadas para alunos e administração reúnem aprovações de aulas, horários de aulas recorrentes, subscrições e o e-mail do estúdio num único sistema integrado.
Design de produto, engenharia de frontend e backend, lógica de agendamento e subscrições, áreas de aluno e administração, infraestrutura de e-mail e cenas 3D personalizadas — adaptando ilustrações fornecidas pela cliente à identidade visual.
01 / 04LIVE SITE
AD / Cenas 3D personalizadas
Cenas 3D personalizadas
Cenas interativas com tecidos e aparelhos trazem o trabalho de palco da artista para a web, com renderização adaptativa e vistas estáticas limpas.
02 / 04EVIDÊNCIA DO PRODUTO
AD / Pedidos de aulas e contas de alunos
Pedidos de aulas e contas de alunos
Os alunos podem verificar a disponibilidade, pedir aulas e utilizar a sua própria área de conta para acompanhar marcações e presenças.
Interface representativa · dados de exemplo
03 / 04EVIDÊNCIA DO PRODUTO
AD / Aulas do estúdio e subscrições
Aulas do estúdio e subscrições
Aulas recorrentes, vagas em subscrições, controlo de presenças e regras de feriados ligam a área dos alunos ao espaço de trabalho da artista.
Interface representativa · dados de exemplo
04 / 04EVIDÊNCIA DO PRODUTO
AD / Mailroom integrado
Mailroom integrado
Pedidos de contacto de entrada, linhas de conversação, anexos e respostas personalizadas são geridos diretamente no espaço de administração.
Interface representativa · dados de exemplo
EVIDÊNCIA DO PRODUTO
Cenas 3D personalizadas
Cenas interativas com tecidos e aparelhos trazem o trabalho de palco da artista para a web, com renderização adaptativa e vistas estáticas limpas.
Trazer o movimento aéreo para a web.
A identidade visual do site nasce diretamente da acrobacia aérea: tecidos, arco, varão e correias ganham vida como cenas 3D interativas em vez de uma galeria estática de fotografias. Os temas claro e escuro, bem como vistas com movimento reduzido, foram pensados de raiz desde o primeiro dia.
Concebido em torno do modo como o estúdio funciona na prática.
O pedido de uma primeira aula precisa da aprovação da artista, enquanto uma subscrição recorrente reserva uma vaga nas aulas semanais habituais. Desenvolvi estes fluxos separadamente, interligando disponibilidade, geração de aulas, lotação, presenças e contas de alunos, em vez de forçar todas as reservas através do mesmo formulário genérico.
- Pedido do aluno
- Aprovação da artista
- Aula confirmada
- Aulas semanais
- Sessões com data
- Vagas reservadas
- Presença
Os pedidos também podem ser recusados ou podem ser sugeridos horários alternativos. As vagas em subscrições recorrentes seguem regras próprias de reserva e presenças.
Uma caixa de entrada do estúdio integrada no espaço de trabalho.
Desenvolvi o Mailroom para que contactos para espetáculos, pedidos de aulas e respostas de alunos pudessem ser geridos lado a lado com os horários das aulas. Centraliza o e-mail recebido, linhas de conversação, pesquisa, anexos e respostas personalizadas na área de administração.
- E-mail de entrada
- E-mail em bruto e conversa
- Leitor seguro
- Resposta enviada
Regras de negócio claras. Fronteiras de infraestrutura bem definidas.
O site público, a área de alunos e o espaço de administração comunicam entre si através de contratos de serviço tipados. Como as regras do estúdio estão isoladas do código da base de dados e do e-mail, a lógica de agendamento pode ser testada localmente e executada com fiabilidade na Cloudflare.
Um único sistema para o palco e o estúdio
Os visitantes podem conhecer o trabalho da artista e pedir espetáculos ou aulas; os alunos gerem as suas reservas na sua própria conta; e a Adele gere aulas, subscrições, presenças e e-mail a partir de um único local.
Next.js, React e TypeScript constituem a base da aplicação, enquanto Three.js, GSAP e Lenis asseguram a experiência pública interativa. O OpenNext executa a aplicação Next.js em Cloudflare Workers, com a D1 para os registos e o R2 para o armazenamento de e-mail em bruto. O Better Auth gere as contas de alunos, o Resend envia os e-mails de saída e o Cloudinary distribui os conteúdos multimédia.
O aspeto mais gratificante deste projeto foi aproximar dois lados muito distintos do trabalho: dar à artista um meio expressivo para mostrar o que faz em palco e, em simultâneo, construir as ferramentas práticas que tornam a gestão diária do seu estúdio muito mais simples.
Vamos construir algo com impacto.
Um novo produto. Um sistema melhor. Um problema difícil que vale a pena resolver.
[email protected]