O confete que só dispara três vezes

Você termina a compra e a tela explode em papel picado. Cinco cores, gravidade de verdade, as partículas caindo e desacelerando. Em cima, “Pedido confirmado!”. Logo abaixo, em letra menor, “Nada será cobrado e nada será entregue”.

É o momento mais bem cuidado do site inteiro, e é sobre uma coisa que não aconteceu.

Onde ele aparece, e onde não aparece

O confete tem exatamente três gatilhos no código:

Quando você confirma um pedido. Quando abre uma cápsula e sai um prêmio lendário. E quando ganha a surpresa que aparece durante o rastreio.

Repare no que ficou de fora. Cápsula comum não tem confete. Cápsula rara também não. Adicionar ao carrinho, aplicar cupom, bater ponto: nada.

Isso não é economia de esforço, é a regra que faz a coisa funcionar. Comemoração que acontece toda hora deixa de ser comemoração e vira ruído de interface. Quem já usou aplicativo que solta animação a cada toque sabe o quanto isso cansa rápido.

O pico é a compra, não a entrega

Vale reparar onde as lojas colocam o esforço de design.

A tela de confirmação costuma ser a mais caprichada de todas: animação, número do pedido em corpo grande, “obrigado” com nome próprio, às vezes um cupom para a próxima. Depois disso, o rastreio vai ficando cada vez mais seco até virar linha de texto cinza.

Faz sentido comercial. O prazer da compra acontece no instante em que você decide, e é ali que a loja quer que fique a lembrança. Se a memória boa está no botão e não no produto, a chance de você repetir aumenta.

O Dopashop leva isso ao extremo óbvio: aqui só existe o pico. Não vem produto nenhum depois para estragar a impressão.

O detalhe que eu faço questão de contar

O confete não é biblioteca de prateleira. Está escrito à mão, em canvas, e uma das razões é esta: ele obedece a quem pediu menos movimento.

Se o seu sistema está configurado com prefers-reduced-motion, e muita gente configura por causa de enxaqueca, vertigem ou enjoo, você não vê partícula nenhuma. A mensagem e a cor continuam lá, então a recompensa não some. O que some é a coisa que faz mal.

Isso é fácil de fazer e quase ninguém faz. Boa parte das animações comemorativas que existem por aí ignora essa configuração completamente.

Por que existe aqui

Porque sem o confete a compra fictícia terminaria num aviso, e aviso não dá prazer nenhum. A experiência que o site entrega é justamente essa: a sequência inteira, com o pico no lugar certo.

A diferença é que aqui o pico é tudo o que existe, e está escrito na própria tela que ele é. Numa loja de verdade, o confete comemora um boleto.