Portfolio Piano 3D Interativo para Professor de Música
Budget: $30 – $250 USD
Sou músico, pianista e professor de piano e quero que meu novo portfólio seja tão envolvente quanto minhas apresentações. A ideia é transformar a página inicial em um piano 3D totalmente interativo, construído com Three.js e animado com GSAP, onde cada movimento de scroll desliza suavemente pelo teclado e revela meu conteúdo.
Eu já tenho o conceito geral, mas ainda não existe um design final. Preciso de alguém que traduza essa visão em uma experiência visual elegante, responsiva e rápida. Além do cenário principal em 3D, desejo seções internas tradicionais para apresentar meu trabalho.
Páginas desejadas
• Hero
• Sobre mim
• Formação Técnica e Acadêmica
• Atuação Profissional
• Capacitação e Experiência s
• Apresentações (Vídeos) e Obras Autorais
• CTA para aulas particulares
Funcionalidades interativas
• Load e Título da página com minha assinatura em svg e/ou a logo marca das iniciais (já tennho prontas)
• Animações ligadas ao scroll que façam o piano girar e/ou o teclado “tocar” ou destacar notas enquanto o visitante navega entre suas partes (as partes do piano serão as partes do site)
• Cliques interativos em teclas ou botões 3D que abram (zoom) cada página sem recarregar o site
• Páginas internas também com pequenas animações para manter a coerência da experiência
O que preciso ao final
• Código fonte bem organizado em React ou vanilla JS (conforme sua preferência) usando Three.js e GSAP
• Design responsivo que se adapte a desktop (versão mais bonita), tablet e mobile (público alvo)
• Otimização de performance para que o modelo 3D carregue rápido
• Orientações simples para que eu mesmo possa atualizar textos, fotos e adicionar novas obras futuramente
Se você domina Three.js, GSAP e tem bom olho para UI/UX, vamos conversar. Quero algo impactante, mas também funcional para o cotidiano de um professor e performer.
Eu já tenho o conceito geral, mas ainda não existe um design final. Preciso de alguém que traduza essa visão em uma experiência visual elegante, responsiva e rápida. Além do cenário principal em 3D, desejo seções internas tradicionais para apresentar meu trabalho.
Páginas desejadas
• Hero
• Sobre mim
• Formação Técnica e Acadêmica
• Atuação Profissional
• Capacitação e Experiência s
• Apresentações (Vídeos) e Obras Autorais
• CTA para aulas particulares
Funcionalidades interativas
• Load e Título da página com minha assinatura em svg e/ou a logo marca das iniciais (já tennho prontas)
• Animações ligadas ao scroll que façam o piano girar e/ou o teclado “tocar” ou destacar notas enquanto o visitante navega entre suas partes (as partes do piano serão as partes do site)
• Cliques interativos em teclas ou botões 3D que abram (zoom) cada página sem recarregar o site
• Páginas internas também com pequenas animações para manter a coerência da experiência
O que preciso ao final
• Código fonte bem organizado em React ou vanilla JS (conforme sua preferência) usando Three.js e GSAP
• Design responsivo que se adapte a desktop (versão mais bonita), tablet e mobile (público alvo)
• Otimização de performance para que o modelo 3D carregue rápido
• Orientações simples para que eu mesmo possa atualizar textos, fotos e adicionar novas obras futuramente
Se você domina Three.js, GSAP e tem bom olho para UI/UX, vamos conversar. Quero algo impactante, mas também funcional para o cotidiano de um professor e performer.