Guia passo a passo · para quem nunca programou

Coloque no seu site um mascote que segue o cursor.

O personagem ao lado não é um vídeo. Ele olha para onde você aponta. Este guia mostra como criar o seu com inteligência artificial, do desenho à página no ar.

Quero criar o meu → Ver como funciona

61 páginas
Kit de arquivos
Ferramenta online
Garantia de 7 dias

Ele está olhando paravocê

Mexa o mouse em volta dele. Depois clique nele.

Por que isso importa

Você acabou de brincar com ele. Seu visitante também vai.

Quase todo site tem as mesmas peças: um título, uma foto de banco de imagens e um botão. Um personagem que reage à pessoa é a parte que ela lembra depois, e é a sua marca que está ali.

Dá cara à marca

Um personagem próprio vira o rosto do seu produto no site, no anúncio e no e-mail.

Convida a ficar

A pessoa mexe o mouse para ver ele olhar. Enquanto isso, ela está lendo a sua oferta.

É leve

Não é 3D nem vídeo rodando. No nosso caso são 3,5 MB no computador e 1,4 MB no celular.

O truque

Parece 3D. São quadros de um clipe curto.

A IA gera oito segundos do personagem girando a cabeça. A página guarda esses quadros e mostra o que mais combina com a posição do cursor. O guia ensina cada parte.

ETAPA 1

O personagem e o clipe

Você copia o texto do pedido, troca a descrição pelo seu personagem e a IA entrega a imagem e o clipe do olhar.

ETAPA 2

O recorte e os quadros

O fundo sai, os quadros viram poucas imagens leves e um mapa diz para onde cada quadro olha.

ETAPA 3

A página no ar

O código já vem pronto. Você troca textos e cores na página-modelo e publica com o seu domínio.

Você não escreve código.
Você pede, confere e cola.

Cada pedido para a IA está no livro, palavra por palavra, em caixas prontas para copiar. No fim de cada capítulo há uma lista curta do que conferir antes de seguir.

Folha com 25 quadros do mascote olhando em direções diferentes

Estudo de caso real

Não é teoria. Está no ar.

Todas as imagens, números e prints do guia vêm de uma página publicada: a do BananaBook, onde o Miko mora. Você vê o que deu certo e também o que erramos, para não repetir.

Abrir a página real ↗

bananabookoficial.com

Página do BananaBook com o mascote Miko no centro

O que tem dentro

10 capítulos. Cada um termina com algo pronto.

Na ordem em que o trabalho acontece. O que um capítulo deixa pronto, o seguinte usa.

O truque por trás do mascotePor que parece 3D e não é, e o que o efeito custa.

Escolhendo o seu personagemO que funciona e o que dá errado: cabeça, olhos, acessórios e fundo.

A imagem-baseO texto que pedimos à IA e como escolher entre as opções.

O clipe do olharO giro de cabeça com o corpo parado e um final que emenda no começo.

Mais nitidezAmpliar o clipe com IA: quando vale a pena.

Tirando o fundoO personagem recortado para aparecer sobre qualquer cor.

As folhas de quadrosPoucos arquivos leves e o mapa de para onde cada quadro olha.

O código que segue o cursorO programa completo, explicado em português, pronto para colar.

A página em voltaCores, título, botões, faixa em movimento e o cuidado com o celular.

PublicandoNo ar em plano gratuito, com o seu domínio, e a conferência final.

BônusTodos os textos para colar na IA reunidos, a lista de conferência e os problemas mais comuns com a solução.

O que você recebe

O guia, os arquivos e a ferramenta.

Guia Páginas Vivas (PDF, 61 páginas)Dez capítulos e o bônus, com prints e números de um caso real.

Kit de arquivosA página-modelo para trocar texto e cor, os programas de recorte e medição e o passo a passo de uso.

Textos prontos para a IAOs pedidos da imagem e do clipe, mais os pedidos de código, em caixas para copiar.

Acesso ao Estúdio do MascoteFerramenta online que confere o seu clipe, tira o fundo e entrega a página montada. Sem instalar nada.

