02 // MAPEAMENTO DE INTERFACE
01//VISÃO GERAL
O QUE A PÁGINA RESOLVE
A primeira coisa que a pessoa vê é o botão de aula experimental gratuita, que é o que a escola mais quer.
Tudo em uma página só: instrumentos, professores, fotos do espaço e contato direto no WhatsApp.
Pensada primeiro pro celular, que é por onde a maioria chega.
X: 0.175 / Y: 0.048
STAMP: BUILD_VERIFIED_01
X: 0.367 / Y: 0.577
STAMP: INTERFACE_OK_02
02//MAPEAMENTO DE INTERFACE
RÁPIDA E BEM ACABADA
A página inteira pesa cerca de 800KB já com todas as fotos, então carrega rápido até no 4G.
Fotos em WebP com versão de reserva e carregamento sob demanda conforme a pessoa rola a tela.
Respeita quem prefere menos animação no aparelho, por acessibilidade.
03//ARQUITETURA DO SISTEMA
COMO FOI FEITA
HTML, CSS e JavaScript puro, sem framework pesado, o que deixa fácil de manter e barato de hospedar.
Abertura com um hero em 3D feito em Three.js.
Dados de escola de música no código (schema.org) pra ajudar a aparecer na busca do Google da região.
X: 0.750 / Y: 0.230
STAMP: DEPLOY_READY_03
04//MÉTRICAS E RESULTADOS