Seção 1Seção 2Seção 3
Surgir ao rolar
Seções que aparecem com suavidade conforme a pessoa desce a página.
VITRINE DE EFEITOS
Escolha os efeitos do seu site.
Teste cada um, marque os que gostar e me envie a lista pelo WhatsApp. Eu digo, com sinceridade, o que faz sentido para o seu caso.
Todos funcionam no celular, respeitam quem prefere menos movimento e foram feitos para não deixar o site lento.
Conteúdo surgindo
Como o conteúdo entra na tela.
Seu negócio na internet, do jeito certo.
Texto se escrevendo
Uma frase de destaque digitada na hora, como numa máquina de escrever.
SITES RÁPIDOS · DESDE 2007
Texto decodificando
Rótulos e títulos que se “montam” como num terminal. Combina com marcas de tecnologia.
+1.500clientes atendidos (exemplo)
Números contando
Resultados e experiência em números que sobem até o valor final.
Linha se desenhando
Um traço, assinatura ou ícone que se desenha sozinho. Elegante para marcas pessoais.
Interação
Como o site responde ao toque e ao mouse.
Plano EssencialSite de uma página, pronto em 7 dias.
Cartão que reage ao mouse
Cartões de serviço ou produto inclinam levemente e brilham onde o mouse passa.
ANTES
DEPOIS
Comparador antes e depois
Arraste para comparar: reformas, estética, fotos, sites antigos e novos.
Quanto tempo leva?
Uma landing page leva em média de 5 a 10 dias.
Posso editar depois?
Sim, com WordPress ou um painel simples.
Perguntas que abrem e fecham
Perguntas frequentes e detalhes que só aparecem quando a pessoa quer ler.
Atmosfera
Fundos e movimentos que dão personalidade.
Fundo de pontos vivo
Uma malha de pontos que respira e reage ao mouse. É o fundo da abertura deste site.
Faixa de destaque
Gradiente em movimento
Cores que se misturam devagar no fundo de uma faixa ou botão de destaque.
Role aqui
Parágrafo de exemplo 1. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 2. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 3. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 4. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 5. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 6. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 7. Role esta caixa para ver o efeito funcionando.
Parágrafo de exemplo 8. Role esta caixa para ver o efeito funcionando.
Parallax leve
Camadas que se movem em velocidades diferentes, dando profundidade sem exagero.
Da casa
Efeitos criados para este site.
Uma linha percorre a tela e mostra as medidas reais desta página: espaços, colunas e margens.
Inspeção das medidas
Mostra ao visitante que o layout foi medido e conferido: tudo alinhado, espaços iguais. Na página inicial roda sozinha na 1ª visita (ver).
Tema claro e escuro
O site segue a preferência do celular de cada pessoa, com botão para trocar.
O que eu evito, e por quê
Efeitos comuns que costumam atrapalhar mais do que ajudar.
- Carrossel que passa sozinhoPouca gente vê além do 1º slide, e o texto some antes de ser lido.
- Tela de carregamento animadaFaz a pessoa esperar para ver o conteúdo; muitos desistem.
- Pop-up assim que a página abreInterrompe antes de a pessoa saber do que se trata, e o Google penaliza no celular.
- Vídeo com som tocando sozinhoAssusta, gasta dados do celular e quase sempre é fechado.
- Cursor personalizadoNão existe no celular e atrapalha quem usa o mouse com dificuldade.
- Rolagem “sequestrada”Quando a página rola num ritmo próprio, a pessoa perde o controle e se irrita.