O escritório precisava de um site que passasse valor sem falar de preço. Um site limpo, com movimento que anda junto com a rolagem.
A ideia
Cada serviço virou um objeto 3D numa vitrine: uma chave, um celular, pastas, engrenagens e um gráfico. Eles aparecem um por vez, em fundo azul-marinho, e mudam com a rolagem: a chave gira, as pastas se organizam, o gráfico cresce. No fim, uma pasta preta ganha o MC em dourado. Nada de preço à mostra: o valor está nos detalhes.
Separei 12 referências de animação. Entraram cinco, como o monograma em arame que vira ouro e a pasta preta que ganha o dourado.
Como foi feito
Os objetos são 3D, feitos com Three.js, e rodam no próprio navegador.
O monograma MC se desenha em arame e, com a rolagem, vai se enchendo de ouro.
Cada página de serviço abre com o seu objeto no topo.
No contato, o M dourado se parte ao meio e abre como duas portas.
Quem pede menos movimento no celular vê tudo pronto e parado.