A parte técnica, resolvida

Solte o clipe. Saia com o mascote pronto.

Recortar o fundo e medir as direções é onde quem não programa costuma travar. O Estúdio do Mascote faz essa parte no navegador: avisa se o clipe serve, mostra o recorte na hora e deixa você ver o seu personagem seguindo o cursor antes de baixar.

Seu clipe não sai do seu computador. Funciona melhor no Chrome ou no Edge, em computador.

Estúdio do Mascote

Antes de comprar

Para quem é, e para quem não é.

É para você se…

vende curso, ebook, serviço ou produto e quer uma página que não pareça modelo pronto;
faz sites para clientes e quer oferecer algo que poucos entregam;
nunca programou, mas topa seguir um passo a passo com calma;
tem um computador e aceita gastar um pouco com IA de imagem e vídeo.

Não é para você se…

quer um site pronto em cinco minutos sem fazer nada;
não quer gastar nenhum centavo com ferramentas de IA;
pretende usar o Miko: o guia ensina a técnica, e o personagem tem que ser seu;
só tem celular: ele serve para testar, não para construir.

Sem pegadinha

Quanto custa além do guia?

É melhor saber agora do que depois de comprar. Não existe versão totalmente gratuita deste projeto: a parte cara é uma só, o clipe do personagem. O resto custa centavos ou nada.

Os números ao lado são os créditos que gastamos no Higgsfield, em outubro de 2026. Reserve folga para duas ou três tentativas do clipe e confira os preços da ferramenta que você escolher: eles mudam.

Imagem do personagem	0,25
Clipe do olhar (8 segundos)	56,00
Ampliação do clipe	0,32
Recorte, quadros e código	0
Hospedagem da página	0
Total no nosso caso	56,57 créditos

Comece hoje

Tudo o que você precisa para criar o seu.

Páginas Vivas — guia completo

Guia em PDF com 61 páginas e 10 capítulos
Kit de arquivos com a página-modelo
Textos prontos para colar na IA
Lista de conferência e solução de problemas
Acesso ao Estúdio do Mascote

pagamento único · acesso imediato

Quero o guia agora →

Pagamento seguro. Você recebe o acesso por e-mail.

Garantia de 7 diasLeia, teste e, se não for o que você esperava, peça o reembolso dentro de 7 dias e devolvemos o valor.

Dúvidas

Perguntas frequentes

Eu nunca programei. Vou conseguir?

O guia foi escrito para esse caso. Você não escreve código: copia os pedidos, cola numa IA que escreve o código e confere o resultado com a lista do capítulo. A parte mais técnica, o recorte e a medição, pode ser feita no Estúdio do Mascote, direto no navegador.

Preciso pagar por alguma ferramenta além do guia?

Sim. Você precisa de uma IA de imagem e vídeo para gerar o personagem e o clipe, e isso custa créditos. No nosso caso foram 56,57 créditos no Higgsfield, quase tudo no clipe. A hospedagem da página foi feita em plano gratuito.

Quais ferramentas de IA vocês usaram?

Higgsfield para a imagem e o clipe, e Claude para o código. Outras ferramentas parecidas servem; o guia explica o que cada pedido precisa conter para você adaptar.

Funciona no celular?

A página pronta funciona: no celular o mascote olha para onde a pessoa toca, com imagens mais leves. Para construir você precisa de um computador.

Posso usar o Miko no meu site?

Não. O Miko é uma criação do BananaBook e aparece no guia como exemplo. A técnica é livre para você usar; o personagem tem que ser o seu, e o guia mostra como criar.

Quanto tempo leva?

As esperas são curtas: o nosso clipe levou cerca de dez minutos para ficar pronto e a ampliação, cerca de cinco. O tempo de verdade vai em escolher o personagem e ajustar a página até ficar com a cara do seu negócio.

Como recebo o material?

Depois do pagamento você recebe por e-mail o acesso ao PDF, ao kit de arquivos e ao Estúdio do Mascote.

E se eu não gostar?

Você tem 7 dias para pedir o reembolso.