Uma padaria de bairro com presença de marca grande.

09Como foi desenvolvido

Da foto de verdade ao jogo no ranking.

1. 01

   Primeiro, trocar o que não era verdade

   A imagem antiga da pizza não mostrava como ela é de verdade, e o próprio cliente apontou isso. A pizza real saiu do vídeo da inauguração, e a fachada passou a ser uma foto real da loja.

   

2. 02

   Movimento feito para cada aparelho

   Os títulos entram linha a linha e a história anda de lado no computador. No celular, a mesma seção vira um deslizar natural, sem prender a rolagem.

   // história: trilho horizontal preso na tela (só no computador)
   mm.add('(min-width: 960px)', () => {
     const dist = () => Math.max(0, ht.scrollWidth - innerWidth);
     g.to(ht, { x: () => -dist(), ease: 'none', scrollTrigger: {
       trigger: hp, pin: true, scrub: 1,
       start: 'top top', end: () => '+=' + dist(),
     } });
   });

3. 03

   Site e jogo no mesmo banco de dados

   O jogo “Chico em Busca da Receita Perfeita” roda no navegador do celular. Por usar o mesmo banco, o ranking aparece no site e o painel mostra cadastros e partidas ao lado das visitas.

   

4. 04

   Feito para continuar mudando

   Padaria muda preço e lança novidade o tempo todo. Cada ajuste passa pelo painel, e o histórico de versões permite voltar atrás. Depois da estreia, várias rodadas de ajustes vieram de pedidos feitos no dia a dia.